Some of the past editions

logo
Freebies
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. 

 

AntiModerate
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.
TypeSource
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?
roll.js
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
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. 

 

41 Blank T-Shirt Vector Templates Free To Download
With these blank t-shirt design templates you can see how your vector designs would look on your future t shirts and you can start being creative in Illustrator or PSD.
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.

 

64 Best Motivational Wallpaper Examples
The pictures alone make great sense, but the presence of quotes adds more value to the wallpapers. Check out 50 great desktop wallpapers with inspiring quotes.
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.
Top 80 Photoshop Actions To Download
You’ll find some of the best PS actions that are free to download on the web. It’s time to give your photos a special and interesting look like some professionals are doing.

 

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 Schema.org to bring a new level of richness to email. 
logo
Freebies
img
Clean & Modern iOS UI Kit
A small UI kit created as an UI Experiment. Download it and use it well.
img
Chat Dashboard PSD
A nice chatboard PSD freebie for you to download. Have fun doing what you will with it.
img
ONE DAY Free Font
Simple, geometric, & modern design mixed in to give you this font.
Highlights
img
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. 
img
Cinema Seat Preview Experiment
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
Resources
img
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.
img
Inspiration for Line Menu Styles
Some ideas for menu styles and effects that employ the line as a creative design element. 
img
Reading Progress Indicator
A widget containing a list of suggested articles, with a reading progress indicator.
img
Top pens of 2015 on Codepen
These are the most hearted Pens of 2015. 
img
Gridlex 
Based on Flexbox, Gridlex is a very simple css grid system to quickly create modern layouts and submodules.
img
Milligram
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.
img
120+ Free Set Of Colorful Icons
A free flat icons set. They are perfect, fully scalable and made with Photoshop vector shapes.
img
ToDo List freebie
An interesting ToDo list created in Photoshop. You can use it in your projects. 
img
Nemesis Free PSD Template
Nemesis is a free PSD template with clean, attractive and modern design. 
Articles and inspiration
img
40 Free Bold Fonts That You Can Use For Headlines
I have compiled a list during this time with some of the best big bold fonts that I found through the recent or popular fonts that can look just great as a headline.
img
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. 
img
43 Interesting Examples Of Headers In Web Design
Making an excellent website header is very important. That’s because it is the first place that your visitors will probably look in order to decide if your site can really be useful for their needs.
img
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.
img
Cool High Tech Gadgets
High tech gadgets are becoming a part of our everyday life. Like with the mobile phone, we are starting to be addicted, depending on them for our daily actions.
img
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. 
img
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. 
img
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.
logo
Freebies
img
50 FREE iOS App Screens
This personal project is a collection of 50 iOS app screens created to contribute and inspire other designers.
img
 Colored Line Icons (SVG, PNG)
A set of 30 colored line icons in fresh pastel tones for your next design agency related project. 
img
Coves Free Font
A new FREE typeface called Coves, inspired by the author's place of study, Falmouth. 
Highlights
img
MEGA BUNDLE 650+ Logos and Badges
You can use the logos for labels, badges, apparel, stickers, t-shirts and whatever creative project you have. 
img
CSS And Javascript Animation Libraries
Are you in the position where you need to create some high quality animations for a web project?
Resources
img
Learning JavaScript Native Functions
JavaScript is becoming the most popular programming language though it is very misunderstood. Understanding JavaScript’s internals is tough. 
img
Pressure.js
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.
img
Responsive Breakpoints
One image for all screen resolutions and different devices is not enough. 
img
Bulma
Bulma is a modern CSS framework based on Flexbox.
img
HOW TO: Pure CSS masonry layouts
Could we leverage Flexbox to achieve a more desired effect and push the capabilities a little further?
img
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.
img
Lhander
Lhander is a modern and minimal landing page site template. I has great features you would absolutely love. 
img
Message template
A messaging system template designed in Sketch App. 
img
Restaurant App Free PSD
Design for a restaurant app, designed in Photoshop. 
img
Bank And Money Icons
hese flat style icons are ideal for money or bank related apps or websites. 
Articles and inspiration
img
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.
img
The Best 100 Cool Free Fonts For Designers
There are many cool free fonts out there, complex and different in styles, and it can be difficult to choose one for a project. Download these free fonts and you’ll have a rich typography toolbox .
img
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. 
img
Top 100 New Adobe Illustrator Tutorials
Adobe Illustrator has been the go to program for graphic designers for a while and although some alternatives have appeared, it is still the best option.
img
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.
img
50 Of The Best Watercolor Brushes You’d Download
These are the watercolor brushes Photoshop needs you to install, so don’t waste time. I’m saying they are the best watercolor brushes, but you have to decide that for yourself.
img
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.
img
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.

Companies that advertised with us

Contact

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.