New Freebies / May 2016

Shopmate Freebie You might be working on an ecommerce app or website, and you want a few elements to use.  Shop App Web A neat website freebie for Sketch App users.  Profi free icon set 84 fully scalable professional vector icons for any modern agency, small and medium business.

Highlights

Abstract ABC This alphabet comes as 26 individual PNGs with transparent backgrounds so they can be set over any color.  Compo: UI components in Sketch Compo is a Sketch plugin that makes it easier to work with interface components.

Resources

jQuery Plugins, CSS Frameworks, Web Apps & More Today, building an effective site requires many different types of online marketing tools, techniques, strategies and the best web resources in the industry.  Centering in CSS Centering in CSS is a pain in the ass. There seems to be a gazillion ways to do it, depending on a variety of factors. This consolidates them and gives you the code you need for each situation.

WAIT! Animate  WAIT! Animate provides an easy way to calculate the keyframe percentages. Simple Grid Simple Grid is a mobile-first 12-column CSS grid system. Plyr A simple, accessible and customizable HTML5, YouTube and Vimeo media player.

Free Vector Graphics In this article you have free vector graphics that I’m hoping you’ll like, download and use.  Bedrock  WordPress boilerplate with modern development tools, easier configuration, and an improved folder structure. Push  A compact, cross-browser solution for Javascript desktop notifications.

Free Flat Icons Free icons for you guys, you can use for your project for free. StringBean The 4K Featherweight Framework (Responsive CSS Framework) Shop App (Free Sketch File) A part of a HUGE UI kit for all major platforms.

Articles and inspiration

The Pros And Cons Of Minimalist Design  One of the trends you’ll fill strongly tempted to follow is minimalist design. Before you fall for it, consider the pros and cons of minimalist design. Want To Learn Node.js? Node.js is a technology that is increasing in popularity with web developers. Not too many people know what this new technology is.

Designs That Invoke Emotions Designing for emotions is a designer’s most powerful strategy to provide excellent experience for his users.  What the designer of the old Instagram icon thinks of the new one Plenty of people are complaining about the new Instagram logo and want it changed back to the "original."

Easy Steps To Better Icon Design This article discusses a set of design guidelines in six steps. The steps follow the basics of sound icon design, including consistency, legibility and clarity. Optimizing for Large-Scale Displays on told me he recently worked on a project where there was a lot of emphasis placed on giant screens. Jon is going to show us that just like RWD work of any kind, it requires planning.

How to Make Bootstrap Columns All the Same Height  I've decided to share some of the methods I do to accomplish this, as well as some very cool tricks other developers and friends have taught me, and the general direction and solution that Bootstrap 4 is doing to address this common problem. Learning About Proximity In Web Design Proximity will probably intricate you, or you might even be completely unfamiliar with what it means. Defined, proximity refers to space nearness or series closeness.