Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.
FREEBIES
OnePlus 3 Mockup for Sketch
If you’re tired of the same iPhone to showcase your apps here’s something you may like: the new OnePlus 3 mockup in flat version! A sketch freebies created and released by Lucas Hoeft. Download.
70 Basic Outline Icons
A free set of 70 well-crafted basic outline icons for designers and developers in Sketch and Ai formats designed and released by Carlotta Govi, icon designer based in Italy. Download.
Yoga Icons (AI, SVG, PNG)
The icons were created by the designers at Iconshock exclusively for Codrops readers. The freebie contains 40 pixel-perfect icons in SVG, AI and ready-to-use PNG format with 4 sizes. Download.
The 100 Best Free Fonts
Creative Bloq has scoured the web to present you with a fine and varied selection of free fonts. Including scripts, serifs, and a range of ligatures, these fonts will give you greater flexibility in your designs, and add to your arsenal of design tools. Download.
600 New Material Design Icons
Google’s Material Design informs the look and design principles behind many of the sites and apps we use today. Their distinctive look covers colors, typography, layout — and icons. Download.
Comprehensive Stationery Mockup
If you’re building a brand for a client, you’ll sell the pitch far more effectively if you can deliver not just flat design concepts, but detailed mockups too. To give you a boost in the right direction we have this comprehensive stationery mockup, designed for use with Photoshop CS4+, by Qeaql. Download.
Messaging Design Kit for Sketch
Messaging Design Kit is a design kit for Sketch, containing everything you need to craft beautiful and functional rich messaging experiences. You can quickly assemble and modify a fully rendered messaging experience using Sketch symbols. Download.
INSIGHT
Apple’s Guidelines for Typography and Fonts from WWDC
Typography is essential to an app’s form and function. Learn principles of good typography and techniques to apply them to your work.
Watch Apple’s Guidelines for Typography and Fonts from WWDC
Mastering Responsive Web Design: The Dos and Don’ts
Web design for mobile platforms is not about cramming all of your site’s content onto a smaller screen. You may have worked for years to optimize your content, but the long and short of it is this: mobile web design is a whole different animal.
Keep reading Mastering Responsive Web Design: The Dos and Dont’s
How to Create Memorable Micro-Moments
How many times a day do you look at your phone? It’s a statistic that always amazes me, but the average person looks at their phone 46 times per day. Every one of those glances is an interaction between the design and the user. These micro-moments are a vital part of the user experience.
Keep reading How to Create Memorable Micro-Moments
INSPIRATION
Logo Evolution Infographic: Netflix’s New ‘N’ and the State of Logo Design
Netflix unveiled a new app logo this week: a simple “N,” made with a red band that folds over itself like a strip of celluloid film, or maybe a red carpet. However you interpret the new lettermark, it’s going to precede a lot of your Netflixing and chilling in the near future.
Check out the Logo Evolution infographic
Bad for SEO, Good for User: Incredible Parallax-Based Projects
Parallax is widely believed to be an SEO killer, because one-page architecture makes it difficult to manipulate with metadata, keywords, and H1 tags without sacrificing productivity. At the same time, it’s hard to argue that it is a time-proven way of taking user experience to the next level.
Keep reading Bad for SEO, Good for User: Incredible Parallax-Based Projects
Ecommerce Website Gallery & Tech Inspiration
Browse this collection of the top eCommerce websites by Platform, Technologies & Traffic.
Check out ecomm.design for ecommerce inspiration
