CSS
نوار ناوبری شناور پایین صفحه (Floating Bottom Navigation) با انیمیشن مدرن
سورس کد نوار ناوبری شناور پایین صفحه (Bottom Navigation) با طراحی شیشه‌ای و نشانگر متحرک، بدون هیچ کتابخانهٔ جانبی.
آموزش متغیرهای CSS (CSS Variables): راهنمای جامع و کاربردی از صفر تا صد
متغیرهای CSS (Custom Properties) را از صفر یاد بگیرید: تعریف، Scope، مقدار پشتیبان، ترکیب با Flexbox و Grid و ساخت تم تاریک با جاوا اسکریپت.
اسکریپت فیلتر و جستجوی هوشمند با جستجوی بلادرنگ (سورس کد JS خالص)
یک اسکریپت سبک برای جستجوی بلادرنگ و فیلتر چندگانهٔ محصولات یا مقالات: متن، دسته‌بندی، حداکثر قیمت و مرتب‌سازی، همه با هم و بدون رفرش صفحه.
سورس کد منو سایت متحرک با اندیکاتور لغزنده (HTML، CSS و JS)
منویی مینیمال که با کلیک یا هاور، یک نشانگر نرم زیر گزینهٔ فعال جابه‌جا می‌شود؛ در دسکتاپ به‌صورت منوی بالای سایت و در موبایل به‌صورت نوار پایین صفحه.
سورس کد نوار پیشرفت گروهی (نوار مهارت) با data-percent و انیمیشن اسکرول
چند نوار پیشرفت که هر کدام با ویژگی data-percent مقدار می‌گیرند و وقتی کاربر به آن‌ها اسکرول می‌کند، همراه با شمارش عدد پر می‌شوند؛ مناسب رزومه، درباره ما و صفحهٔ خدمات.
سورس کد نوار پیشرفت ساده با جاوااسکریپت (تمرین قدم‌به‌قدم برای مبتدی‌ها)
یک نوار پیشرفت ساده و سبک که با دکمه‌ها کم و زیاد می‌شود و می‌تواند خودکار پر شود؛ بهترین تمرین برای یادگیری متغیرها و رویدادها در جاوااسکریپت.
سورس کد منو ریسپانسیو موبایل با HTML، CSS و JavaScript (رایگان)
سورس کد کامل یک منوی ریسپانسیو موبایل که از بالای صفحه با انیمیشن پایین می‌آید؛ با توضیح خط‌به‌خط HTML، CSS و JavaScript و دموی زنده.
سورس کد دکمه نمایش پیام محو شونده (Toast Notification) با HTML، CSS و JS
با کلیک روی دکمه، یک پیام کوتاه نمایش داده می‌شود و بعد از چند ثانیه محو می‌شود. سورس کامل Toast در سه حالت موفقیت، خطا و اطلاع‌رسانی با جاوااسکریپت خالص.
سورس کد هاور کارت سه بعدی با CSS و JS (افکت تیلت + کارت چرخشی)
دو مدل هاور کارت سه بعدی آماده: کارت تیلت با جاوااسکریپت سبک و کارت چرخشی دو رو با CSS خالص؛ همراه دموی زنده، توضیح خط‌به‌خط و نکات موبایل.
سورس کد انیمیشن لودینگ صفحه با CSS (۳ مدل آماده + پیش‌لودر)
سه مدل انیمیشن لودینگ آماده با CSS خالص و یک پیش‌لودر تمام‌صفحه؛ همراه دموی زنده و نکاتی برای اینکه لودینگ به سرعت سایت ضربه نزند.