Weekly News for Designers (N.250)


This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.

You can sign-up to our awesome weekly newsletter for some more amazing articles, resources and freebies.

New Resources & Tools

Timesheet.js – A JavaScript library for creating simple HTML5 & CSS3 time sheets.
Timesheet.js - A JavaScript library for creating simple HTML5 & CSS3 time sheets

Animsition – A simple jQuery plugin for adding page transitions with CSS animations.
Animsition - A simple jQuery plugin for adding page transitions with CSS animations

Writefully – Turn a Github repo into a CMS.
Writefully - Turn a Github repo into a CMS

C3.js – A chart library that makes it easy to generate D3-based charts.
C3.js - A chart library that makes it easy to generate D3-based charts

Slap – A Sublime-like terminal-based text editor that makes editing from the terminal easier.
Slap - A Sublime-like terminal-based text editor that makes editing from the terminal easier

sweep.js – A JavaScript library for smoother color transitions.
sweep.js - A JavaScript library for smoother color transitions

Markdown Here – An extension that lets you write email in Markdown and render it before sending.
Markdown Here - An extension that lets you write email in Markdown and render it before sending

Learning Resources & Tutorials

Create a minimal and responsive newsletter form with subtle CSS3 animations by codyhouse.co.
Create a minimal and responsive newsletter form with subtle CSS3 animations

How to create your first Windows Phone 8 application by Sani Yusuf.
How to create your first Windows Phone 8 application

AngularJS front-end with WordPress back-end by Matt Saunders.
AngularJS front-end with WordPress back-end by Matt Saunders

Creating responsive and interactive animations with Raphael.js by Chris Youderian.
Creating responsive and interactive animations with Raphael.js

Customizing WordPress archives for categories, tags & taxonomies by Josh Pollock.
Customizing WordPress archives for categories, tags & taxonomies

How To Wireframe iOS App Interfaces using Photoshop by Jake Rocheleau.
How To Wireframe iOS App Interfaces using Photoshop

Taking a look at Buffers CSS by Brian Lovin.
Taking a look at Buffer’s CSS by Brian Lovin

Are you ready for a programming challenge? Try the Javascript Quiz from Tutorialzine.
Are you ready for a programming challenge? Try the Javascript Quiz from Tutorialzine

Free UI Resources

Freebie: Aves Icon Set (PSD).
Freebie: Aves Icon Set PSD

Freebie: Jolly Hand-Drawn UI Kit (EPS, AI & PDF).
freebie Jolly Hand-Drawn UI kit EPS AI PDF

Freebie: Awesome UI Kit (PSD).
Freebie Awesome UI Kit PSD

…and finally…

A Single Div: A CSS drawing project.
A Single Div A CSS drawing project

You may also like to browse the Weekly News Archives.


The post Weekly News for Designers (N.250) appeared first on Speckyboy Design Magazine.

via Speckyboy Design Magazine http://ift.tt/1rbxEkp

50 Free Resources for Web Designers from August 2014


The tremendous thing about the design community is that we all love to share. We really do. Whether we share our thoughts and ideas via an in-depth article, or by giving advice/feedback on a forum, or even by freely offering high-quality resources. The sharing is what makes our community truly great! Here are this months best free resources for web designers:

Free Resources for Web Designers

Free Mockup Templates

MacBook Pro Retina 15 Mockup (PSD).
MacBook Pro Retina 15 Mockup PSD

Stationary Mockup Template (PSD Smart Object).
free resources for web designers Stationary Mockup Template PSD

Morning Device Mockups (PSD).
Morning Device Mockups PSD

Mockup Collection (PSD).
Mockup Collection PSD

iPhone 5 Photo-Realistic Mockups (PSD).
iPhone 5 Photo-Realistic Mockups PSD

Business Cards Mockups (PSD).
Business Cards Mockups PSD

Photorealistic Stationery Mockups (PSD).
Photorealistic Stationery Mockups PSD

HTML5 Popular Device Mockups.
HTML5 Popular Device Mockups

Colorful Low-Poly Sport Templates (AI & EPS).
Colorful Low-Poly Sport Templates ai eps

Free Icon Sets

Nicons Sound Line Icons (Sketch).
Nicons Sound Line Icons Sketch

Modern Flat Icons (60 Icons, AI & PSD).
Modern Flat Icons

Tools Icon Set (25 Icons, AI, PSD & PNG).
Tools Icon Set

Aves Icon Set (48 Icons, EPS & PSD).
Aves Icon Set

Flat Business Vector Icons (14 Icons, PNG & AI).
Flat Business Vector Icons

Musicons (72 Icons, PSD).
Musicons icons psd

Drupalize.Me Icon Package (28 Icons, PNG & AI).
Drupalize.Me Icon Package ai png

Web Design Process Icons by Daniel Mcleay (AI).
Web Design Process Icons by Daniel Mcleay

Free Wireframe Templates

Jolly Hand-Drawn UI Kit (EPS & AI).
Jolly Hand-Drawn UI Kit

Nexus 5 Wireframing Template (PSD & PDF).
Nexus 5 Wireframing Template

20 UX Item Pack (AI).
20 UX Item Pack

Mobile UI Blueprint (PSD).
Mobile UI Blueprint

iOS7 Vector UI Kit for iPhone and iPad (AI).
iOS7 Vector UI Kit for iPhone and iPad

Free GUI Templates

Awesome UI Kit (PSD).
Awesome UI Kit

UI Kit For News (PSD).
UI Kit For News

Dashboard UI (PSD).
Dashboard UI PSD

Designer-naut UI Kit.
Designer-naut UI Kit

Atom Modern UI Kit (PSD).
Atom Modern UI Kit

Flat Ui Kit by Andrew McKay (PSD).
Flat Ui Kit by Andrew McKay PSD

Dark and Light Ui Kit by Mateusz Dembek (Sketch).
Dark and Light Ui Kit by Mateusz Dembek

Modern UI Kit (PSD).
Modern UI Kit

Redlight Complete Friendly User Interface (PSD).
Redlight Complete Friendly User Interface

Eye Candy UI Kit XL (PSD).
Eye Candy UI Kit XL

Safari 8.0 Template (PSD).
Safari 8.0 Template

UI Colours (PSD).
UI Colours psd

Free Web Templates & Themes

Smart App Landing (PSD).
Smart App Landing psd

Demarini Sports Template (PSD).
Demarini Sports Template PSD

5 Responsive Email Templates (HTML).
Responsive Email Templates

Responsive Dashboard (AngularJS & Bootstrap).
Responsive Dashboard

YouTube Channel Responsive Template (PSD).
free resources for web designers YouTube Channel Responsive Template

Ravel Theme (WordPress).
Ravel Theme WordPress

Casper Theme (WordPress).
Casper Theme WordPress

Free Fonts

Quadra Font.
Quadra Font

Bear & Loupe Font Family.
Bear & Loupe Font Family

Hans Kendrick Regular Font.
Hans Kendrick Regular Font

Hanken Round Font.
Hanken Round Font

Aventura Typeface.
Aventura Typeface

Atletico Font.
Atletico Font

Free Photoshop Brushes & Actions

Hi-Res Smoke Photoshop Brushes.
Hi-Res Smoke Photoshop Brushes

Trails Brush Set (19 Brushes).
Trails Brush Set 19 Brushes

Actions Pack (5 Actions).
Actions Pack free resources for web designers


The post 50 Free Resources for Web Designers from August 2014 appeared first on Speckyboy Design Magazine.

via Speckyboy Design Magazine http://ift.tt/W10lEM