سون لرن • آموزش

در این قسمت میخوام یک کد (Lazy loading SVG ) جالب رو در اختیارتون بذارم. دمو توضیحات مربوط به کد Lazy loading SVG همونطور که دیدید یک ایده زیبا برای لود شدن تصاویر قرار داده شده است و میتونین از اون در سایت خودتون استفاده کنید. همونطور که میبینید تا زمانی که تصویر اصلی لود … کدهای جذاب و دیدنی ( Lazy loading SVG ) : ایده جالب برای لود شدن تصاویر با SVG سون لرن • آموزش طراحی وب و جاوا اسکریپت ، HTML ، CSS و PHP ...

در این قسمت میخوام یک کد (Typographic Clock ) جالب رو در اختیارتون بذارم. توضیحات مربوط به کد Typographic Clock همونطور که دیدید یک ساعت جالب با استفاده از متن و تایپوگرافی ساخته شده است و میتونین از اون ایده بگیرید و در سایتتون استفاده کنید. برای اینکار از Flexbox و کلاسهای کاذب و ... استفاده شده است. برای مشاهده نحوه پیاده سازی این نمونه میتونین وارد بخش View Source بشید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی لینک دانلود Source ...

در این قسمت میخوام یک کد (SkiFree ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد SkiFree همونطور که دیدید بازی ساده و جالب مرتبط با اسکی ساخته شده است و میتونین با استفاده از کلیدهای کیبورد اون رو هدایت کنید و امتی...

همونطور که اطلاع دارید در جلسه قبل در موردویژگی Pointer-events توضیحاتی رو قرار دادیم و مثالهایی رو زدیم تا شما رو با قابلیتهای اون آشنا کنیم. در این جلسه میخوایم کار با ویژگی های text-shadow و box-shadow و فیلتر drop-shadow و کاربردهای اونا رو به ش...

همونطور که اطلاع دارید در جلسه قبل در موردویژگی Shape-outside توضیحاتی رو قرار دادیم و مثالهایی رو زدیم تا شما رو با قابلیتهای اون آشنا کنیم. در این جلسه میخوایم کار با ویژگی pointer-events و کاربردهای اون رو به شما توضیح بدیم. مقدمات مربوط به Point...

در این قسمت میخوام یککد( Lonely Planet) جالب رو در اختیارتون بزارم. توضیحات مربوط Lonely Planet همونطور که دیدید یک سیاره بزرگ ثابت قرار داده شده و یک سیاره کوچک به دور اون میچرخه. زمانی که سیاره کوچک در پشت سیاره بزرگ قرار میگیره، سیاره بزرگ نارا...