CSS: A New Kind Of JavaScript
Oh wow, @heydonworks has introduced a new kind of Javascript styling module called Cascading Style Sheets. This thing is gonna be BIG.
web  css  js  funny  publishtobuffer 
8 days ago
ServiceWorker Cookbook
The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web sites.
web  javascript  serviceworkers  js 
17 days ago
BundlePhobia | cost of adding a npm package
The performance cost of adding an npm package.
web  npm  js  css 
18 days ago
What is the CSS ‘ch’ Unit?
The CSS 'ch' unit isn't what you think it is, says @meyerweb.
web  css  typography  publishtobuffer 
22 days ago
Your Body Text Is Too Small
Some *excellent* reasons why you should be using a body font size of at least 20px!
web  typography  fonts  publishtobuffer 
23 days ago
CSS is Resilient, Declarative, Contextual
"it’s resilient; it’s declarative; and it’s contextual". This examination of the characteristics of CSS by @keithjgrant is worth many reads!
web  css  publishtobuffer 
25 days ago
Forget about Clean Code, let’s embrace Compassionate Code » Thinking Inside a Bigger Box
"Your most valuable skill is to know what’s important. Code is not important. Principles are not important. Rules are not important. People are important."
web  publishtobuffer 
25 days ago
Introducing the GOV.UK Design System
Beautifully simple and utilitarian design system. ❤️
web  designsystems 
26 days ago
I Don’t Believe in Full-Stack Engineering
I have never met anyone I could truthfully call a "full-stack" dev. It's just not possible to hold all of the modern FE skillset in one head (UX, CSS, JS, a11y, etc), let alone that AND server-side skills.
web  publishtobuffer  css  js 
28 days ago
The Cult of the Complex
"We must rid ourselves of the cult of the complex". This post by @zeldman nails it 100%.
web  progressiveenhancement  publishtobuffer 
7 weeks ago
What if JavaScript wins?
What if we didn't put all our tech eggs in one basket? What if we respected web designers as much as web engineers? What if we did the minimum amount of code instead of the maximum amount of code? What if?
web  javascript  progressiveenhancement  publishtobuffer 
8 weeks ago
10 Best Sass Mixins for Web Developers
I don't agree with putting vendor prefixes in Sass, but everything else is golden.
web  css  sass 
8 weeks ago
User Queries
@decadecity makes the case for User Queries and why they're so necessary.

I would be 100% for this!
web  a11y  css  publishtobuffer 
8 weeks ago
CSS Terminology
A Codepen showing the definitions of different bits of CSS.
web  css 
9 weeks ago
Designing for Inclusion with Media Queries
This talk by @ericwbailey is a fantastic insight into the #a11y and Inclusive Design provisions of CSS.
web  a11y  css  publishtobuffer 
9 weeks ago
The Slow Death of Internet Explorer and the Future of Progressive Enhancement · An A List Apart Article
One of my fellow Springer Nature FEDs describes how best to support older browsers while still using all the latest fun features.
web  progressiveenhancement  ctm  publishtobuffer 
9 weeks ago
The Vanilla JS Toolkit
Wonderful collection of vanilla JS snippets, functions, helpers from @ChrisFerdinandi. ❤️
web  js  vanilla  publishtobuffer 
10 weeks ago
The Illusion of Control in Web Design
"Start simply. Code defensively. User-test. Recognize the chaos. Embrace it." An incredible article from @aarongustafson!
web  a11y  progressiveenhancement 
11 weeks ago
Navigating Gray Areas in Website Accessibility
Excellent guide to utilising @pa11y and Voiceover effectively.
web  a11y 
11 weeks ago
I tried leaving Facebook. I couldn’t.
The only positive I get out of this piece by @sarahjeong is that I'm now glad I never really got onto Facebook in the first place. 😔
11 weeks ago
Managing Heading Levels In Design Systems
Excellent stuff from @heydonworks on how to manage headings within a large scale site and design system.

Bonus points for mild mocking of those who say "headings are relics of the pre-app document era".
web  designsystems  publishtobuffer 
april 2018
Funkify Disability simulator
This disability simulator is super useful for building empathy with those people who use your sites in a different way to you. ❤️
web  a11y  publishtobuffer 
april 2018
Minimal viable service worker
Implementing a minimum viable service worker. Very nice post by @adactio!
web  js  serviceworkers 
april 2018
You Don't Know JS: A book series
I love this series. ❤️ @YDKJS
web  js  book 
april 2018
Pitfalls of Card UIs
Excellent rundown of the common problems encountered when trying to use the Card UI metaphor, from @davatron5000.
web  design  layout 
april 2018
Grid Garden
A delightful little game for learning CSS Grid.
web  css  grid 
april 2018
HTTP Status Dogs
HTTP Status Dogs. I approve.
web  statuscodes 
april 2018
Write clean code and avoid the distractions of emerging technology
"Write clean code and avoid the distractions of shiny new technology".

Solid advise here!
web  publishtobuffer 
april 2018
Design Doesn’t Care What You Think Information Looks Like
"Design Doesn’t Care What You Think Information Looks Like"

This piece by @robweychert on design and the underlying HTML is fantastic
web  publishtobuffer  design 
march 2018
The Anger of the White Male Lie
"Somebody needs to stop telling these white boys that they can be anything they put their mind to."

@IjeomaOluo ♥️
march 2018
Responsive Design for Motion | WebKit
Some excellent code examples for utilising Prefers Reduced Motion effectively.
march 2018
A Primer to Web Accessibility for Designers – UX Planet
"Accessibility is a team effort between designers, developers, copyrights, and copy creators."

An excellent primer to web accessibility! #a11y
march 2018
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 
march 2018
JavaScript vs 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 
march 2018
AMP is not the issue, it's Google
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 
march 2018
How we’ve made GOV.UK Elements even more accessible
How the UK's Government Digital Services team made their components even more accessible. #a11y
web  a11y  inclusivedesign  publishtobuffer 
march 2018
HTML Source Order and When There’s No CSS
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 
march 2018
Web performance basics
A series of posts on web performance geared towards beginners.
web  performance 
february 2018
Mobile speed impacts publisher revenue
The state of speed on mobile pages, from Google Doubleclick.
web  performance 
february 2018
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 
february 2018
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 
february 2018
A robust polyfill for the 'String.prototype.startsWith' method in ES6.
A robust & optimized ES3-compatible polyfill for the `String.prototype.startsWith` method in ECMAScript 6.
web  js  polyfill  shim 
february 2018
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 
february 2018
CSS Basics: Fallback Font Stacks for More Robust Web Typography
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 
february 2018
Badge Reviews
Ever wondered how to create a good conference badge? Neither had I tbh, but this is interesting!
conference  publishtobuffer 
february 2018
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 
february 2018
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 
february 2018
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 
february 2018
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 
february 2018
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 
february 2018
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 
february 2018
Understanding And Using REST APIs
Excellent introduction and guide to REST APIs.
web  js  rest  apis 
february 2018
Modern CSS Explained For Dinosaurs
Excellent, and non-opinionated, overview of the various approaches to organising and building CSS.
web  css  sass  buildtools  publishtobuffer 
february 2018
Google’s Forgotten Service: How FeedBurner Became a Zombie
Of course, Google must also never be forgiven for killing off Google Reader.
publishtobuffer  rss 
february 2018
Being a Developer After 40
The main qualifications for being an older developer are eye rolling, cynicism, and more caring about people.
february 2018
Bracket Pair Colorizer - Visual Studio Marketplace
Extension for Visual Studio Code - A customizable extension for colorizing matching brackets
web  vscode  editor 
january 2018
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 
january 2018
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 
january 2018
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
« 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 ctm culture customimport cute d3 dailyimport data deployment design designsystems 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 npm 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 serviceworkers 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: