Daily Links

Nov 15

Typography-First

A guide about Web Typography & optimising readability.   http://anartfulscience.com/Typography-First.php

Nov 11

Frontend Guidelines Questionnaire

A one-page questionnaire to help your team establish effective frontend guidelines, so that you can write consistent & cohesive code together by Brad Frost.   https://github.com/bradfrost/frontend-guidelines-questionnaire

Nov 11

CSS Architecture for Design Systems

CSS Architecture for Design Systems by Brad Frost - rules and tricks for large CSS projects   http://bradfrost.com/blog/post/css-architecture-for-design-systems/

Sep 07

Front-End Developer Handbook

A guide that anyone could use to learn about the practice of front-end development.   http://www.frontendhandbook.com/

Sep 06

Understanding CSS3 Flexbox for Responsive Design

The fundamentals of CSS flexbox usage   https://envato.com/blog/css3-flexbox/

Sep 05

Create Isometric Vector Infographic Elements

A brief tutorial on how to create isometric vector infographic elements   http://vectips.com/tutorials/how-to-create-isometric-vector-infographic-elements

Aug 30

In-view

A javascript that notifies when a DOM element enters or exits the viewport   https://camwiegert.github.io/in-view/

Aug 30

How Technology Hijacks People’s Minds

How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist   https://medium.com/swlh/how-technology-hijacks-peoples-minds-from-a-magician-and-google-s-design-ethicist-56d62ef5edf3#.5nagkpc46

Aug 29

Cheatsheets, Guides & Docs for Web Designers

A collection of useful cheatsheets, references, guides, checklists and docs, covering almost all aspects of web design.   https://envato.com/blog/cheatsheets-web-designers/

Aug 25

Start to learn

Back to school is back to learning: take a look at some free courses on Code School.   https://www.codeschool.com/free

Aug 24

Vector drawing on the go

Start an illustration on the go with Adobe Capture CC and Illustrator Draw on your iPhone, iPad, or Android device, and then finish it on your desktop with Adobe Illustrator CC.   https://helpx.adobe.com/mobile-apps/how-to/vector-drawing-go.html

Aug 23

Essential Chrome extensions for web designers

Essential Chrome extensions for web designers   https://envato.com/blog/chrome-extensions-web-design/

Aug 21

Draft U.S. Web Design Standards

A robust and complete open-source UI framework with components and visual styles to create beautiful, consistent experiences across - federal government - websites.   https://standards.usa.gov/

Aug 21

Learn to Code HTML & CSS

Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.   http://learn.shayhowe.com/html-css/

Aug 20

Flexbox in 5 Minutes

Flexbox in 5 Minutes is a simple tour of what Flexbox is and does in just 5 minutes (comprised of 53 slides).   https://cvan.io/flexboxin5/

Jun 20

How to create and organize vector elements for infographic design

I wrote a tutorial on how to create and organize vector elements for infographic design   http://www.freepik.com/blog/how-to-create-and-organize-vector-elements-for-infographic-design-2/

May 24

Learning to speak Designer

Talk from Google I/O 2016 about the design vocabulary: keylines, jank, bleeds, affordances and more. To collaborate successfully, you first have to be able to speak a common language.   https://www.youtube.com/watch?v=80hrknwD74Q

May 12

Meet Gboard: Search, GIFs, emojis & more. Right from your keyboard.

iPhone users—this one’s for you. Meet Gboard, a new app for your iPhone that lets you search and send information, GIFs, emojis and more, right from your keyboard.   https://googleblog.blogspot.be/2016/05/gboard-search-gifs-emojis-keyboard.html

Apr 27

Optimizing SVGs

Tools And Resources For Editing, Converting And Optimizing SVGs, some quick tips   https://www.smashingmagazine.com/2016/04/tools-and-resources-for-editing-converting-and-optimizing-svgs/

Apr 25

Turn a captured image into a postcard

Learn how to create shapes and brushes on your iPhone, iPad, or Android device with Adobe Capture CC.   https://helpx.adobe.com/mobile-apps/how-to/postcard-design.html?set=illustrator--key-techniques--collateral-design-projects

Powered by Creative Market



Creative Market