Principles of Web Design and UI/UX

List of blog posts

SVG Polygon vs Polyline: Points, Fill Rules, and Use Cases

Master point-based shapes and fill rules.
Master the points attribute in SVG. Learn why polylines stay open, how polygons close, and how to use nonzero and evenodd fill rules for complex vector graphics.
Published at:
Categories: SVG
Estimated reading time: 17 min read

CSS Gradient Text Guide: Background-Clip, Animation & Advanced Tricks

Create stunning gradient text effects with CSS
Learn how to create CSS gradient text using background-clip, animation, stroke effects, multi-line fixes, and responsive techniques with real-world examples.
Published at:
Categories: CSS
Estimated reading time: 17 min read

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: 14 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