Daily Links

Category: Web design

Jun 20

What Does a Well-Documented CSS Codebase Look Like?

In the front-end community, there is a lot of attention related to documenting JavaScript. That's not so much the case with CSS. Often times I feel like lost when I join a project with minimal or no CSS documentation.   https://css-tricks.com/well-documented-css-codebase-look-like/

Jun 02

Best Practices for Website Header Design

Everyone knows: there is not the second chance to make the first impression. In the sphere of digital products, this eternal truth works in terms of high competition and incredible diversity. No doubt, some zones of the webpage or mobile screen are particularly important and effective in this aspect. Today we are going to discuss one of them in deeper focus: the header of the website.   https://uxplanet.org/best-practices-for-website-header-design-e0d55bf5f1e2?scid=social72946777

Feb 20

Free e-books from O’Reilly

20 free e-books from O'Reilly on design   http://www.oreilly.com/design/free/

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/

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 23

Essential Chrome extensions for web designers

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

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/

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

The Way We Build

How rethinking the Airbnb app changed the way we approach design   http://airbnb.design/live-there/

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/

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

Apr 23

Flat UI Design

A showcase of standout web designs using the flat UI style   http://fltdsgn.com/

Apr 23

FindGuidelin.es

A easy-to-use repository of design guidelines for popular websites   http://findguidelin.es/

Mar 25

Why your site needs to be mobile friendly

Why your site needs to be mobile friendly before April 21st. 2015. Test your site with this tool developed by Google   http://goo.gl/uVB0gD

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

Jan 16

16 Awesome Examples of Website Testimonials Done Right!

16 Awesome Examples of Website Testimonials Done Right!   http://www.vandelaydesign.com/testimonials/


Creative Market