LearnFlat · Creative & Performance Arts · Graphic & Digital Design

Web Design

Focus on the visual aesthetics and usability of websites. Learn to design responsive layouts, user-friendly navigation, and engaging web experiences for design handoffs.

Web Design

Modular CSS with SMACSS: Designing Scalable State Representations

CSS Layout Projects: Styling and Positioning Team Icons

CSS Gradients: Designing Modern and Responsive Web Backgrounds

SMACSS Methodology: Managing Media Queries and State in CSS

Responsive Layouts: Build a Mobile-First Portfolio Website

Responsive CSS Layouts: Designing for Tablet and Desktop

View Transitions API: Modern JavaScript Patterns for Web Apps

Smooth CSS Layout Transitions using the FLIP Technique

Styling Homepage Backgrounds with Modern CSS

Layout and Visual Design Foundations for Developers

Page Transitions with JavaScript: Morphing Elements for Web Apps

Responsive CSS Layouts: Mobile Styles for Reviews and Images

Modern Layouts with CSS Subgrid and Advanced Grid Techniques

Web Typography with Variable Fonts: Responsive Design Guide

Sass Fundamentals: Generating Custom Utility and Spacing Classes

Tailwind CSS Container Queries for Responsive Design

FLIP Animation Technique in CSS: Create Smooth Layout Transitions

Web Layout Design for Developers

Optimizing Web Performance: Lazy Loading Images and Fonts

Mobile-First Web Layouts with CSS Grid

CSS Layouts: Responsive Design with Flexbox and Grid

CSS Custom Properties for Responsive Typography

Dark Mode Implementation with Tailwind CSS

Web Fonts & Images for Portfolio Sites