Some of the past editions

These are the three best freebies of the week.
Wonder Free App UI Kit
Each screen is fully editable and customizable, duly named, retina-ready and well-oganized in PSD format. 


Lightwing Line Icon Set
Lightwing Line currently has 60 icons and it's free for everyone


Lumberjack Free Font
Features include: Regular, Rough, Inline, Shadow and Multiple Language Support.
Singleton UI Kit For Landing Pages
Singleton UI Kit is a perfect, fresh and stylish UI Kit for building beautiful Landing Pages. This clear and practical UI tool consists of 120 elegant cards and 500+ UI elements in 12 categories.


Interactive Room Display
An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".
Resources and tools
5 Things You Might Not Know About the CSS Positioning Types
These days front-end developers can build complex page layouts by taking advantage of different CSS layout techniques. 


Reduce loading time of page to less than a second on slow connections by loading and rendering nicely blurred micro images on the page while loading full sized images in background which replace as they finish.
Google Web Font inspiration in HTML & CSS


Color Tab
Beautiful Color Palettes With Every New Tab.


Multi-Level Sliding Accordion Only with CSS
Have you ever wanted to create sliding multi-level accordion without the need to rely on JavaScript?
A little js library (~8kb, no dependencies) to help you keep track of position, scrolling, and pagination. 


Simple Lightbox
Touch-friendly image lightbox for mobile and desktop with jQuery
4 Wonderful JavaScript Option Menus
These menus are designed in such a way, that they can quickly show all the needed options for your app. 


Scooter is an SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox.
Articles and inspiration
How To Use Negative Space In Web Design
Knowing how to use negative space in web design is essential when creating layouts for websites. Incorporating negative space into a design can be difficult at times, but it is something that must not be ignored. 


Using A/B Testing To Improve Your Site Conversion Rate
A/B testing, which is also referred to as split testing, is the practice of using the comparison of two versions of a webpage to come to a conclusion about which one performs the best.
Creating A Familiar User Interface For The Users
When someone seeks to create a familiar user interface (UI), the objective should be to construct an interactive process between the user and the product they are using that meets their needs.


Designing Websites Using A Mobile First Approach
With a mobile first approach, you’re really seeing more of the content than the graphics or the design itself, meaning that the content that you create to help improve the user experience itself is extremely important.
How We Hold Our Gadgets
Where do hands and fingers fall on the device? This question is the linchpin for every form factor this book examines, and the answer tells you how to design your layout for comfort and efficiency. 


Showcase Of Beautiful Dashboard UI Designs
When done correctly, dashboards will truly stand out to a user and the applications or websites using them will receive praise and even increased usage because of the fantastic design.
Using Color When Designing Apps Or Websites
One thing that is absolutely essential the the overall success of your website is being able to select the right color scheme.


Designing a landing page for color-blind people
Color blindness is defined as the inability or decreased ability to see color, or perceive color differences, under normal lighting conditions. 
Why BPG will replace GIFs and not only
BPG (Better Portable Graphics) is a new image format with the purpose to replace JPEG image format when quality or file size is an issue.


Gmail, We Need To Talk
Dear Gmail: Two years ago, you launched an ambitious endeavor with to bring a new level of richness to email. 
Clean & Modern iOS UI Kit
A small UI kit created as an UI Experiment. Download it and use it well.
Chat Dashboard PSD
A nice chatboard PSD freebie for you to download. Have fun doing what you will with it.
ONE DAY Free Font
Simple, geometric, & modern design mixed in to give you this font.
UI Presentation Kit
This pack created for professional web/app/UI designers. It’s a great way to make a beautiful presentation of your UI work, for both personal and commercial work. 
Cinema Seat Preview Experiment
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
23 Of The Best CSS And HTML Frameworks 
Out of a personal curiosity I’ve searched all the possible CSS frameworks to see what they are bringing new and how they are helping the community.
Inspiration for Line Menu Styles
Some ideas for menu styles and effects that employ the line as a creative design element. 
Reading Progress Indicator
A widget containing a list of suggested articles, with a reading progress indicator.
Top pens of 2015 on Codepen
These are the most hearted Pens of 2015. 
Based on Flexbox, Gridlex is a very simple css grid system to quickly create modern layouts and submodules.
Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped! It's not about a UI framework.
120+ Free Set Of Colorful Icons
A free flat icons set. They are perfect, fully scalable and made with Photoshop vector shapes.
ToDo List freebie
An interesting ToDo list created in Photoshop. You can use it in your projects. 
Nemesis Free PSD Template
Nemesis is a free PSD template with clean, attractive and modern design. 
Articles and inspiration
User Experience Is Important For Web Designers
You might design a good looking website, but you should still go far beyond a simple user experience. UX is important because without it, no effort will be enough to produce conversions.
How To Create A Great Dark Website Design
The masterful use of dark colors in the web design process has led to the creation of some of the most amazing websites out there. 
Websites With Good Color Contrast
Every color has a specific meaning, so we should be really careful about the meaning we are trying to convey to our users. Therefore, using the colors you personally like is not the best solution for your design.
Responsive images with 'srcset', 'sizes' and Cloudinary
Five years ago, Ethan Marcotte coined the term “responsive web design” and gave it three defining ingredients: fluid grids, flexible media, and media queries. That second ingredient, “flexible media” turned out to be a bit of a bugbear.
Tips On How To Design A Great Logo
Successful logo design can help your brand to be recognized, admired, and appreciated; and it can help people to trust your product and to consider it loyal and superior.
Microsoft ended support for older versions of IE
Beginning January 12, 2016, only the most current version of Internet Explorer available for a supported operating system will receive technical supports and security updates. 
A Guide for SVG Support in Email
If you’ve worked with email before, you may know that it often follows way behind the web as far as feature support. 
A Responsive Guide to Type Sizing
Proportions are a key ingredient to the mixture. Calibrating your type proportions for a balance of aesthetics and order can be an obsessive undertaking.
50 FREE iOS App Screens
This personal project is a collection of 50 iOS app screens created to contribute and inspire other designers.
 Colored Line Icons (SVG, PNG)
A set of 30 colored line icons in fresh pastel tones for your next design agency related project. 
Coves Free Font
A new FREE typeface called Coves, inspired by the author's place of study, Falmouth. 
MEGA BUNDLE 650+ Logos and Badges
You can use the logos for labels, badges, apparel, stickers, t-shirts and whatever creative project you have. 
CSS And Javascript Animation Libraries
Are you in the position where you need to create some high quality animations for a web project?
Learning JavaScript Native Functions
JavaScript is becoming the most popular programming language though it is very misunderstood. Understanding JavaScript’s internals is tough. 
Force Touch for new Macs and 3D Touch for the new iPhone 6s and 6s Plus, all bundled under one roof with a simple API that makes working with them painless.
Let's make the newsletter better for you: complete this 30 seconds survey.
Responsive Breakpoints
One image for all screen resolutions and different devices is not enough. 
Bulma is a modern CSS framework based on Flexbox.
HOW TO: Pure CSS masonry layouts
Could we leverage Flexbox to achieve a more desired effect and push the capabilities a little further?
Devices by Facebook
Images and Sketch files of popular devices.  Each device comes with a bitmap of the device (with and without shadows) and the original Sketch file for that device.
Lhander is a modern and minimal landing page site template. I has great features you would absolutely love. 
Message template
A messaging system template designed in Sketch App. 
Restaurant App Free PSD
Design for a restaurant app, designed in Photoshop. 
Bank And Money Icons
hese flat style icons are ideal for money or bank related apps or websites. 
Articles and inspiration
Balance In Web Design And Why It Is Important
The importance of balance in this process cannot be underestimated, as it is the only thing that prevents the web designer from failing to meet the expectations of the user.
How To Design An App Walkthrough
With the rising complexity of modern applications, users are less and less able to follow common workflows. This is exactly why walkthroughs became so popular and they turned into the main UX strategy.
Understanding CSS3 Flexbox 
Flexbox, or flexible boxes, is a relatively new layout module in CSS3 designed to improve item alignment, direction and order in a container even when it’s dynamic or of an unknown size. 
Icons In Web Design
Why using use in web design? It is because communication is the essential feature of design. Failing to communicate a message and to attract attention could mean that all of the quality information you offer would be in vain.
Where to Place Your Accordion Menu Icons
They allow you to display a large number of menu options while conserving space. But before you use them, you should know how to best design them for your users.
Showcase Of 26 Awesome Sites Using HTML5 and CSS3
A few years ago I wasn’t expecting to find so many high quality websites that use HTML5 and CSS3. Nowadays, they’re almost the norm.
Inside Facebook’s Decision to Blow Up the Like Button
The most drastic change to Facebook in years was born a year ago during an off-site at the Four Seasons Silicon Valley, a 10-minute drive from headquarters.
Why You Should Avoid Vibrating Color Combinations
In this quick article you’ll learn about how color vibration affects interface legibility in the context of web and interface design.

What our readers are saying

  • Eddie Richards

    Neat selection of resources. I bookmark a lot of the ones you post and use them on a regular basis.

  • Jonas Pedersen

    I love your mix of content. The most relevant ones are the web design articles and information, but the other ones seem useful as well. Thanks!

  • Fabian Ullrich

    TBH, you guys provide me with the best, most useful newsletter. I receive daily lots of newsletters and you give the most useful stuff.

  • Martin Nikitin

    I'm a developer, but I still find at least one resource useful to me every week.

Companies that advertised with us


Do you have a freebie or article that you think would be a good fit in our newsletter?

Or maybe you want to promote your product or services to 23,039 designers.

Send us a message.