طراحی وب، حول دسترسی‌پذیری (Accessibility) می‌چرخد. اکثر طراحان بخش عظیمی از جامعه و کاربران اینترنتی یعنی کاربران معلول و توان‌یاب و افراد خاص را در نظر نمی‌گیرند. در حالی که اگر طراحان بخواهند تمامی کاربران را مخاطب...
سبک‌ها و روش‌های جدید که در طراحی‌های نوین بوجود آمده و trend شده‌اند، همگی باعث شده‌اند که طراحی برای دستگاه‌های دیحیتال و یا طراحی چاپی شاهد تغییرات زیادی باشند که در نتیجه آن اثر بخشی و تجربه بهتری برای...
یکی از فاکتورهایی که طراحی‌ها و سبک‌ها را قدرتمندتر و باعث گسترش آنها میشود، ایده گرفتن از طراحی‌های سایر طراحان است. بعضی از طرح‌های خلاقانه می‌تواند ایده‌های خاصی را برای طرح‌های بعدی ما در...
امروزه همه چیز با طراحی ریسپانسیو (responsive) آغاز میشود. اینکه کاربر با چه دیوایسی به سایت شما مراجعه می‌کند، مهم است و نادیده گرفتن آن باعث میشود تا کسب و کارتان آسیب ببیند.
همین موضوع باعث شده تا...
شما در طول انجام یک پروژه با فرآیندهای زیادی روبرو میشید. کامپایل کردن فایل های SASS و یا LESS , مینیفای کردن کدها و یا ادغام کردن اونا. حتی شاید نیاز داشته باشید بر روی یک سری از فایل های خاص پردازش هایی انجام بدید و سپس اونا رو به یک...
امروزه در جوامع توسعه وب دو پیش پردازنده CSS محبوبیت بسیاری را در بین کاربران و طراحان سایت کسب کرده اند همانطور که با نام آنها آشنا هستید این دو پیش پردازنده Sass و Less هستند.همچنین پیش پردازنده سوم دیگری پا به عرصه نهاده که نسبت به دو...
هر هنر تصویری دیجیتالی از پیکسل ساخته شده پس آن را می توان یک هنر پیکسلی نامید. PixelArt یعنی هنر ساخت یک تصویر تنها با استفاده از Pixel ها. امروز 10 پن برتر از سایت Codepen که با HTML و CSS هنرهای پیکسلی اجاد کردند را خواهیم دید. با...
روز به روز طرح های جدیدی ابداع میشه و همچنین جزئیات زیادی به CSS های پروژه اضافه میشه. دلیل وجود پیش پردازنده ها , افزایش کارایی و سرعت کدنویسی CSS است. پیش پردازنده هایی مثل LESS , Sass , Stylus , ... اما سوال اصلی اینه که از کدام یک...
فکرش رو بکنین که بتونید با CSS برنامه بنویسید!! بتونید متغیر تعریف کنید و در جای جای برنامه ازش استفاده کنید و یا توابعی رو تعریف کنید و اونها رو در جاهای مختلف فراخوانی کنید. اینجوری هر زمان که نیاز به تغییر داشتید فقط کافیه متغیرتون رو...
خیلی از مواقع برای طراحی یک قالب به دنبال یک ایده هستیم. ایده ای که با مشاهده چندین قالب نمونه و بررسی اونا می تونه به ذهنمون برسه. امروز 24 قالب رو برای طراحان در سه دسته بندی مجزا معرفی می کنیم. امیدوارم این قالب ها رو ببینین و بتونین...
امروز 23 پن برتر از سایت Codepen رو براتون انتخاب کردیم و سعی کردیم در این سری دسته بندی های زیادی رو پوشش بدیم. امیدوارم از این سری از برترین های Codepen خوشتون بیاد و واستون مفید واقع بشه.
همونطور که میدونیم CSS یک زبان و یا یک روش برای نمایش المان ها به کاربر هست. CSS امکانات زیادی رو در اختیار ما میزاره تا بتونیم توسط این طرح های مناسبی رو در صفحاتمون ایجاد کنیم. امروز چندین نمونه و کتابخانه از چندین منبع مختلف رو...
همه کاربران برای پولی که خرج می کنند , ارزش قائلند و علاقه مند هستند بدانند برای چه مزیت هایی پول خرج می کنند. با طراحی یک جدول قیمت مناسب , می توانید تعرفه ها و شرایط مختلف برای عضویت در سایتتان را به همراه امکانات و مزیت های هر طرح به...
زمانی که به موفقیت شرکت ها و استارتاپ های بزرگ فکر میکنید، ربط دادن آنها به اقبال و شانس را فراموش کنید، هیچ چیز در دنیای اینترنت و تکنولوژی بر پایه ی شانس نیست، برای مثال شرکت آمازون، یک شرکت خرده فروش که کسب و کارش را در سال 1990 توسعه...
رنگ و رنگ شناسی اهمیت بسیار زیادی در طراحی وب دارد و کسانی که به مفاهیم رنگ شناسی و نظریه های رنگ شناسی مسلط باشند میتوانند طراحی های بسیار مناسبی داشته باشند، این مقاله مخصوص افرادی است که در مدرسه های طراحی و گرافیک شرکت نکرده اند و...
طراحی یک ظاهر زیبا و دلپسند برای کسی که در مدرسه های طراحی درس خوانده است یا رشته های مربط با طراحی داشته است ساده است اما 90% طراحان وبی که در حال فعالیت هستند نه در مدرسه های طراحی درس خوانده اند نه رشته ی مرتبط با طراحی دارند یعنی در...
در این مقاله از Salvattore و Twitter Bootstrap استفاده میکنیم و به شما قول میدهیم که در کمتر از 10 دقیقه میتوانید 3 لایه بندی داینامیک و زیبا ایجاد کنید، در اصل این لایه بندی بجای اینکه با JavaScript باشد با CSS است و همچنین اینگونه لایه...
یکی از چیزهایی که می‌تواند برای کاربر تجربه خوبی را در زمان بازدید از وب‌سایت شما رقم بزند، انتخاب رنگ‌های با معنا و مناسب است. رنگ می‌تواند نشان دهنده مفاهیم و معانی مختلفی باشد، پس بهتر است در انتخاب رنگ‌ها و...
توسط طرحی از ComScore که در اواخر سال 2014 داده شد، در جهان 1.75 بیلیون نفر به صورت مداوم از گوشی های هوشمند استفاده میکنند، این جمله به این معنیست که کسب و کار آنلاین شما باید توسط دستگاه های مختلف به راحتی قابل دسترسی باشد، بنابراین...
اخیرا طراحی و آماده سازی وب سایت برای استفاده در تلفن همراه بسیار مورد توجه قرارگرفته است. چند وقت پیش گوگل از طریق وبلاگ رسمی Google Webmaster مطلبی را مبنی بر اهمیت توجه به تلفن‌های همراه در طراحی سایت‌ها منتشر...
خیلی وقتا پیش میاد که تو طراحیامون به یک مثلث برای کامل تر شدن کار نیاز داریم. مثل زمانی که میخوایم بالون گفتگو طراحی کنیم یا برای تب های منوی سایت نیاز به مثلث پیدا میکنیم. میتونیم از تصاویر آماده استفاده کنیم اما این راه حرفه ای نیست....
خیلی از مواقع میشه به جای استفاده از عکس یک شکل, اون شکل رو با کدهای CSS طراحی کرد. هر شکل پیچیده ای رو میشه با اشکال ساده تو CSS پیاده سازی کرد. اینجوری هم تغییراتش خیلی آسون میشه و هم حجم کمتری استفاده میشه , چون از کد استفاده...
صنعت تبلیغات سالهاست که به عنوان ابزاری جهت ترویج و رونق کسب و کار استفاده میشود. تا حدود ۲۰ سال قبل ابزارهایی که برای تبلیغات میتوانست کارایی داشته باشد ابزارهایی از قبیل تبلیغات محیطی، رسانهای و یا بروشورها و پوسترهای تبلیغاتی بود. اما...
