CSS Grid Template Builder
Grid Garden - A game for learning CSS grid
A game for learning CSS grid layout
Simple Icons
Free SVG icons for popular brands.
Creating Usability with Motion: The UX in Motion Manifesto
The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion…
CSS Reference
An extensive CSS reference with all the important CSS properties and info to learn CSS from the basics.
Whitesmith — Your Digital Product and Innovation Partner
Browse the latest blog posts from the Digital Product and Innovation team at Whitesmith. From How to Build an MVP to Best Practices on Product Discovery, our Blog has it all.
Design Doubt
As a developer, rarely has my approach been put into question. If it works, it ships. The definition of “works” is usually well defined. Does it look like the design composition? When people click...
My icon design workflow
Here’s some tips for creating icons — anything from a single colour pictogram to a highly detailed app icon.
Functional Animation In UX Design
**Editor’s Note**: _This article contains many video examples that show functional animation. Therefore, it may take longer to load on slow connections._ A good UX designer can easily explain the logic behind each decision in a [design concept](https://www.smashingmagazine.com/2015/02/27/design-principles-dominance-focal-points-hierarchy/). This includes the [information architecture](https://www.smashingmagazine.com/2014/10/20/improving-information-architecture-card-sorting-beginners-guide/), the [content hierarchy](https://www.smashingmagazine.com/2015/02/27/design-principles-dominance-fo...
LukeW | 455 Web strategy & design articles tagged Mobile
LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.
Why You Should Watch First Time Users
If you want practical tips on how to improve your website, you should watch people using it for the first time - aka first time users.
Introducing Origami Live and Origami 2.0
Just over a year ago, we released Origami — a free tool for designing interactive user interfaces. We’ve used it here at Facebook to design…
Better SVG Fallback and Art Direction With The Element
Freelance Front-End Web UI/UX Developer - Lebanon
Designers: Start Coding With uilang
**Editor's Note**: _Designers could learn how to code, and developers could learn how to design. Sometimes it might not be an option. In this article, the author makes a suggestion to designers without coding skills on how to start crafting code. You might want to take the suggested tool with a grain of salt (or not) but the idea might be worth looking into._ Designers have widely adopted HTML and CSS for a while now. They usually feel comfortable enough to implement their own designs, at least in a static form. However, they’re often intimidated by JavaScript — and rightly so! HTML and CSS...
13 Ways Designers Screw Up Client Presentations
…and one weird trick you won’t believe works every time.
Learn how I do it
People always ask us how we make our GIFs, so we figured it was time to spill the beans.
We Are Living In A Material World And I Am A Material Girl
An in depth look at how we redesigned the Trello Android app using Google's Material design guidelines.
Flexbox adventures - Chris Wright - Interaction designer
I take a look at how Flex actually calculates its space, and how we might use it now, and in the future.
The Core Model: Designing Inside Out for Better Results
We’ve all fallen into territorial arguments about what content belongs on a site’s homepage. It’s the most important part of your website, after all—or is it? Ida Aalen shows us how to circumvent t…
Designer's guide to DPI
A guide to multi-DPI and platform design
The iOS Design Guidelines
Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be.
The $PATH to Enlightenment
Web designers and developers are often scared of using the command line, but we don’t need to be. It’s actually a simple—and useful—set of tools that can speed up your work and improve your life. O…
The Anti-hero of CSS Layout
Redeeming the maligned reputation of CSS Table
Plugins, Resources and Freebies to Spice up Sketch
At Tuts+ we always want to provide useful material to our readers. We listen and we give. And we know that Sketch is a hot topic right now. Recently we published 9 Sketch Features You Should Be...
Typ.io: Fonts that go together
Here at Typ.io, we're revealing designers' decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they're using and how they're using them. We want to know what font goes with what.
If you design apps and wondering how iPhone 6 / 6 Plus affect the workflow,
Here it is — my complete iOS, Android and Mac app design workflow, starting from the first time you open Photoshop, to the app release and beyond. Now seemed like a good time to document how I’ve been working, because my workflow is about to drastically change again, with the release of Skala.
These 8 Tricks to Selecting a Design Partner Will Amaze You — Medium
Most people have never hired a designer in their lives. They will live good, fulfilling, happy lives. They will throw birthday parties for…
15 Cool iOS 8 Design Concepts You Should See
While waiting for release of new iOS on 17th of September, some creatives have taken the liberty to create their own iOS 8 design concepts. Here are 15 really cool iOS 8 design concepts you should see.
Pasquale D'Silva - Designing with animation - YouTube
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
Transitional Interfaces — Medium
Designers love to sweat the details. Much time is spent pixel-fucking buttons, form styles, setting type, & getting those icons as sharp as a tack. A+, great job, don't stop you guys. ...but there's…