Principles of Web Design and UI/UX

List of blog posts

Mastering CSS steps() for Discrete, Stepped Animations

Master discrete frame-based jumps in CSS animations.
A comprehensive guide to the CSS steps() function, detailing its syntax, parameters, and practical applications for creating unique, stepped animation effects in web design. Boost your CSS animation skills.
Published at:
Categories: Animations
Estimated reading time: 18 min read

SVG Essentials: Mastering Shapes, Coordinates, and Styling

Build sharp, scalable graphics with basic shapes.
Learn how to build resolution-independent web graphics. Master SVG coordinates, the viewBox, and essential shapes like circles, rectangles, and polygons.
Published at:
Categories: SVG
Estimated reading time: 13 min read

Getting Started with CSS Grid: A Beginner’s Guide to 2D Layouts

Series: CSS Grid Fundamentals (1/3)
Lay the foundation, shape the grid.
A beginner-friendly introduction to CSS Grid that covers core concepts and guides you through building your first 2D layouts with real-world examples.
Published at:
Categories: CSS
Estimated reading time: 8 min read