Links

Entries tagged with #development.

The «Accessibility Developer Guide» is an initiative of «Access for all», Swiss Foundation for technology adapted to people with disabilities. It is developed and maintained in collaboration with a number of acclaimed web agencies. The vision behind the Accessibility Developer Guide is to bridge the gap between providers of websites and users with special needs.

A Practical Guide to SVG on the Web, by @jakegiltsoff

https://svgontheweb.com/

The guide aims to give a practical overview of how you can use SVGs on your websites — with some tips and tricks along the way to get the most out of them.

Understanding Flexbox: Everything you need to know, by @OhansEmmanuel

https://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af#.jcypy2fbj

A concise and complete introduction to CSS Flexbox.

Fractal – build and document web component libraries & styleguides

http://fractal.build/

Fractal by @allmarkedup, frontend dev @clearleft, lets you build and document web component libraries and styleguides, and then integrate them into your projects. It is flexible, data-driven, and can be seamlessly integrated into your site.

Creating A Living Style Guide: A Case Study

https://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/

One of the most elaborate case studies on living style guides I've read so far. By @StevenKLambert

Inline SVG with Grunticon Fallback

https://css-tricks.com/inline-svg-grunticon-fallback/

@chriscoyier shows you how to build an SVG icon system.

Designing for Performance – Weighing Aesthetics and Speed

http://designingforperformance.com/

The (free) online version of @lara_hogan's great book on web performance.