مطالب معرفی

معرفی: کتابخانه سبک برای انیمیشن سازی SVG

وجود انیمیشن در صفحات باعث می‌شود مخاطب حس بهتری داشته باشد و از طرفی سایت جذاب‌تری هم داشته باشیم. یکی از افکت‌های بسیار زیبا که می‌توان برای جذاب‌تر شدن سایت‌مان از آن استفاده کنیم انیمیشن کردن فایل‌های SVG است. بدلیل اینکه معمولا لوگوی سایت و یا یک سری المان‌های دیگر در صفحه SVG هستند خیلی راحت می‌توانیم آنها را انیمیشن و متحرک کنیم.

معرفی: کتابخانه سبک CSS برای Grid محتوای صفحات

امروزه طراحی سایت‌های ریسپانسیو (واکنش‌گرا) دیگر یک امکان و مزیت برای وب‌سایت محسوب نمی‌شود، زیرا یک استانداردی است که در سال ۲۰۲۰ باید توسط تمامی وب‌سایت‌ها رعایت شود. از طرفی در نظر گرفتن Breakpointها و کدنویسی دستی توسط media queryها برای طراحی ریسپانسیو و تست آن کار دشواری است برای همین پیشنهاد می‌شود که فریم‌ورک یا کتابخانه‌هایی که از قبل توسعه داده شده‌اند برای اینکار استفاده شود.

معرفی: ۱۱ کاری که با CSS می‌توانید انجام دهید !

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

معرفی: چک لیست طراحی صفحات وب

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

معرفی: مجموعه‌ای از پادکست‌های حوزه طراحی، برنامه نویسی و استارتاپ

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

معرفی: سایت خودتان را خودتان محک بزنید !

زمانی که یک صفحه وب رو طراحی می‌کنید یکی از مهمترین و بزرگ‌ترین چالش‌هایی که در پیش روی شما هستش بازدهی (Performance) صفحه و حجم و المان‌هایی هستش که در اون به کار می‌برید. ابزارهای زیادی برای سنجش و محک وضعیت سایت شما وجود دارند. برخی از آنها رایگان هستند و ساده و برخی دیگر پولی و قدرتمند که خیلی از محک‌هایی که می‌زنند شاید برای شما مناسب نباشد.

معرفی: یک راه آسان و زیبا برای نمایش کدهای برنامه بصورت انیمیشن

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