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.
In this article, you will learn about CSS3. As you probably know, CSS is a style language that describes how HTML markup is presented to the user.
In this article, you will learn about HTML5. The term “HTML5” has also been used to refer to a number of other new technologies and APIs.
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.
This article is part of our AtoZ CSS Series where we explore CSS values (and properties) of each letter of the alphabet. Letter B is for Box-Model.
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.
While Photoshop may have been born as a photo editor, Jerry shows us 10 Photoshop plugins that can transform it into a powerful Web Design tool.
PNG-32 has glorious alpha-transparency support but the files are huge. Can help come from an unlikely hero – SVG?
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'.
It's a new year and the perfect time to seed your mind with new, fresh ideas. Jerry has 11 ebooks to inform and inspire. Oh, and they're all free!
With the rise of Sketch App, Adobe Photoshop is no longer the undisputed tool for web designers. But competition can be a positive force.
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.
Background videos: when they're good, they're very, very good, but when they are bad, they are horrid. Angus has some tips to keep you out of trouble.
It's easy to forget how difficult, hacky and expensive custom typography used to be. Today Monty delivers four tips to help you use Google Fonts like a pro.
Gareth Redfern introduces Statamic, a full-featured, flat-file CMS for creating sophisticated, fully version-controlled websites without a database.
Massimo shares the technologies he uses for HTML email development and testing on various email clients and how he automates repetitive tasks.
From Casablanca to Game of Thrones, maps have been used to help tell stories. AMCharts Pixel Map Editor lets you create customized SVG maps with ease.
Yaphi Berhanu lists 5 responsive design pitfalls and offers suggestions on how to avoid them.
Fonts have been a convenient place to store our vector icons – but is it the *right* place? Massimo asks if it's time to move to SVG.
Powerpoint and Keynote are powerful, but also a deadend for your data. Chris shows-off the growing power and flexibility of open source presentation tools.