frontend-case-studies/ at master · andrew--r/frontend-case-studies
An excellent list of resources for building and maintaining frontend projects at scale. Doing FE effectively on large projects is a ~very~ different game from your average tech-driven chaotic startup, because ~people~.
web  largescaleweb  publishtobuffer 
4 days ago
JavaScript v. backward compatibility @
"Why are JavaScript developers so opposed to the idea of backward compatibility?" This post by @nikitonsky is the most beautiful thing I've read in months. ♥️
web  js  publishtobuffer 
6 days ago
AMP is not the issue, it's Google | Responsive Web Design
As pointed out by @justinavery, it's not fundamentally AMP that's the problem, it's us happily giving so much power to Google.
web  amp  publishtobuffer 
8 days ago
How we’ve made GOV.UK Elements even more accessible - Accessibility
How the UK's Government Digital Services team made their components even more accessible. #a11y
web  a11y  inclusivedesign  publishtobuffer 
17 days ago
HTML Source Order and When There’s No CSS - YouTube
Lovely quick video by @jensimmons on designing for those times when users don't have CSS (yes, it's far, far more often than you think).
web  a11y  publishtobuffer  css 
17 days ago
Web performance basics
A series of posts on web performance geared towards beginners.
web  performance 
18 days ago
Third party CSS is not safe -
Mr @jaffathecake shows how it's not just third party JS that can be a security risk - third-party CSS can hurt your users also!
web  css  security  publishtobuffer 
18 days ago
My Talk Writing Process | CSS-Tricks
If you want to know how a pro writes their conference talks then here's @vlh to tell you how she does it.
conference  publishtobuffer 
27 days ago
Everything Easy is Hard Again – Frank Chimero
The web industry excitedly says that we should "move fast and break things". But perhaps we should be brave enough to suggest that we "go slow and fix things.” 💖
web  theeternalrecurrance  publishtobuffer 
28 days ago
CSS Basics: Fallback Font Stacks for More Robust Web Typography | CSS-Tricks
I'm going to (very) mildly disagree with @chriscoyier here and suggest that this is in fact classic progressive enhancement of your site's fonts.

Either way, the result is that you have fonts that work, no matter the conditions! #cssbasics
web  fonts  progressiveenhancement  publishtobuffer 
28 days ago
Badge Reviews
Ever wondered how to create a good conference badge? Neither had I tbh, but this is interesting!
conference  publishtobuffer 
28 days ago
Google: 53% of mobile users abandon sites that take over 3 seconds to load | Marketing Dive
Summary of research showing that most sites take far longer to load than users are willing to wait.
web  performance 
4 weeks ago
The Two Faces of AMP -
This article by @tkadlec shows how the introduction of AMP Stories is Google deliberately locking people even further into their walled garden.
web  amp  publishtobuffer 
4 weeks ago
Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
A set of interview questions and answers for HTML, CSS and JS. Covers much of modern JS and is therefore a very useful tool for gauging your JS knowledge.
web  js  css  html  interview 
4 weeks ago
Using Media Queries For Responsive Design In 2018
A lovely article by @rachelandrew on using the responsive aspects of Flex and Grid to achieve things that we often assume only Container Queries can do.
web  flexbox  grid  responsive  mediaqueries  publishtobuffer 
4 weeks ago
We're Just Temporarily Abled
If you can't design and code with empathy, then how about doing so with enlightened self-interest? Because you're only ~temporarily~ abled.
ux  design  publishtobuffer  accessibility 
4 weeks ago
The JavaScript Supply Chain Paradox: SRI, CSP and Trust in Third Party Libraries
Following the recent spate of sites that started running cryptocash miners on users' machines, this article makes a compelling case for enacting a CSP on any scripts that you pull directly into your users browser.
web  js  security  publishtobuffer 
4 weeks ago
Understanding And Using REST APIs
Excellent introduction and guide to REST APIs.
web  js  rest  apis 
4 weeks ago
Modern CSS Explained For Dinosaurs
Excellent, and non-opinionated, overview of the various approaches to organising and building CSS.
web  css  sass  buildtools  publishtobuffer 
4 weeks ago
Google’s Forgotten Service: How FeedBurner Became a Zombie
Of course, Google must also never be forgiven for killing off Google Reader.
publishtobuffer  rss 
5 weeks ago
Being a Developer After 40
The main qualifications for being an older developer are eye rolling, cynicism, and more caring about people.
5 weeks ago
Bracket Pair Colorizer - Visual Studio Marketplace
Extension for Visual Studio Code - A customizable extension for colorizing matching brackets
web  vscode  editor 
8 weeks ago
sindresorhus/mem: Memoize functions - an optimization technique used to speed up consecutive function calls by caching the result of calls with identical input
mem - Memoize functions - an optimization technique used to speed up consecutive function calls by caching the result of calls with identical input
web  js  cache 
8 weeks ago
Pocket: CLI tool to visually see disk usage in Linux and OSX
When you find something you want to view later, put it in Pocket.
cli  useful 
9 weeks ago
Gordux.js - The redux pattern in vanilla.js
I love the idea of Redux. Managing state in an application is critical! There is nothing like “the state of a web application”. Let’s go back a few years whe...
web  js  redux  vanilla 
december 2017
How to buy cheap European train tickets | Read this advice first!
Independent advice, tips & step-by-step instructions for how & where to buy cheap European train tickets online or by phone, avoiding booking fees & agency mark-ups. It covers buying train tickets from the UK to Europe & for train travel within Europe.
travel  train 
december 2017
What is Progressive Enhancement and Why Should You Care?
Progressive enhancement is a development approach, not a technology choice.
web  progressiveenhancement 
december 2017
What is an Information Radiator? | Agile Alliance
An Information Radiator is a visual display that a team places in a highly visible location so that all team members can see the latest information at a glance.
december 2017
23 Minutes of Work for Better Font Loading—
A post by Zach Leatherman (zachleat), a Front End Engineer.
web  fonts  performance  css 
december 2017
This is a great example of a cheap prototype. Think of your Lean MVP as “chalk and leaves” not “pavement and paint.…
ux  mvp  lean  from twitter_favs
december 2017
Your company's Slack is probably sexist — Quartz at Work
Does gender influence digital communication? When I began asking colleagues, nearly every woman said yes. Overwhelmingly, men said no.
tech  feminism 
november 2017
E-Prime - Wikipedia
E-Prime is a version of the English language that excludes all forms of the verb to be, including all conjugations, contractions and archaic forms.
language  english 
november 2017
Vox Product Accessibility Guidelines
As journalists, advertisers, producers, and creators, content is at our core at Vox Media. We want to ensure that everyone—regardless of ability, situation, or context—can access it.
web  a11y 
november 2017
This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.
web  a11y  css 
november 2017
Discover The Fatwigoo - otsukare
Simple fix for giant SVGs when CSS is not available.
web  svg 
november 2017
Abstract Away the Performance Faults of querySelectorAll | Ryan Morr
Abstract Away the Performance Faults of querySelectorAll November 12, 2014 DOM, JavaScript, and Performance Repository With the introduction of the Selectors API in HTML5, developers finally got a native means to selecting specific nodes without the need to traverse the DOM in tedious loops. The two new methods, querySelector and...
web  js  javascript  performance  selectors 
october 2017
An Overview Of The Most Common UX Design Deliverables – Smashing Magazine
Learn how design deliverables (tangible records of work that has occurred) can help UX designers to communicate design ideas successfully.
web  ux  basics 
september 2017
Using progressive enhancement - Service Manual - GOV.UK
How to building web pages so they work in HTML first: starting with HTML, extra styles and features, using Javascript.
web  progressiveenhancement 
september 2017
JavaScript Scope and Closures | CSS-Tricks
Scopes and closures are important in JavaScript. But, they were confusing for me when I first started. Here's an explanation of scopes and closures to help

Lovely explanation and overview of scopes and closures in JS.
web  javascript 
august 2017
Aerotwist - The Anatomy of a Frame
I'm often asked by other developers about parts of the pixel workflow, and what fires when and why, so I figured it might be worth putting up a little reference for what's involved in shipping pixels to screen.
web  javascript  performance  chrome  blink 
august 2017
Creating an Accessible Modal Dialog
Modal Dialogs are a tricky thing to make accessible. For visual users navigating with a mouse, creating a dialog is as simple as styling the element to look visually different from the rest of the page. However, users navigating a site via a keyboard and/or screenreader need a lot more.
web  a11y  modal  dialog 
august 2017
Above the fold is a myth.
The simplest reason as to why 'above the fold' is a myth.
web  ux 
august 2017
« earlier      
24 3d a11y ads ajax amp angular animation api apis apple architecture aria astronomy audio background beer bem berlin bestpractices bicycle bike books bootstrap browsers business cache cheatsheet chess chrome cli cms color colors colours componentlibrary conference content convert criticalpath css css3 cssconfeu culture customimport cute d3 dailyimport data deployment design development devtools dialog diy documentation dogs domainnames drupal drupalcon education email es6 experiments fallback favicon feedback feedbin feminism flexbox font fonts food forms framework frontend frontendops funny gender german gif git github glutenfree gooddesign google gradients grid grids grunt gulp hackdesign history homebrew houseselling html html5 http icons ide ie ie8 ifttt image images inclusivedesign indian indieweb interface ios javascript jekyll jquery js json largescaleweb layout library libsass loading local logos london mac mead mediaqueries mobile modal modernizr navigation nodejs notes oocss optimisation osx overlay parallax patterns performance photo photography photos placeholder podcast polyfill poster present process productivity progressiveenhancement prototyping publicdomain publishtobuffer quantum react resources responsive rest rss ruby sass scifi screensaver scrolling security shim sketch space spinner starwars staticsite stockphotos styleguide svg talk tea teamwork templates testing theculture tips tool tooltip touch trailer transforms travel tutorial twitter typography uk usability useful ux validation vanilla verbs via:popular video web webmentions webpack womenintech workflow

Copy this bookmark: