Freebies Sept 2016

Freebies

Magic Stone UI Kit Freebie 2 free sample pages made with custom Magic Stone UI Kit components. 400 Free Icons of the World All the icons are editable in Adobe Illustrator.  Free UI Kit A colorful and small free UI Kit that you can download and use.

Highlights

Course: prototyping and design with interaction Start learning how to use Framer JS with your Sketch 3 or Photoshop designs. Create innovative prototypes, design animation and add interaction to your mobile and web designs. Background Segment Effect A background image segment effect as seen on Filippo Bello's Portfolio, employing the CSS clip-path property and powered by anime.js.

Resources

3D Portfolio Template CSS 3D Transforms can be used in plenty of creative ways, particularly if combined with CSS Transitions! Today’s nugget is a good example of how to use CSS to create a parallelepiped, whose faces are different projects.  Fancy SVG Letter Animation An experimental SVG letter animation based on the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett. Powered by Julian Garnier's anime.js.

CSS Glitch Effect Have you seen the emerging trend of a glitch effect creeping into some websites? Reflexbox Responsive React flexbox grid system higher order component. Vectr A free graphics editor used to create vector graphics easily and intuitively.

SpinThatShit  SpinThatShit is a set of SCSS mixins for single element loaders and spinners. Reframe.js A javascript plugin that makes unresponsive elements responsive. Yellow lab tools Online test to help speeding up heavy web pages. Free and open source.

Articles and inspiration

Minimalist web design: best practices and examples Within the span of just a few years, the aspect of minimalist web design concepts has become increasingly popular thanks to the many different websites that showcase this basic philosophy. Showcase Of Colorful Mobile User Interface Designs In this article you will see colorful UI designs from mobile apps or mobile app designs that haven’t made the cut yet.

Tips to optimize your website for multi device browsing Optimizing your website for multi device browsing is an absolute priority, because if your pages don’t display good on each and every device, you’re risking losing your good reputation. Not fair, but true. 4 Things I learned Designing UI for VR at Disney The VR Space is heating up real quick. Here’s a few grab and go learnings I picked up on my first VR project. These learnings are applicable to both the mobile device VR environment as well as higher end headsets.

Every Designer Should Know The Importance Of Prototyping The importance of prototyping should be obvious to anyone involved in designing website or mobile apps. The Thumb Zone: Designing For Mobile Users If there is one thing that will stand the test of time, it’s thumb placement on mobile devices. This makes consideration of the “thumb zone“

The Principles Of Information Architecture The industry may have failed to establish a rigid model at this point, but there are a few important concepts which designers always return to – concepts which support their design choices, but do not prescribe an inflexible technique. The killer feature of messaging no one’s talking about Chat’s threaded UI, where all communication and actions are placed in a clear context of who, what and why, is the killer feature that’s been around forever and yet everyone is overlooking.