Daily Links

Category: Browsers

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

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

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 30


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

Aug 23

Essential Chrome extensions for web designers

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

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 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/

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

Jan 14

9 basic principles of responsive web design

Some basic principles of responsive web design.   http://blog.froont.com/9-basic-principles-of-responsive-web-design/

Jul 29

Web Fundamentals

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

Jul 01

The magic of css

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

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/

Apr 26

Learn Responsive Design

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

Mar 10


Article by Trent Walton about responsive design   http://trentwalton.com/

Nov 19

Browser Sketch Sheets

Collection of browser Sketch Sheets   http://sneakpeekit.com/browser-sketchsheets/

Creative Market