Materialize CSS
Explore Materialize CSS components, create responsive designs, and implement interactive elements for modern web development.
Basics of UI Design in Figma
Learn to create stunning UI designs using Figma's powerful features, including components, prototyping, animations, and responsive layouts. Master essential tools for efficient workflow and captivating user experiences.
Migrating Legacy SAP HR Systems to a Fiori-Based, User-Centric Experience
Explore the transformation of legacy SAP HR systems to SAP Fiori, enhancing user experience, security, and efficiency. Learn about streamlined processes, responsive design, and modern integrations for optimized HR operations.
How to Create a Responsive Website from Scratch
Learn to build a responsive agency/portfolio website using HTML, CSS, and media queries, covering structure, styling, and advanced features like parallax effects.
Building an Accessible Dark-Light Toggle from a Figma Design - FEM Social Media Dashboard, Part 3
Learn to create an accessible dark/light toggle for a social media dashboard, focusing on proper HTML markup and styling techniques for improved user experience and accessibility.
CSS Grid Cards With Animated Hover Effect - HTML-CSS
Learn to create responsive CSS grid cards with animated hover effects using HTML and SCSS. Master mobile-first design, desktop styling, and interactive elements for engaging web layouts.
Responsive Hero - Build a Responsive Website from Scratch
Learn to build a responsive hero section with background images using HTML, CSS (SCSS), and JavaScript. Covers mobile and desktop styles, flexbox, positioning, and practical tips for effective web development.
Build a Responsive Website - HTML, CSS Grid, Flexbox & More
Learn to build a responsive website using modern HTML5 and CSS techniques like Grid, Flexbox, and animations. Gain hands-on experience in creating custom layouts, deploying to Netlify, and adding form functionality.
Your First Tailwind Website
Learn to build a responsive landing page using Tailwind CSS, covering header, hero section, features, and footer creation, with a focus on utility-first design principles and responsive styling techniques.
Build a Portfolio Website & Deploy
Create a portfolio website using HTML, CSS, and JavaScript, then deploy it to AWS. Learn about grid layouts, responsive design, and theme customization.
Build a Digital Resume and Host for Free
Transform your traditional resume into an impressive digital portfolio, learn responsive design, implement dark mode, and host your creation for free on GitHub Pages.
SpaceX Website Clone - HTML, CSS & JavaScript
Learn to recreate parts of the SpaceX website using HTML, CSS, and JavaScript. Master responsive design, animations, DOM manipulation, and deployment techniques.
CSS Grid Crash Course 2022
Master CSS Grid fundamentals through hands-on practice. Learn layout techniques, responsiveness, and apply skills in a real-world project to create dynamic and flexible web designs.
Build a Starbucks Landing Page Clone
Learn to recreate Starbucks' homepage using HTML, CSS, and JavaScript. Master responsive design, grid layouts, and interactive elements while building a professional-looking website from scratch.
Hulu Webpage Clone - HTML & CSS
Build a Hulu homepage clone using HTML, CSS, and JavaScript. Learn responsive design, styling techniques, and interactive features while creating a modern streaming platform interface.
Bootstrap 5 Crash Course - Website Build & Deploy
Learn to build and deploy a responsive website using Bootstrap 5. Covers navbar, grid, cards, icons, accordion, and more. Includes step-by-step guidance and deployment instructions.
Creative Agency Website From Scratch - HTML & CSS
Build a responsive creative agency website from scratch using HTML, CSS, and JavaScript, covering layout techniques, interactivity, and mobile optimization.
Bootstrap Tutorial
Comprehensive guide to Bootstrap, covering layout, components, and responsive design. Learn to create modern, mobile-friendly websites efficiently.
CSS Tricks - CSS Problems Solved
Learn practical CSS techniques for responsive design, custom styling, and layout optimization, including backgrounds, fonts, positioning, and multi-column layouts.
CSS Grid Tutorial - Responsive Design Examples
Explore responsive design with CSS Grid through practical examples, from basic layouts to advanced techniques like manual item placement and breakpoint-free responsiveness.
The Complete Omega 4 Course
Master Omega 4 for Drupal: Learn sub-theming, Sass styling, responsive grids, layouts, and integration with Panels. Gain practical skills to create flexible, powerful Drupal themes using the Omega 4 framework.