Victor Loux — bookmarks tagged “frontend”

No, Absolutely Not | CSS-Tricks

I think the difference between a junior and senior front-end developer isn't in their understanding or familiarity with a particular tech stack,

Solved by Flexbox — Cleaner, hack-free CSS

philipwalton.github.io/solved-by-flexbox/

Using Gooey as a Universal frontend for any Language or CLI Application - Blogomatano

chriskiehl.com/article/gooey-as-a-universal-frontend

All you need to know about hyphenation in CSS | Clagnut by Richard Rutter

clagnut.com/blog/2395

Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need · An A List Apart Article

alistapart.com/article/paint-the-picture-not-the-frame

Designer Eric Bailey makes a case for leaving key accessibility features to the browser to ensure the most accessible experience.

webhintio/hint: 💡 A hinting engine for the web

github.com/webhintio/hint

BEM For Beginners: Why You Need BEM — Smashing Magazine

smashingmagazine.com/2018/06/bem-for-beginners/

Introduction · Front-End Developer Handbook 2018

frontendmasters.com/books/front-end-handbook/2018/

CSS: The bad bits (and how to avoid them) - Joe Forshaw

joeforshaw.com/blog/css-the-bad-bits-and-how-to-avoid-them

Meet the New Dialog Element

keithjgrant.com/posts/2018/meet-the-new-dialog-element/

How to work with SVG icons

fvsch.com/code/svg-icons/how-to/

A technical summary of how we use SVG icons for web pages

Selectize.js

selectize.github.io/selectize.js/

Selectize is a jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on.

staticland

static.land/

Static sites with free, automatic SSL for custom domains.

alphagov/accessible-autocomplete: An autocomplete component, built to be accessible.

github.com/alphagov/accessible-autocomplete

<head> Cheat Sheet

gethead.info/

wingify/across-tabs: Easy communication between cross-origin browser tabs

github.com/wingify/across-tabs

Safely enables cross-origin communication among different browser tabs. Uses PostMessage API for communication.

A11Y Style Guide

cehfisher.github.io/a11y-style-guide/style-guide/

Front-end Developer Handbook 2017 · GitBook

gitbook.com/book/frontendmasters/front-end-handbook-2017/details

front-end-handbook-2017: The resources and tools for learning about the practice of front-end development in 2017. Written by Cody Lindley sponsored by

Yes, progressive enhancement is a fucking moral argument

sonniesedge.co.uk/blog/progressive-enhancement

CSS Reference - A free visual guide to the most popular CSS properties

cssreference.io/

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.