با استفاده از عنصر <clipPath>
میتوان ناحیه یا مسیر برش تعریف کرد و از آن در ویژگی clip-path
برای مخفی کردن قسمتی از یک عنصر HTML یا SVG استفاده کرد. زمانی که مسیر برشی را بر روی یک عنصر اعمال میکنیم، هر قسمتی از آن عنصر که خارج از مسیر برش قرار بگیرند، نمایش داده نمیشوند.
برش در SVG با عنصر clipPath

پویاسازی افکت کپشن برای یک کارت یا تصویر در CSS
در این ویدیو نحوه پیادهسازی یک افکت بالارونده را برای کپشن یک کارت با استفاده از ویژگی transform آموزش میدهیم.

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

بررسی مقدار Sticky در ویژگی Position
در این ویدیو بررسی میکنیم که چطور مقدار sticky برای ویژگی position به ما اجازه میدهد که عنصری را در زمان اسکرول بصورت ثابت داشته باشیم.
ساخت گرادینت خطی با عنصر linearGradient در SVG
همانطور که در سیاساس ویژگی برای ساخت گرادینت خطی داریم، در SVG نیز این امکان وجود دارد که گرادینتهای خطی داشته باشیم.
کد رنگی چهار و هشت رقمی
در دنیای وب میتوانیم رنگها را به روشهای مختلف نشان دهیم. در مطلب مربوط به رنگها توابع مختلف رنگی و کدرنگی شش رقمی و سه رقمی را معرفی کردیم. در این مطلب به بررسی کد رنگی چهار و هشت رقمی می پردازیم.

جدول قیمت هلو برو تو گلو
برای سایت نیاز به جدول قیمتی داشتیم که در صفحه اول قرار بدهیم و بدلیل تنبلی امکان جستجو در گوگل وجود نداشت در نتیجه برآن شدیم تا یک جدول قیمت معمولی بوجود بیاریم که از لینکهای زیر قابل دسترس میباشد.
آموزش ساخت سایه رنگارنگ برای تصاویر در CSS
در این مطلب با استفاده از فیلترها در سیاساس نحوه ساخت یک سایه رنگارنگ را برای تصاویر آموزش میدهیم. در این روش نیازی برای استفاده از جاوااسکریپت وجود ندارد.
عنصر pattern در SVG (الگوها در SVG)
معمولا الگوها در طراحی وب سایت با استفاده از تصاویر بوجود میآیند اما بهتر است بدانیم که میتوانیم آنها را با استفاده SVG نیز بسازیم که این باعث می شود از نظر کیفیت تصویر، خروجی بهتری داشته باشیم و همینطور نیازی نیست برای یک تصویر، درخواستی اضافه به سرور ارسال کنیم.