طراح یا برنامه نویس وب سایت هستید؟ سال ها تگ های HTML را با هم ترکیب و ایده های خود را اجرا کرده اید؟ بدون شک یکی از آرزوهای شما در زمینه کدنویسی، حذف دستورات و تگ های تکراری و تولید خودکار آن ها با استانداردهای روز است.

ایمت (Emmet) که در گذشته آن را با نام زن کدینگ (Zen Coding) می شناختیم، یکی از بهترین پلاگین ها برای تولید سریع کدهای HTML است. در صورتیکه با ساختار دستورات HTML و CSS آشنا باشید، می توانید از ایمت به عنوان دستیار شخصی در تولید آن ها استفاده کنید.

نحوه استفاده

روش کار ایمت هیچ شباهتی با ویرایشگرها ندارد. ایمت برای هر تگ یا دستور سی اس اس حروف اختصاری تعریف کرده که با وارد کردن این حروف تگ ها یا دستورات مربوطه تولید می شوند. در بسیاری موارد ایمت هوشمندانه به بررسی موقعیت مکان نما پرداخته و دستورات متناسب با آن تولید می کند.

به ادامه مطلب بروید..

ادامه

۲۱ اردیبهشت ۱۳۹۲

در آموزش امروز می خواهیم تا افکت Transition را روی کادرهای دایره ای تست و آزمایش کنیم و به شما آموزش بدیم. ما از Border Radius برای ایجاد یک Shape دایره ای استفاده و روی آن کار می کنیم.
حالا چرا دایره ؟ چون عملا بسیاری از طراحان مستطیل را برای کار خودشان انتخاب می کنند . اما شما با یک افکت دایره ای خاص جلوه ای دو چندان به وب سایت خود می دهید. به همین دلیل یک شکل خاص محسوب می شود و ما می رویم تا برای hover روی دایره افکت گذاری کنیم و البته با CSS.
در این آموش ما تمام کدها را بررسی نمی کنیم و برای اجرای این کار مبنا را بر این قرار دادیم که شما به Html و CSS3 تا حدودی تسلط دارید. خب ، پس بیائید شروع کنیم.
به ادامه مطلب بروید..
ادامه

۳۱ مرداد ۱۳۹۱
بالا