Animations: Using Easings to Craft Smarter Interactions
Design & UX
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.
Design & UX — HTML & CSS — SitePoint
Recent
The Best Way to Create Fantastic ‘Invisible Pen’ Effects in SVG
Design & UX
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
Type Nugget: Good Typography is About Finding the Right Playground
Design & UX
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.
‘Reskinnable’ SVG Symbols: How to Make Them (..and Why)
Design & UX
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.
PaintCode: How to Make iOS-Ready App Graphics with Sketch App
Design & UX
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.
Why SVG Image Hosting is Hard (… and How to Do It)
Design & UX
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.
Quick Tip: 4 Really Useful, Re-Useable Code Snippets from Codepen
Design & UX
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
Make Your Own Responsive SVG Graphs & Infographics
Design & UX
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.
Why JPEGs are like McDonalds Apple Pies (and SVGs are not)
Design & UX
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.
How to Design Rich Card-Based Layouts with Semantic UI
Design & UX
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.
Boxy SVG: A Fast, Simple, Insanely Useful, FREE SVG Editor
Design & UX
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.
10 Photoshop Plugins to Speed up Your Web Designs
Design & UX
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.
Can SVG Save You from Your Fat PNG-32s?
Design & UX
By Alex Walker,
PNG-32 has glorious alpha-transparency support but the files are huge. Can help come from an unlikely hero – SVG?
Lazy-Loading Images: How NOT to Really Annoy Your Users
Design & UX
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'.
11 Free UX e-Books Worth Reading for 2016
Design & UX
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!
Has Sketch App Forced Adobe to Improve Photoshop?
Design & UX
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.