SVG might be a vector format, but it has some amazingly powerful pixel-based tricks up its sleeve. Follow Alex's journey – if you dare.
HTML & CSS
Kushagra Gour introduces Web Maker, a browser extension for front-end developers needing a blazing-fast, offline web playground.
Often the key to understanding complex things is to understand their simpler parts first. SnappySnippet is a tool that can help you with that.
The GIF format has been around for so long that sometimes it's easy to overlook its usefulness. Tim wants you to reconsider the power of GIFs and CSS.
In this article, Louis Lazaris will teach you how to improve your website's accessibility with WAI-ARIA. AI-ARIA stands for Web Accessibility Initiative-Accessible Rich Internet Applications.
HTML5 and CSS3 are the leading technologies that have ushered in a much more exciting world of web page authoring. Because all modern browsers provide excellent levels of support for a number of HTML5 and CSS3 features, creating powerful and simple-to-maintain future-proof web pages is easier than ever before.
Modern user interfaces move. But as Fun Boy Three and Bananarama once said, "T'aint what you do, it's the way that you do it!". Let's talk about easings.
Watching an SVG image drawn onto screen is powerful effect. Ivaylo shows you how to create the 'Invisible Pen' Effect in SVG using Vivus.js
While web designers have more typography choice than ever before, arguably our tools haven't caught up.Type Nugget hopes to fill the gap.
How can you create a single SVG graphic – maybe a logo or icon – that can be easily restyled and recolored in any setting or device? Massimo has a solution.
Paul answers anything and everything about CSS positioning — from floats and relative, absolute and fixed positioning to table display and even flexbox.
App development needs great design but there is a disconnect between design and code. Now Paintcode turns Sketch into an iOS app UI development tool.
SVG is powerful, but finding a place to put your image is harder than it should be. Here's a scalable, reliable, free SVG image hosting method.
Codepen has become a vast repository of some of the best in front-end UI thinking. Sarah has put together a short list of handy snippets from Codepen.io
It doesn't matter how crisp your SVG text is if it's too small to be read. Responsive SVG lets you prioritize the important parts of you graphic.
Sometimes it helps to think of SVG, not as an 'image format', but as a 'recipe'. And once you *really* know a recipe, you can start to change it.
Card-based layouts are a great option for many design problems. Ivaylo shows us how to use Semantic UI to create great, mobile-friendly UIs.
SVG is hot but easily corrupted. Boxy SVG is a free editor that helps you make the most of what the SVG format is good at.
One underestimated aspect of a great UX is providing precisely the right content at precisely the right time. That's the focus of 'lazy loading images'.
Material Design hasn't been around long but its influence continues to grow at a fast pace. Tanay gives us a snapshot of the best frameworks in the area.