مطالب با برچسب طراحی

تمامی مراحل یک پروژه را به Gulp بسپارید

تمامی مراحل یک پروژه را به Gulp بسپارید
شما در طول انجام یک پروژه با فرآیندهای زیادی روبرو میشید. کامپایل کردن فایل های SASS و یا LESS , مینیفای کردن کدها و یا ادغام کردن اونا. حتی شاید نیاز داشته باشید بر روی یک سری از فایل های خاص پردازش هایی انجام بدید و سپس اونا رو به یک...

آموزش استایلوس

آموزش استایلوس
امروزه در جوامع توسعه وب دو پیش پردازنده CSS محبوبیت بسیاری را در بین کاربران و طراحان سایت کسب کرده اند همانطور که با نام آنها آشنا هستید این دو پیش پردازنده Sass و Less هستند.همچنین پیش پردازنده سوم دیگری پا به عرصه نهاده که نسبت به دو...

Codepen در هفته ای که گذشت! #10

Codepen در هفته ای که گذشت! #10
هر هنر تصویری دیجیتالی از پیکسل ساخته شده پس آن را می توان یک هنر پیکسلی نامید. PixelArt یعنی هنر ساخت یک تصویر تنها با استفاده از Pixel ها. امروز 10 پن برتر از سایت Codepen که با HTML و CSS هنرهای پیکسلی اجاد کردند را خواهیم دید. با...

Sass یا LESS ؟

Sass یا LESS ؟
روز به روز طرح های جدیدی ابداع میشه و همچنین جزئیات زیادی به CSS های پروژه اضافه میشه. دلیل وجود پیش پردازنده ها , افزایش کارایی و سرعت کدنویسی CSS است. پیش پردازنده هایی مثل LESS , Sass , Stylus , ... اما سوال اصلی اینه که از کدام یک...

LESS جایگزینی قدرتمند برای CSS

LESS جایگزینی قدرتمند برای CSS
فکرش رو بکنین که بتونید با CSS برنامه بنویسید!! بتونید متغیر تعریف کنید و در جای جای برنامه ازش استفاده کنید و یا توابعی رو تعریف کنید و اونها رو در جاهای مختلف فراخوانی کنید. اینجوری هر زمان که نیاز به تغییر داشتید فقط کافیه متغیرتون رو...

24 قالب وب سایت منتخب

24 قالب وب سایت منتخب
خیلی از مواقع برای طراحی یک قالب به دنبال یک ایده هستیم. ایده ای که با مشاهده چندین قالب نمونه و بررسی اونا می تونه به ذهنمون برسه. امروز 24 قالب رو برای طراحان در سه دسته بندی مجزا معرفی می کنیم. امیدوارم این قالب ها رو ببینین و بتونین...

23 پن برتر از سایت Codepen

23 پن برتر از سایت Codepen
امروز 23 پن برتر از سایت Codepen رو براتون انتخاب کردیم و سعی کردیم در این سری دسته بندی های زیادی رو پوشش بدیم. امیدوارم از این سری از برترین های Codepen خوشتون بیاد و واستون مفید واقع بشه.

20 شاهکار با CSS

20 شاهکار با CSS
همونطور که میدونیم CSS یک زبان و یا یک روش برای نمایش المان ها به کاربر هست. CSS امکانات زیادی رو در اختیار ما میزاره تا بتونیم توسط این طرح های مناسبی رو در صفحاتمون ایجاد کنیم. امروز چندین نمونه و کتابخانه از چندین منبع مختلف رو...

13 جدول قیمت که کاربرانتان را جذب خود می کند

13 جدول قیمت که کاربرانتان را جذب خود می کند
همه کاربران برای پولی که خرج می کنند , ارزش قائلند و علاقه مند هستند بدانند برای چه مزیت هایی پول خرج می کنند. با طراحی یک جدول قیمت مناسب , می توانید تعرفه ها و شرایط مختلف برای عضویت در سایتتان را به همراه امکانات و مزیت های هر طرح به...

4 بخش مهم در طراحی تجربه کاربری موفق

4 بخش مهم در طراحی تجربه کاربری موفق
زمانی که به موفقیت شرکت ها و استارتاپ های بزرگ فکر میکنید، ربط دادن آنها به اقبال و شانس را فراموش کنید، هیچ چیز در دنیای اینترنت و تکنولوژی بر پایه ی شانس نیست، برای مثال شرکت آمازون، یک شرکت خرده فروش که کسب و کارش را در سال 1990 توسعه...

نظریه رنگ ها برای طراحان وب

نظریه رنگ ها برای طراحان وب
رنگ و رنگ شناسی اهمیت بسیار زیادی در طراحی وب دارد و کسانی که به مفاهیم رنگ شناسی و نظریه های رنگ شناسی مسلط باشند میتوانند طراحی های بسیار مناسبی داشته باشند، این مقاله مخصوص افرادی است که در مدرسه های طراحی و گرافیک شرکت نکرده اند و...

نظریه تشکیل و ترکیب در طراحی وب

نظریه تشکیل و ترکیب در طراحی وب
طراحی یک ظاهر زیبا و دلپسند برای کسی که در مدرسه های طراحی درس خوانده است یا رشته های مربط با طراحی داشته است ساده است اما 90% طراحان وبی که در حال فعالیت هستند نه در مدرسه های طراحی درس خوانده اند نه رشته ی مرتبط با طراحی دارند یعنی در...

ساخت لایه بندی داینامیک در کمتر از 10 دقیقه

ساخت لایه بندی داینامیک در کمتر از 10 دقیقه
در این مقاله از Salvattore و Twitter Bootstrap استفاده میکنیم و به شما قول میدهیم که در کمتر از 10 دقیقه میتوانید 3 لایه بندی داینامیک و زیبا ایجاد کنید، در اصل این لایه بندی بجای اینکه با JavaScript باشد با CSS است و همچنین اینگونه لایه...

6 راه ساده برای طراحی وب اپلیکیشن

6 راه ساده برای طراحی وب اپلیکیشن
توسط طرحی از ComScore که در اواخر سال 2014 داده شد، در جهان 1.75 بیلیون نفر به صورت مداوم از گوشی های هوشمند استفاده میکنند، این جمله به این معنیست که کسب و کار آنلاین شما باید توسط دستگاه های مختلف به راحتی قابل دسترسی باشد، بنابراین...

ایجاد مثلث با CSS

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

طراحی قلب با CSS

طراحی قلب با CSS
​​خیلی از مواقع میشه به جای استفاده از عکس یک شکل, اون شکل رو با کدهای CSS طراحی کرد. هر شکل پیچیده ای رو میشه با اشکال ساده تو CSS پیاده سازی کرد. اینجوری هم تغییراتش خیلی آسون میشه و هم حجم کمتری استفاده میشه , چون از کد استفاده...

چرخه حیات وب‌سایت

چرخه حیات وب‌سایت
صنعت تبلیغات سالهاست که به عنوان ابزاری جهت ترویج و رونق کسب و کار استفاده میشود. تا حدود ۲۰ سال قبل ابزارهایی که برای تبلیغات میتوانست کارایی داشته باشد ابزارهایی از قبیل تبلیغات محیطی، رسانهای و یا بروشورها و پوسترهای تبلیغاتی بود. اما...