HTML & CSS

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.

Should you develop a web, desktop or hybrid app for your startup? That is the question Laura dives into and answers in this post.

Maria Antonietta Perna has created some visual examples and demos to help understand CSS's cool new mix-blend-mode property and how it can be used today.

Designers always know how they think the web should work. Userstyles are the best way to re-engineer your internet just the way you like it.

Usable code generation is a handy edition to any modern graphic design tool. Daniel compares how Photoshop & Sketch approach generating HTML and CSS.

If Flexbox is your hot superpower, CSS table properties are the secret weapon you keep hidden for emergencies. Massimo adds a new string to your bow.

The ancient Sumerians were the first data nerds, and understood the beauty of tabular data. But how do we keep the power of HTML tables on small screens?

Tim Slavin explains how to code HTML email newsletters, including how to make them display well on any device, even mobile.

For designers, coding shouldn't be about computers – it should be about creative control. Are you willing to let others paint your masterpiece?

Email is an old technology that seems to be outgrowing it's plain text roots. But is it time for web forms in email?

Annarita Tranfici discusses the new picture element, that aims to simplify and consolidate responsive images.

You've probably created CSS3 animations. But have you used the animation-fill-mode property and all its possible values? Louis takes a look, with visuals.

Mobile design presents challenges and email design is crazy hard. Massimo shows you how to tackle the beast that combines both - mobile email design.

Today for Ivaylo, 'SVG' means 'Soppy Valentines Guy'. His Snap.svg tutorial shows you how to animate and randomize SVG – with a touch of romance.

Most of us know that web fonts are a great way serve scalable, flexible icons, but Massimo is here to show you how SVG icons can be even more powerful.

We program our computers but maybe they program us too? Alex looks at how working on the web changes the way we think.

Dreamweaver's ability to work directly with PSDs is a new approach to bridging the gap between layouts and code. Alex takes it for a test-drive.

While we can't give up HTML tables, more email is read on mobile devices every day. Massimo walks us through the latest thinking in responsive email.

Stenography is 'old tech' that still makes sense today. Plover is an open source project designed to deliver 240 wpm typing to authors, bloggers and coders.

Icons are a central element of web design, but we need maximum flexibility with responsive design. Massimo shows us how to create an icon font from scratch.

Satisficing is a combination of the word 'satisfy' and 'suffice', and describes the tendency to do just enough to get a result. How does this affect forms?