Daily Links

Category: Tutorials

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/

posted on 20/08/2016 at 10:40 AM  in: Browsers | CSS | Tutorials | Web design | 

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/

posted on 20/06/2016 at 07:24 AM  in: Bene Projects | Illustrations | Tutorials | 

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

posted on 24/05/2016 at 01:55 PM  in: Events | Inspiration | Talks | Tutorials | UI + UX | 

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/

posted on 27/04/2016 at 01:27 PM  in: Browsers | CSS | Inspiration | Mobile | Developer | Tutorials | Web design | 

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

posted on 25/04/2016 at 02:07 PM  in: Illustrations | Inspiration | Tutorials | 

Apr 24

Becoming a designer who codes: the making of a unicorn

Becoming a designer who codes: the making of a unicorn   http://blog.invisionapp.com/becoming-a-designer-who-codes/

posted on 24/04/2016 at 01:44 PM  in: Browsers | CMS | CSS | Design | Illustrations | Inspiration | Mobile | Developer | Tutorials | Web design | Web services | 

Dec 17

Color made easy

How to create a perfect palette? In this brief tutorial Google Design experts lead us through an smart approach to design effectively with color.   https://www.google.com/design/spec/style/color.html

posted on 17/12/2015 at 06:58 PM  in: Design | Design Resources | Illustrations | Inspiration | Tutorials | UI + UX | Web design | 

Feb 08

Learning Sass with CodePen, Part Two: Nesting

Learning Sass with CodePen, Part Two: Nesting   http://demosthenes.info/blog/979/Learning-Sass-with-CodePen-Part-Two-Nesting

posted on 08/02/2015 at 03:22 PM  in: CSS | Tutorials | 

Feb 07

The Best Tricks to Reduce Photoshop File Size

A few tricks to Reduce Photoshop File Size   https://creativemarket.com/blog/2015/02/04/the-best-tricks-to-reduce-photoshop-file-size?u=liammckay

posted on 07/02/2015 at 03:20 PM  in: Design Resources | Inspiration | Tutorials | 

Feb 05

Beyond the Logo: Crafting a Brand Identity

Free SkillShare class: Beyond the Logo: Crafting a Brand Identity   http://www.skillshare.com/classes/design/Beyond-the-Logo-Crafting-a-Brand-Identity/1989648790

posted on 05/02/2015 at 03:02 PM  in: Design | Design Resources | Illustrations | Inspiration | Tutorials | 

Feb 04

Starting a SASS workflow with Alfred

When you’re working with SASS (or Compass, or Bourbon, etc), and you want a simple way to compile your code, you might try a solution like CodeKit or Hammer.   https://medium.com/@clarklab/starting-a-sass-workflow-with-alfred-14f88903602a

posted on 04/02/2015 at 03:01 PM  in: CSS | Design | Tutorials | Web design | 

Jan 13

How to Integrate “No CAPTCHA reCAPTCHA” in Your Website

How to Integrate “No CAPTCHA reCAPTCHA” in Your Website   http://webdesign.tutsplus.com/tutorials/how-to-integrate-no-captcha-recaptcha-in-your-website--cms-23024

posted on 13/01/2015 at 10:59 AM  in: Tutorials | Web design | 

Jan 11

Sass Basics: The Mixin Directive

Good write-up about how to use Sass mixins   http://www.sitepoint.com/sass-basics-the-mixin-directive/

posted on 11/01/2015 at 11:08 AM  in: CSS | Tutorials | Web design | 

Jan 10

Website Style Guide Resources

Nice collection of style guides.   http://styleguides.io

posted on 10/01/2015 at 11:18 AM  in: CSS | Inspiration | Tutorials | Web design | 

Jan 01

Get started with Adobe Color CC

Learn how to use Adobe Color, formerly Kuler, to capture and create inspiring color themes that can be used right away in other Adobe desktop and mobile apps.   https://helpx.adobe.com/mobile-apps/how-to/adobe-color-get-started.html?set=indesign--fundamentals--apply-color

posted on 01/01/2015 at 02:58 PM  in: Design | Inspiration | Tutorials | Web design | Web services | 

Jul 29

Web Fundamentals

Best practices for modern web development by Google Developers   https://developers.google.com/web/fundamentals/

posted on 29/07/2014 at 03:10 PM  in: Browsers | Tutorials | Web design | 

Jul 01

The magic of css

The magic of css - interesting online book by Adam Schwartz   http://adamschwartz.co/magic-of-css/

posted on 01/07/2014 at 03:25 PM  in: Browsers | CSS | Tutorials | 

Jun 20

Photoshop script for export to SVG

Free photoshop script: Export your vector layers from PS to SVG in a single click!   http://hackingui.com/design/export-photoshop-layer-to-svg/

posted on 20/06/2014 at 03:27 PM  in: Browsers | Tutorials | Web design | 

Apr 26

Learn Responsive Design

10 weeks of hands-on training by Zurb University   http://zurb.com/university/responsive-design?

posted on 26/04/2014 at 09:24 AM  in: Browsers | CSS | Events | Mobile | Tutorials | 

Apr 23

Making use of art brushes in Illustrator

If you are a daily Illustrator user, good tutorials on how to use the brushes are always more than welcome - this one is a good one on how to use the art brushes.   http://sivioco.com/blog/making-use-of-art-brushes-in-illustrator

posted on 23/04/2014 at 09:36 AM  in: Design | Design Resources | Illustrations | Tutorials | 

Powered by Creative Market


Creative Market