All posts tagged “2014”

6 things we learned from website use in 2014

Read more about 6 things we learned from website use in 2014 at CreativeBloq.com


Code Computerlove has taken an informed look at how we use websites, using data from the past 12 months. We analysed usage-related stats from more than 25 sites across a wide range of industries – from e-commerce to charity and not-for-profit sectors to look at how the use has changed in just this short time period, helping to inform us on the potential speed of change ahead. Here’s what we found.




Creative Bloq

Mac Premo’s 2014 Year in Review: A clever, comedic short highlighting milestones and madness month by month

Mac Premo's 2014 Year in Review

For a year riddled with milestones, tragedies and epic world events, many of the most important moments will fade from memory and get muddled with time. Thankfully, Brooklyn-based artist and “stuff-maker” Mac Premo co-wrote, directed, shot and edited……

Continue Reading…


Cool Hunting

The best 10 fonts that came out in 2014

Some of my older designer friends seem to think that the era of good type is over. I couldn’t agree more. Of course, legendary fonts were made in the past, but that doesn’t mean typographers stopped producing great fonts. In this post you’ll find a selection of my favorite fonts of 2014. I may have missed some great ones, but you’ll probably enjoy these.

1. DIN Next Slab

DIN Next Slab is a serifed version of the hugely popular DIN typeface. DIN stands for Deutsches Institut für Normung (in English, the German Institute for Standardization), so it’s probably the most German typeface you can download. Upon release, DIN Next Slab became one of the best slab serif fonts you can purchase.

din-next-slab

din-next-slab-2

2. Glober

Released in 2014 by FontFabric, Glober grotesque is a very versatile sans-serif font family that comes with 18 weights. It has a geometric design and great legibility, but one of the best features might be how well its web font renders.

glober-sans-serif

glober-sans-serif-2

3. Nexa Rust

Nexa Rust is much more than a font or even a typeface, it’s a type system. A collection of 83 fonts with sub-families Sans, Slab, Script, Handmade and Extras.

grungy-font

grungy-font-2

4. Rufina

An elegant serif font with alternates to adapt its use to the type of text you are setting. Rufina comes with great ligatures and open-type features.

rufina-serif-font

rufina-serif-font-2

 5. Selfie

Selfie is a gorgeous script font that comes with tons of awesome decorative ligatures.

selfie-script-font

selfie-script-font-2

6. Brandon Printed

In 2014, layered fonts have gained huge popularity. Brandon Printed was one of the most successful. It is inspired by Brandon Grotesque and comes with a grungy effect, shadows, and outlines that make it a stunning typeface.

brandon-layered-font brandon-layered-font-2 brandon-layered-font-3

7. Ropa Soft Pro

Ropa Soft Pro is a stable and friendly-looking sans serif font family with 32 fonts. It is ready for small caps and features humanistic italics. It is manually hinted and optimized for screens, hence it has an excellent web-font, eBooks or Apps performance.

ropa-soft-sans-serif-font

ropa-soft-sans-serif-font-2

8. Boucherie

Boucherie captures the lively essence of 19th-century French advertising typography with a collection of original designs, rather than strict historical revivals.

boucherie-vintage-font

boucherie-vintage-font-2

boucherie-vintage-font-3

9. Showcase

Showcase, the new typeface of Daniel Hernandez and Paula Nazal is a handmade font consisting of a set of types that are composed of four styles, one script, one sans, a slab, sans mini and finally a set of ornaments and dingbats, all made to work together in the same language.

showcase-handmade-font

showcase-handmade-font-2

10. The Carpenter

The Carpenter is an elegant and versatile connected script family of three weights. The Carpenter also has a set of ornaments, patterns and pictograms designed to support the script font. The Carpenter has plenty of OpenType features.

the-carpenter

the-carpenter-2

The post The best 10 fonts that came out in 2014 appeared first on Typography Daily.


Typography Daily

2014 Sketchbook Art by Jared Muralt

2014 Sketchbook3Here is a collection of 2014 sketchbook art by Jared Muralt, an artist based in Switzerland. He has his sketchbook with him at all times and fills them with studies of people, scientific inventions and the animal kingdom. Muralt is self-taught and is also the co-founder of BlackYard studio which is a Swiss illustration and […]
Inspiration Hut – Everything Art and Design

20 Free Web Design Ebooks from 2014


In this article we have collected a selection of web design related ebooks that have been released this past year, 2014. And the best thing is that all of the ebooks are avaible for free!

Just as we do with all of our free ebook posts, we have opted to not offer a critique of each book, only a brief description of the content. Anything else would be an insult to each of the authors that have spent so much of their free time writing a specialized web design book and then allowing it to be read for free. Each book only deserves praise and appreciation.

Adaptive Web Design by Aaron Gustafson (HTML)

Adaptive Web Design

Written by Aaron Gustafson and just recently been released for free, Adaptive Web Design delves into the origins of progressive enhancement, its philosophy, and mechanisms, and reveals the countless practical ways that you can apply progressive enhancement principles using HTML, CSS, and JavaScript..

Magic of CSS by Adam Schwartz (HTML)

Magic of CSS

Written by Adam Schwartz, the Magic of CSS is an ebook that will introduce you to some of the trickiest aspects of CSS. It includes chapters on the box model, layout, tables, colour, typography and transitions, and does include interactive examples.

The UX Reader by MailChimp (ePub, PDF & Mobi)

The UX Reader

The UX Reader ebook is a collection of the most popular articles from MailChimp's UX Newsletter and also includes some exclusive content.

HTML Canvas Deep Dive by Josh Marinacci (HTML)

HTML Canvas Deep Dive

HTML Canvas Deep Dive is a hands on introduction to Canvas from Josh Marinacci. The book has been organized into 2 sections: First, there are the reading portions where it describes how an API works (with interactive examples), and then there are the hands on lessons that will walk you through the process of building your own canvas apps.

Pocket Guide to Writing SVG by Joni Trythall (HTML)

Pocket Guide to Writing SVG

The Pocket Guide to Writing SVG offers a detailed introduction to building SVG online. It has been written for designers and developers that are looking to quickly add SVG to their workflow.

Speaking JavaScript by Dr. Axel Rauschmayer (HTML, PDF & ePub)

Speaking JavaScript

The Speaking JavaScript ebook teaches beginners just enough JS to help them be productive straightaway, and for seasoned JavaScript programmers there's a detailed reference guide that covers each JS feature indepth.

Pro Git 2nd Edition by Scott Chacon and Ben Straub (HTML, PDF, ePub & Mobi)

Pro Git 2nd Edition

The Pro Git eBook, know in its second edition, covers basics of Git as well as advanced topics such as branching and running distributed Git.

Google Web Fundamentals (HTML)

Google has released a new handbook for web designers and developers called Google Web Fundamentals

Google Web Fundamentals is an essential collection of information about modern web design and development.

The Little Book Of Modern Frontend Tooling (HTML)

The Little Book Of Modern Frontend Tooling

The Little Book Of Modern Frontend Tooling is a free, work-in-progress, open-source book that takes you through the application development lifecycle and introduces you to the world of tooling for modern web applications.

11 Things to Do with Every New WordPress Install (PDF)

11 Things to Do with Every New WordPress Install

This ebook covers strategies and tips to start packaging and offering WordPress maintenance services to your clients.

WordPress Security – A Pocket Guide (PDF)

WordPress Security - A Pocket Guide

In this introduction to WordPress security you will learn some straightforward tips, and best practices for keeping your site safe.

The Guide to Wireframing (PDF)

The Guide to Wireframing

With over 100 pages, The Guide to Wireframing covers what makes a great wireframing workshop. It’s wireframing from the big idea to details: digital and analog tools, web and mobile design patterns sources, all concluded with design principles for people who build products.

The Guide to Usability Testing (PDF)

The Guide to Usability Testing

The Guide to Usability Testing includes 109 pages of practical explanations and tips for 20 usability testing methods, some useful advice from usability experts like Jakob Nielsen, Jeff Sauro, Dr. David Travis, and others, and also shares some best practices from companies like Apple, MailChimp, Yahoo, DirecTV, Buffer, and more.

A Guide to HTML5 and CSS3 by Ashley Menhennett

A Guide to HTML5 and CSS3

A Guide to HTML5 and CSS3 covers the basics of web development and it’s a great starting point whether your plan is to make websites, HTML5 mobile apps or games. Please note that you will need to signup to download this ebook.

Web UI Best Practices (PDF)

Web UI Best Practices

The free ebook Web UI Best Practices talks aboutsome og the techniques spanning visual design, interface design, and UX design.

The Guide to UX Design Process & Documentation (PDF)

The Guide to UX Design Process & Documentation

The Guide to UX Design Process & Documentation ebook looks at real-life examples of design processes from companies such as Apple, Amazon, Twitter, and more. Expert advice is provided by Cennydd Bowles, Louis Rosenfeld, Ash Maurya, and others on the 7 stages of product design.

The Guide to Mockups (PDF)

The Guide to Mockups

The Guide to Mockups by UXPin includes 72 pages of visual examples, explorations of fidelity, and best practices. You’ll also learn the differences between mockups, prototypes, and wireframes so you get a more practical understanding of where each fits into the design process.

Mobile Game Design by Chroma Coders (PDF)

The free and indepth Mobile Game Design (or, How to Start Your Own Mobile Game Company) ebook talks about the main mechanics for mobile game development, as well as "hidden game mechanics" you can use to stand out in the marketplace.

Building Web Apps with Go by Jeremy Saenz (HTML, ePub, MOBI & PDF)

Building Web Apps with Go

Building Web Apps with Go is an ebook from Jeremy Saenz that will teach you how to quickly build we applications with the Go programming language.

Email Marketing Field Guide by MailChimp (ePub, PDF & Mobi)

Email Marketing Field Guide

The Email Marketing Field Guide, from the guys over at MailChimp, covers the basics of HTML email and shares some tips and best practices you'll need to keep in mind as you develop your own email marketing plan.

Pixel Perfect Precision Handbook v.3 (PDF & iBook)

Pixel Perfect Precision Handbook v.3

Last year the popular ebook Pixel Perfect Precision Handbook was updated and released with over new 40 pages, as well as some updates to existing content.

…and finally…

You Have Too Much S**t by Chris Thomas (ePub, PDF & iBook)

You Have Too Much S**t

Written by Chris Thomas, You Have Too Much S**t is an angry self-help book for people who have far too much s**t. It does not offer gentle advice on how to de-clutter your life, instead it will 'kick you squarely in the face' to get the job done!


The post 20 Free Web Design Ebooks from 2014 appeared first on Speckyboy Web Design Magazine.


Speckyboy Web Design Magazine

Ghost Buttons: Will This 2014 Design Trend Reign in 2015?

Now I know that a ghost button is a true trend of 2014. But some weeks ago, we all had heard nothing about this strange wording. I mean, I wrote web design related posts describing new empty buttons…

Click through to read the rest of the story on the Vandelay Design Blog.


Vandelay Design

Top 50 Free Icon Sets from 2014


Hot on the heels of our recent round-up of GUI templates, today we have another huge collection for you, the sixth edition of our top 50 free icon sets of the year. And what a year it has been!

Last year was all about web-fonts, metro-style, retina, and the rapid explosion of flat design. This year, with flat design still clearly popular, we have seen a huge rise in popularity of SVG icon sets, with the actual design of the sets have being heavily influenced by iOS8’s line-styled icons and Material Design’s subtle style.

The free icon sets are available in many different formats, with SVGs, as mentioned above, heavily represented, but there are also many sets in PSD, AI, EPS and Sketch fomats. All of the sets are free to download and most will allow you to use them in both your personal and commercial projects, but please do check the license before you do use them.

You might also like the Top 50 Free Icon Sets from…
2013, 2012, 2011, 2010, or 2009.

Top 50 Free Icon Sets 2014

Linea Iconset (730+ Icons, SVG, PNG & Webfont)

Mobile Icon Sets Linea Iconset 730+ icons SVG PNG Webfont formats free

Linea Iconset Download Page →

3px Icons Vector Set (80 Icons, AI & PSD)

3px Icons Vector Set 80 icons AI PSD formats freebie

3px Icons Vector Set Download Page →

Themify Icons (320+ Icons, SVG & Webfont)

Themify Icons 320+ icons SVG Webfont formats free

Themify Icons Download Page →

GitHub's Octicons (178 Icons, Webfont)

GitHub's Octicons 178 icons Webfont freebie

GitHub's Octicons Download Page →

Simple Line Icons (100+ Icons, AI, EPS, SVG & PSD)

Simple Line Icons 100+ icons AI EPS SVG PSD formats free

Simple Line Icons Download Page →

Freecons (155 Icons, AI, EPS & PSD)

Mobile Icon Sets Freecons 155 icons AI EPS PSD formats freebie

Freecons Download Page →

iOS7 Vector Icons (100 Icons, Photoshop Custom Shape, PNG & Webfont)

iOS7 Vector Icons 100 icons Photoshop Custom Shape PNG Webfont formats freebie

iOS7 Vector Icons Download Page →

Odincons 1.0 (100 Icons, PSD)

Odincons 1.0 100 icons PSD format free

ICONY Download Page →

Genericons (120 Icons, Webfont)

Genericons 120 icons Webfont format free

Genericons Download Page →

Elegant Themes Line-Style Icons (100 Icons, AI, SVG, PNG & Webfont)

Elegant Themes Line-Style Icons 100 icons AI SVG PNG Webfont formats freebie

Elegant Themes Line-Style Icons Download Page →

Flat Icon Set (60 Icons, PNG, SVG, EPS, PSD & AI)

Flat Icon Set 60 icons PNG SVG EPS PSD AI free

Flat Icon Set Download Page →

Stroke Gap Icons Set Vol.2 (50 Icons, PSD & AI)

Stroke Gap Icons Set Vol.2 50 icons PSD AI formats freebie

Stroke Gap Icons Set Vol.2 Download Page →

Stripes & Co Line-Styled Icon Set (65 Icons, AI & EPS)

Stripes Co Line-Styled Icon Set 65 icons AI EPS formats free

Stripes & Co Line-Styled Icon Set Download Page →

Open Iconic (220 Icons, SVG & Webfont)

Open Iconic 220 icons SVG Webfont formats freebie

Open Iconic Download Page →

Stroke 7 Icon Font (170 Icons, Webfont)

Stroke 7 Icon Font 170 icons Webfont format free

Stroke 7 Icon Font Download Page →

Meroo Flat-Styled Icon Set (110 Icons, PSD)

Meroo Flat-Styled Icon Set 110 icons PSD format freebie

Meroo Flat-Styled Icon Set Download Page →

Dashicons WordPress Icon Set (190 Icons, Webfont)

Dashicons WordPress Icon Set 190 icons Webfont format free

Dashicons WordPress Icon Set Download Page →

Stroke Icons (80 Icons, PSD, AI & Webfont)

Stroke Icons 80 icons PSD AI Webfont formats freebie

Stroke Icons Download Page →

Metrize Metro-Style Icons (300 Icons, PSD, SVG, EPS, AI, PDF & Webfont)

Metrize Metro-Style Icons 300 icons PSD SVG EPS AI PDF Webfont formats free

Metrize Metro-Style Icons Download Page →

Outlined Icons (150 Icons, PSD, AI, SVG & Webfont)

Outlined Icons 150 icons PSD AI SVG Webfont formats freebie

Outlined Icons Download Page →

Feather Icon Set (130 Icons, PSD CSH, SVG & Webfont)

Feather Icon Set 130 icons PSD CSH SVG Webfont formats free

Feather Icon Set Download Page →

Iconia (Regular, Circle & Cut) (113 Icons, Webfont)

Iconia Regular Circle Cut 113 Icons Webfont format freebie

Iconia Download Page →

Ballicons 2 Icon Set (70 Icons, PNG, PSD, SVG)

Ballicons 2 Icon Set 70 Icons PNG PSD SVG

Ballicons 2 Icon Set Download Page →

Summer And Essentials Icon Set (50 Icons, EPS, AI, PNG)

Summer And Essentials Icon Set 50 Icons EPS AI PNG

Summer And Essentials Download Page →

Blackberry Icons (20 Icons, PSD)
Blackberry Icons

Blackberry Icons Download Page →

Mintie Flat Icon Set (110 Icons, PSD & PNG)

Mintie Flat Icon Set

Mintie Flat Icon Set Download Page →

Fanaticons (64 Icons, AI, PNG & SVG)

Fanaticons

Fanaticons Download Page →

Jellycons iOS 8 App Icon Set (PNG & Sketch)

Jellycons iOS 8 App Icon Set

Jellycons iOS 8 App Icon Set Download Page →

Musicons (72 Icons, PSD)

Musicons icons psd

Musicons Download Page →

Gallericons (30 Icons, Sketch & PNG)

Gallericons - 30 Rounded and Colourful Icons

Gallericons Download Page →

The Web and Mobile Line IconSet (200 Icons, AI)

The Web and Mobile LineIconSet v1.0 200 Icons AI Resources for Designers

The Web and Mobile Line IconSet Download Page →

Bubbles iOS 7 Iconset (48 Icons, AI, EPS, PNG, PSD & SVG)

Bubbles iOS 7 Iconset 48 Icons AI EPS PNG PSD SVG

Bubbles iOS 7 Iconset Download Page →

Wireframe Icons (230 Icons, PSD)

Wireframe Icons 230 Icons PSD

Wireframe Icons Download Page →

Icon-Works (134 Icons, Icon Font)

Icon-Works font free icon

Icon-Works Download Page →

Webicons (100 Icons, AI & EPS)

Webicons - 100 Stroke & Fill Icons

Webicons Download Page →

Line Icons (60 Icons, PSD, AI & EPS)

60 Line Icons

Line Icons Download Page →

12k Line Icon Set (12,000 Icons, PSD)

12k Line Icon Set

12k Line Icon Set Download Page →

The Web Interface Icon Set (370 Icons, SVG & AI)

The Web Interface Icon Set

The Web Interface Icon Set Download Page →

Devicons – An Iconic Font For Developers (123 Icons, Icon Font, SVG & PNG)

Devicons- An Iconic Font For Developers

Devicons Download Page →

Solid Icons (210 Icons, PSD, PNG, SVG & Icon Font)

210 Solid Icons

Solid Icons Download Page →

Compacticons (180 Icons, PSD)

Compacticons - 180 Tiny Icons

Compacticons Download Page →

UI/UX Icons (40 Icons, PSD, AI & SVG)

40 UI/UX Icons

UI/UX Icons Download Page →

Touch Gestures Icons (100 Icons, AI, EPS, PSD, PNG & SVG)

Touch Gestures Icons

Touch Gestures Icons Download Page →

Helium Icon Set (100 Icons, AI, EPS, SVG & Icon Font)

Helium Icon Set

Helium Icon Set Download Page →

Material Design Icons from Google (750 Icons, PNG)

Material Design Icons from Google

Material Design Icons Download Page →

UNigrid Vector Icons (100 Icons, AI)

UNigrid Vector Icons

UNigrid Download Page →

Touch Icon Set (340 Icons, AI, PSD & SVG)

Touch Icon Set

Touch Icon Set Download Page →

Gamecenter Icons Pack (150 Icons, PSD)

Gamecenter Icons Pack

Gamecenter Icons Pack Download Page →


The post Top 50 Free Icon Sets from 2014 appeared first on Speckyboy Web Design Magazine.


Speckyboy Web Design Magazine

2014 Font Bundle – 57 Fonts! – Only $70 For a Year of Work

1cm2014 has been a great and creative year for me, it has seen the faces of many new fonts and I have learnt a tonne along the way. To celebrate, I've packaged together all the fonts that I have created throughout 2014 into one product with the ridiculous price tag of $ 70 – That's 60% […]
Inspiration Hut – Everything Art and Design

Best of CH 2014: Travel: From Tokyo’s skyscrapers to the Blue Ridge Mountains, a look at 10 of our favorite travel stories from 2014

Best of CH 2014: Travel

Travel serves as one of the greatest sources of new ideas, perspectives and creative inspiration. Over 2014, the CH team was lucky to have ventured around the world to renowned and remote destinations alike. Adventure remained a constant theme throughout……

Continue Reading…


Cool Hunting

Best of CH 2014: Data Visualization: An interactive data graphic explores how our content connected last year across categories and keywords

Best of CH 2014: Data Visualization

With 2014 complete, we can now take a look back at the year from a quantified point of view. This interactive data map visualizes CH’s most commonly used keywords, which are represented as bubbles within a ring of our main content categories. Each……

Continue Reading…


Cool Hunting