Daily Links

Category: Web design

Aug 30

Full Page Screenshots in Browsers

It can be quite useful to get a "full page" screenshot in a browser. That is, not just the visible area. The visible area is pretty easy to get just by screenshotting the screen. A full page screenshot captures the entire web site even if it needs to be scrolled around to see all of it.   https://css-tricks.com/full-page-screenshots-browsers/

Aug 20

Remote Starter Kit

Get off to a flying start as a remote team with these mighty-fine tools that are tried and tested by the Hanno team. We’ll help you to power your team’s virtual collaboration and happiness.   http://www.remotestarterkit.com

Aug 18

CSS and JS code coverage in Google Chrome

Find unused CSS and JS code with the new Coverage tab. When you load or run a page, the tab tells you how much code was used, versus how much was loaded. You can reduce the size of your pages by only shipping the code that you need.   https://goo.gl/imxSqG

Aug 08

JavaScript for People Who Hate JavaScript

Zach Holman writes about his long history with JavaScript   https://zachholman.com/posts/javacript-haters

Jul 08

Why Graphic Designers Should Learn UX Design

More than ever, it seems UX design is top of mind for many organizations. The importance of good UX design continues to transform the design industry.   https://blogs.adobe.com/creativecloud/6-reasons-why-graphic-designers-should-learn-ux-design

Jul 04

Time-Saving, and Free Tools for Web Designers for 2017

Time-Saving, and Free Tools for Web Designers for 2017   https://speckyboy.com/free-time-saving-tools-web-designers/

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/

Creative Market