Design & UX
Daniel Schwarz, Nov 29
Animations: Using Easings to Craft Smarter Interactions
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.
2 COMMENTs
Design & UX
Ivaylo Gerchev, Nov 15
The Best Way to Create Fantastic 'Invisible Pen' Effects in SVG
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
Design & UX
Alex Walker, Oct 12
Type Nugget: Good Typography is About Finding the Right Playground
While web designers have more typography choice than ever before, arguably our tools haven't caught up.Type Nugget hopes to fill the gap.
Design & UX
Massimo Cassandro, Oct 10
‘Reskinnable’ SVG Symbols: How to Make Them (..and Why)
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.
HTML & CSS
Guy Routledge, Sep 06
AtoZ CSS Quick Tip: Box-Model and Box-Sizing
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.
Web
Ralph Mason, Jul 21
Decoding CSS Positioning: A Master Class with Paul O'Brien
Paul answers anything and everything about CSS positioning — from floats and relative, absolute and fixed positioning to table display and even flexbox.
2 COMMENTs
Design & UX
Daniel Schwarz, Jul 19
PaintCode: How to Make iOS-Ready App Graphics with Sketch App
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.
Design & UX
Alex Walker, Jun 07
Why SVG Image Hosting is Hard (... and How to Do It)
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.
3 COMMENTs
Design & UX
Sarah Landrum, May 28
Quick Tip: 4 Really Useful, Re-Useable Code Snippets from Codepen
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
3 COMMENTs
Design & UX
Alex Walker, May 26
Make Your Own Responsive SVG Graphs & Infographics
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.
Design & UX
Ada Ivanoff, May 11
The 7 Cross-Browser Testing Tools You Need in 2016
Though browsers are arguably more reliable than they've ever been, we still can't forget about cross-browser testing tools. Ada has 7 top options for you.
3 COMMENTs
Design & UX
Alex Walker, Apr 27
Why JPEGs are like McDonalds Apple Pies (and SVGs are not)
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.Â
5 COMMENTs
Design & UX
Ivaylo Gerchev, Apr 25
How to Design Rich Card-Based Layouts with Semantic UI
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.
Design & UX
Alex Walker, Apr 21
Boxy SVG: A Fast, Simple, Insanely Useful, FREE SVG Editor
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.
3 COMMENTs
Design & UX
Jerry Cao, Apr 18
10 Photoshop Plugins to Speed up Your Web Designs
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.
Design & UX
Alex Walker, Mar 02
Can SVG Save You from Your Fat PNG-32s?
PNG-32 has glorious alpha-transparency support but the files are huge. Can help come from an unlikely hero – SVG?
Design & UX
Monty Shokeen, Jan 19
Lazy-Loading Images: How NOT to Really Annoy Your Users
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'.
4 COMMENTs
Design & UX
Jerry Cao, Jan 18
11 Free UX e-Books Worth Reading for 2016
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!
Design & UX
Daniel Schwarz, Dec 24
Has Sketch App Forced Adobe to Improve Photoshop?
With the rise of Sketch App, Adobe Photoshop is no longer the undisputed tool for web designers. But competition can be a positive force.
Design & UX
Tanay Pant, Dec 14
Top 9 Animation Libraries to Use in 2016
We don't have to always re-invent the wheel when creating animations. Tanay runs through the 9 best animation libraries to use in 2016.
Design & UX
Tanay Pant, Nov 30
Top 5 Material Design Frameworks to Use in 2015 - the Sequel!
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.
Design & UX
Angus Russell, Nov 23
10 Guidelines for Better Website Background Videos
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.
Design & UX
Monty Shokeen, Oct 26
4 Expert Tips for Getting the Most Out of Google Fonts
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.
Web
Gareth Redfern, Oct 16
Building Database-free Websites with Statamic CMS
Gareth Redfern introduces Statamic, a full-featured, flat-file CMS for creating sophisticated, fully version-controlled websites without a database.