In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon (and also g). This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG […]
Decoding The SVG path Element: Line Commands Read More »
If you’re following along, this is the third post in a series about the new CSS shape() function. We’ve learned how to draw lines and arcs and, in this third part, I will introduce the curve command — the missing command you need to know to have full control over the shape() function. In reality,
Better CSS Shapes Using shape() — Part 3: Curves Read More »
Duolingo’s notifications are a masterclass in psychological manipulation, using FOMO and guilt to keep users engaged and reinforce habits. While effective for habit formation, they raise questions about whether they’re perpetuating a digital addiction.
The Art of Duolingo Notifications: The Subtle Manipulation of Language Learners Read More »
In many countries, web accessibility is a human right and the law, and there can be heavy fines for non-compliance. Naturally, this means that text and icons and such must have optimal color contrast in accordance with the benchmarks set by the Web Content Accessibility Guidelines (WCAG). Now, there are quite a few color contrast
Exploring the CSS contrast-color() Function… a Second Time Read More »
The State of CSS 2025 Survey dropped a few days ago, and besides waiting for the results, it’s exciting to see a lot of the new things shipped to CSS over the past year reflected in the questions. To be specific, the next survey covers the following features: calc-size() shape() Scroll-driven animations Container scroll-state queries
The State of CSS 2025 Survey is out! Read More »
When people talk about UX, it’s usually about the things they can see and interact with, like wireframes and prototypes, smart interactions, and design tools like Figma, Miro, or Maze. Some of the outputs are even glamorized, like design systems, research reports, and pixel-perfect UI designs. But here’s the truth I’ve seen again and again
Collaboration: The Most Underrated UX Skill No One Talks About Read More »
Best Crypto Payment Gateway for High Risk. Accept cryptocurrency payments with the best crypto payment gateway. Find reliable cryptocurrency payment processors. Continue reading Best Crypto Payment Gateway for High Risk on SitePoint.
Best Crypto Payment Gateway for High Risk Read More »
Multimodal interfaces offer exciting opportunities for creating seamless user experiences, but they require careful attention to context, consistency, and smooth transitions between input methods.
Mastering Multimodal UX: Best Practices for Seamless User Interactions Read More »
SVG animations take me back to the Hanna-Barbera cartoons I watched as a kid. Shows like Wacky Races, The Perils of Penelope Pitstop, and, of course, Yogi Bear. They inspired me to lovingly recreate some classic Toon Titles using CSS, SVG, and SMIL animations. But getting animations to load quickly and work smoothly needs more
Smashing Animations Part 4: Optimising SVGs Read More »
Like ’em or loath ’em, whether you’re showing an alert, a message, or a newsletter signup, dialogue boxes draw attention to a particular piece of content without sending someone to a different page. In the past, dialogues relied on a mix of divisions, ARIA, and JavaScript. But the HTML dialog element has made them more
Getting Creative With HTML Dialog Read More »
