اگر با پیش‌پردازنده‌های CSS آشنایی داشته باشید، قطعا نام Sass به گوش شما خورده است. پیش‌پردازنده‌های CSS امکانات زیادی را به آن اضافه می‌کنند و در نتیجه قدرت شما در کدنویسی CSS بیشتر می‌شود. در مقاله قبلی راه‌اندازی Sass را …
برای CSS پیش‌پردازنده‌های زیادی وجود دارد و یکی از معروف‌ترین و پراستفاده ترین آن Sass است. در مقالات قبلی گفتیم که چرا بهتر است از پیش‌پردازنده‌های CSS استفاده کنیم. در این مقاله می‌خواهیم با Sass، روش نصب و استفاده از …
اگر با هر کدام از زبان‌های برنامه‌نویسی کار کرده باشیم قطعا از ساختارهای شرطی if/else استفاده کردیم و با آنها آشنایی داریم. این ساختارهای شرطی را می‌شود به سادگی با استفاده از عملگرهای سه‌گانه پیاده سازی کرد. در زبان جاوااسکریپت …
خیلی از توسعه‌دهندگان وب حس بدی نسبت به CSS دارند. هرچقدر که بیشتر کد CSS بنویسید، به مرور زمان در نگهداری و توسعه آن کد بیشتر دچار مشکل می‌شوید. مخصوصا اگر در نام‌گذاری کلاس‌ها در CSS بی‌دقت و بدون اصول …
یکی از بهترین پلتفرم‌ها برای طراحان و توسعه‌دهندگان وب، Codepen است. این پلتفرم به توسعه‌دهندگان اجازه می‌دهد که بتوانند از کدهای نوشته شده توسط توسعه‌دهندگان دیگر الهام بگیرند و یا از آن کدها در پروژه‌های خود استفاده کنند و حتی …
بروز خطا در برنامه، اجتناب ناپذیره و هر برنامه میتونه پر از خطاهای مختلف باشه. در این مقاله سعی می‌کنیم این خطاها رو با استفاده از دستورات try و catch مدیریت کنیم. برای شروع کار، با دستورات زیر محیط توسعه …
یکی از اساس طراحی وبسایت، استفاده از ساختار شبکه‌ای (Grid) است و با استفاده از CSS Grid می‌توان به راحتی این ساختار را طراحی کرد. شاید بتوان این روش را جایگزینی برای استفاده از فریم‌ورک های متفاوت دانست. این ویژگی …
یکی از مهمترین قسمت‌های طراحی یک محصول دیجیتال, تست آن است. با قرار دادن محتوای هر محصول, می‌توانیم ظاهر و عملکرد آن را تست کنیم و بازخوردهای مورد نظر را دریافت کنیم و در نهایت یک تجربه کاربری خوب و …
با گذشت زمان و پیشرفت طراحی وب, نیاز شد تا سیستم های پیچیده ای طراحی بشن و وظیفه یک طراح وب فراتر از طراحی چند صفحه وب شد. از این رو طراحی اتمی یا همان Atomic Design بیشتر مورد استفاده …
آیکون ها در طراحی می توانند به تنهایی مفهومی را به کاربر برسانند , اگر درست انتخاب شوند. شاید هر کدام از ما در حال حاضر برای استفاده از آیکون ها , راه های متفاوتی را انتخاب کنیم اما استفاده …
یادگیری جاوااسکریپت میتونه به اندازه کافی آدم رو گیج کنه. پس حداقل نذاریم این اسم های مرتبط با جاوااسکریپت ذهنمون رو درگیر خودش کنه و یک بار برای همیشه اونا رو حل کنیم… ECMAScript چیست؟ خب ببینیم در گذشته چه …
رنگ ها یکی از قدرتمندترین و مهم ترین عناصر در طراحی هستند. از آنجایی که فرآیند طراحی مدام در حال پیشرفت و دگرگونی است , درک ما از رنگ ها و شیوه کار با آن ها نیز دچار تغییر می‌شود. …