Sara Soueidan — Independent web UI developer, author, speaker, and educator working at the intersection of design and code, helping front-end designers and developers build innovative, inclusive, and accessible web experiences using modern HTML, CSS, and SVG.
70 articles from this blog
A follow-up article listing resources to learn CSS Shapes, including tutorials, examples, and developer tools.
Explores using CSS Regions and pseudo-elements to create semantic, responsive ad layouts without bloating HTML markup.
A technical guide on animating CSS shapes using CSS animations and transitions, covering shape functions, point interpolation, and browser support considerations.
Explores combining CSS Regions and CSS Shapes for creative magazine-style layouts, while emphasizing the importance of maintaining readability and accessibility.
Explores modern web techniques (CSS, SVG, Canvas) to create textured, visually rich text effects without using static image files.
A guide to various techniques for implementing responsive typography on websites, covering media queries, viewport units, and accessibility.
A guide to using CSS Shapes to create non-rectangular layouts and wrap content in custom shapes, covering basic properties and browser support.
A tutorial on creating animated navigation icons (Transformicons) using CSS transforms and transitions, with code examples.
A tutorial on creating a circular navigation menu using CSS transforms and mathematical calculations, with an interactive demo.
A review and summary of key lessons from the book 'Seductive Interaction Design', focusing on applying psychological principles to create engaging user experiences.
