Awesome content / May 2016

Freebies

Fade App UI Kit Deep Blue, flat style UI kit for IOS or Andrid devices. 200 misc icons Icons are vector based and come in both Sketch and Illustrator formats. Sequel A free modern and bold font designed by Philip Trautmann

Highlights

Platforma Wireframe Kit Platforma is a collection of 200+ wireframe layouts divided in 15 popular content categories and carefully assembled for Sketch, Photoshop and Illustrator.  Animated Heat Distortion Effects with WebGL A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.

Resources

100 New And Free Cool Fonts There are many typefaces options out there, complex and different in styles, and it can be difficult to choose one for a project. How do you actually do that?  Guide To CSS Pseudo-Classes And Pseudo-Elements If you’re an experienced web designer or developer, you must know and have used most of the pseudo-classes and pseudo-elements discussed here.

Modaal An accessible dialog window plugin for all humans. Fontea 700 Google fonts in your Photoshop. It’s a part of Photoshop, it’s a plugin. Styleguide Helps you create, share, and automate a living visual style library of your brand.

Lil Landing Pages Some adorable 'lil landing pages for you all.  Impalette Scan to find the most dominant Pantone colors Color Lisa A curated list of color palettes based on masterpieces.

Force.js Finally, an easy way to animate elements and jump around on your page.   Sketch Plugins Interested in Sketch plugins for this amazing app? Check out some of the its popular plugins used by designers.

Articles and inspiration

Web Design Is More Than Visuals If you like stats, a good website is supposed to be 1/3 art, 1/3 business, and 1/3 science. This is the ideal division of developers’ efforts to make a website work, and make profit for every brand. Use Quality Photos To Increase Your Conversion Rate Images play an important role in the world of e-commerce, but they have not received their proper recognition for helping marketers earn a comfortable living.

5 Flexbox Techniques You Need to Know About Flexbox is a CSS standard optimized for designing user interfaces. Using the various flexbox properties we can construct our page out of small building blocks. Future Screens are Mostly Blue In our representations of the future in science fiction movies, blue seems to be the dominant color of our interfaces with technology yet to come.

Sketch Workflow — 8 point Soft Grids I wanted to share my Sketch workflow designing on an 8 point soft grid.  The Resurgence Of Vintage Graphics Standards Manuals Before the Internet, printed graphics standards manuals were practical tools for designers. Today, they sell for $80 a pop.

Using Card-Based Design To Enhance UX Web and mobile apps move away from pages, towards completely personalized experiences. And this experience built on an aggregation of many individual pieces of content.  Designing an Alternative to the Hamburger Menu Ok, I’m sure you’re tired of reading articles and hearing conversations centered around the three small lines of the hamburger menu. Is it a bad UI pattern? Is it ok? Well, this isn’t a post about whether it’s good or bad.