By Louis Lazaris,
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.
By Louis Lazaris,
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.
By Louis Lazaris,
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.
By Daniel Schwarz,
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.
By Ivaylo Gerchev,
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
By Alex Walker,
While web designers have more typography choice than ever before, arguably our tools haven't caught up.Type Nugget hopes to fill the gap.
By Massimo Cassandro,
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.
By Guy Routledge,
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.
By Ralph Mason,
Paul answers anything and everything about CSS positioning — from floats and relative, absolute and fixed positioning to table display and even flexbox.
By Daniel Schwarz,
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.
By Alex Walker,
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.
By Sarah Landrum,
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
By Alex Walker,
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.
By Alex Walker,
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.
By Ivaylo Gerchev,
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.
By Alex Walker,
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.
By Jerry Cao,
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.
By Alex Walker,
PNG-32 has glorious alpha-transparency support but the files are huge. Can help come from an unlikely hero – SVG?
By Monty Shokeen,
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'.
By Jerry Cao,
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!
By Daniel Schwarz,
With the rise of Sketch App, Adobe Photoshop is no longer the undisputed tool for web designers. But competition can be a positive force.
By Tanay Pant,
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.
By Angus Russell,
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.
By Monty Shokeen,
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.
By Gareth Redfern,
Gareth Redfern introduces Statamic, a full-featured, flat-file CMS for creating sophisticated, fully version-controlled websites without a database.
By Massimo Cassandro,
Massimo shares the technologies he uses for HTML email development and testing on various email clients and how he automates repetitive tasks.
By Alex Walker,
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.
By Yaphi Berhanu,
Yaphi Berhanu lists 5 responsive design pitfalls and offers suggestions on how to avoid them.
By Massimo Cassandro,
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.
By Chris Ward,
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.