Before you choose icons for your UI, have a look at real-world cases of what works and what doesn’t
Thomas Byttebier is a freelance web designer creating minimalist and easy to use websites and user interfaces. Thomas lives and works in Gent, Belgium.
He writes: Of course I can see why icons grew popular in user interfaces. Firstly, they make the UI more graphically pleasing. And when done right, they can certainly give your app visual personality. That’s two good things.
Moreover, an icon can often replace a long descriptive group of words. As screens get smaller, this is much welcomed. But herein lies the design trap, because most icons are unclear. They make people think. What good has a beautiful interface if it’s unclear? Hence it’s simple: only use an icon if its message is a 100% clear to everyone. Never give in.
Read more from the source: thomasbyttebier.be
Get unit test results in your IDE as you type with Wallaby JS
Like as-you-type Live Reload for unit testing.
Supports continuous testing in your code editor; currently WebStorm, IntelliJ IDEA Ultimate, PhpStorm, RubyMine, PyCharm Professional/
- Supports browser code testing (via PhantomJs or node.js/io.js) and node.js/io.js testing.
- Supports popular test frameworks (Jasmine, QUnit, Mocha).
- Support ES2015 (ES6) and React JSX.
Read about more features at dm.gl or WallabyJS.com
The changes are still in the proposal stage but could have a bright future.
Restrictions in Strong Mode include accessing missing properties throw exceptions, arrays cannot be sparse, all scoping errors are static, and classes are immutable.
Read more from The Google Developers Blog
Prompt users of Chrome on mobile to add your web app as an icon on their homescreen with one click
Paul Kinlan writes:
In Chrome 42 (M42 – that is now in Beta) we are introducing “App Install Banners”. App Install Banners give you the ability to have your users quickly and seamlessly install your Web App as per the images below.
Read more from HTML5 Rocks
Step back from web design, art, and visual beauty and journey with Frank Chimero to explore what makes responsive design so unique and powerful
Think about it. A web site must look good on many different screen sizes. A simple description of the web as a design medium:
“an edgeless surface of unknown proportions comprised of small, individual, and variable elements from multiple vantages assembled into a readable whole that documents a moment”
Frank Chimero continues: “The size of what we’re making is unknown until we know what we’re putting there. So, it’s better to come up with an arrangement of elements and assign them to a size, rather than the other way around. We need to start drawing, then put the box around it.”
Read more from the source: frankchimero.com
Examples of good animation: it should feel natural and act to clarify what just happened
Over-animated interfaces can have a negative impact on the user experience, but subtle and invisible animation can improve it significantly.
Read more from the source: Medium