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

مقالات به‌روز و کاربردی برای افزایش سطح دانش شما

بخش مقالات

نگاهی به Reboot.Css جدید بوت استرپ 4

اگر نمی دانید، Bootstrap یک فریم وورک Front-end عالی است. مدت زیادی است که از آن استفاده می کنم، و فکر می کنم که به همه نوع توسعه دهندگان کمک می کند....

Sass چیست؟

Sass چیست و چرا باید از آن استفاده کنیم؟ این سوالات اصلی هستند که قصد داریم امروز به آن‌ها در این مطلب پاسخ دهیم. اما قبل از اینکه وارد جزئیات ماجرا ش...

شروع کار با شمارنده های CSS

به عنوان توسعه دهندگان وب، نمایش صحیح اطلاعات یک ویژگی مهم است. یکی از روش های مناسب برای نمایش اطلاعات، نشان دادن سلسله مراتب، و پاسخ دادن به سوال «ا...

10 مورد از کوچک‌ ترین و سریع‌ ترین فریمورک‌ های Front-End

اگر یک جستجوی ساده در گوگل داشته باشید می‌توانید با ابزارهای مختلفی که می‌توانند کارایی وبسایت‌تان را بهبود دهند آشنایی پیدا کنید. موارد مختلفی وجود د...

15 کتابخانه کاربردی جاوااسکریپت و CSS

یکی از تلاش‌های ما در راکت این است که همواره شما را با آخرین مجموعه ابزارهای کاربردی و عالی آشنا سازیم. امروز قصد داریم شما را با ۱۵ کتابخانه جذاب آشن...

11 پروژه آزمایشی CSS که مغزتان را منفجر می‌کند

کارهای بسیار زیادی را می‌توانید با استفاده از CSS و مرورگرهای وب انجام دهید. توسعه‌دهندگان خوب همواره دوست دارند کارهای‌شان را به نمایش بگذارند و نشان...

راست چین کردن بوت استرپ 4

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

۱۰ قطعه کد هشدار با استفاده از CSS و جاوااسکریپت

در گذشته این پیغام‌ها تنها با استفاده از alertهای داخل جاوااسکریپت نمایش داده می‌شد که بعضی اوقات این موضوع عذاب آور بود. اما امروزه می‌توانیم چنین چی...

10 نمونه از انیمیشن‌های ساخته شده با CSS

مرورگرهای موبایلی ما هر روز در حال پیشرفت و قدرتمند شدن هستند، این بهتر شدن در نتیجه باعث می‌شود که بتوانیم بهتر انیمیشن‌های زیبا و شگفت انگیز را از ط...

10 قطعه کد CSS و جاوااسکریپت برای نمایش زیبای کدها - بخش دوم

در بخش قبلی به صورت کامل ۵ مورد از قطعه کدهایی که باعث می‌شود تا شیوه نمایش کدها مشخص‌تر باشد را به شما معرفی نمودیم، در این جلسه قصد داریم تا ۵ مورد...

ایجاد Grid شکسته

در این آموزش قصد داریم شما را با تکنیکی آشنا سازیم که در آن با استفاده از CSS Grid می‌شود سیستم لایه‌بندی شبکه‌ای شکسته ایجاد کرد. این موضوع چیزی‌ست ک...

۱۰ قطعه کد منو واکنشگرا با CSS - بخش ۲

طراحی یک لایه‌بندی واکنشگرا لزوما کار سختی نیست. مخصوصا برای زمانی که شما در ابتدای کار طرح کلی را ساخته‌اید و می‌دانید که قرار است چه چیزی را ایجاد ک...