Victor Loux → Bookmarks → Tag: frontend

68 bookmarks tagged “frontend”

Defensive CSS

defensivecss.dev/
Practical CSS and design tips that helps in building future-proof user interfaces.

Why most design systems implode

storybook.js.org/blog/why-most-design-systems-implode/
We asked Brad Frost if design systems are still relevant in 2022?

No, Absolutely Not | CSS-Tricks

css-tricks.com/no-absolutely-not/
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