در جلسه قبل ساخت یک انیمیشن توسط CSS3  را یاد گرفتیم حال در این جلسه می خواهیم انیمیشن خود را کنترل کنیم. animation-play-state ویژگی بالا این امکان را به ما دهد که انیمیشن خود را متوقف یا اجرا کنیم. [css] animation-play-state: paused|running; [/css] اگر مقدار دستور بالا را برابر با paused قرار دهیم انیمیشن خود […]

آيا تا بحال به اين نكته توجه كرده‌ايد كه رنگ‌بندي در هر چيزي چه تاثيري مي تواند بر روي بيننده داشته باشد؟ يا اينكه هر رنگ چه احساسي را به بيننده القا كرده و يا چه پيامي را به مخاطب مي‌رساند؟ آيا تاكنون به اين مسئله پي برده‌ايد كه رنگ‌ها كاملا با احساسات در ارتباطند […]

استفاده از media query در استایلها این امکان را میدهد که با توجه به اندازه صفحه نمایشگر کاربر استایلهای مختلفی به صفحه ی وب بدهید ، مثلا فرض کنید می خواهید صفحه ی طراحی شده شما در گوش موبایل 1 ستونه و در تبلت ها 2 ستونه و در کامپیوترها 4 ستونه باشد ، یا […]

 css چیست؟ css از سر كلمه cascading style sheet (شيوه نامه ابشاري)گرفته شده است. شيوه نامه قواعدي براي چگونگي نمايش عناصر html است. اگر كمي با زبان نشانه گزاري html كار كرده باشيد مي دانيد كه هر كدام از عناصر (هر آنچه كه در html تعريف مي كنيد مثل table، div…) آن داراي خصوصياتي مي […]

مطمئنا شما هم با من موافق خواهید بود که برای توسعه دهندگان و طراحان وب ، هیچ چیز بهتر از داشتن ابزارهای مفید در جهت بالا بردن سرعت کار و تصحیح سریع کدها نخواهد بود!امروز چند سایت برای شما دوستان معرفی می کنم که می توانید از آنها استفاده کنید. 1- Dabblet با استفاده از […]

بوت استرپ (Bootstrap) یکی از بهترین فریم ورک های طراحی است که امکانات اولیه طراحی مانند منوها، لیست ها، مدل های مختلف فرم، دکمه ها و دهها کامپوننت دیگر را را با استفاده از CSS و Javascript ساخته در اختیار طراح قرار می دهد. بدین ترتیب طراح می تواند تمرکز خود را بر روی خود طراحی گذاشته […]