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 
3 days ago
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 
5 days ago
What is Progressive Enhancement and Why Should You Care?
Progressive enhancement is a development approach, not a technology choice.
web  progressiveenhancement 
10 days ago
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.
11 days ago
23 Minutes of Work for Better Font Loading—zachleat.com
A post by Zach Leatherman (zachleat), a Front End Engineer.
web  fonts  performance  css 
14 days ago
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
14 days ago
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 
16 days ago
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 
17 days ago
Fast, Simple, & Free Open Source Webfont Converter | fontplop
The simplest, fastest free webfont converter around.
web  fonts  convert 
18 days ago
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 
22 days ago
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 
23 days ago
Discover The Fatwigoo - otsukare
Simple fix for giant SVGs when CSS is not available.
web  svg 
4 weeks ago
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 
10 weeks ago
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 
11 weeks ago
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
Modern Layouts: Getting Out of Our Ruts by Jen Simmons—An Event Apart video on Vimeo
In the early years of the web, there was a lot of variation and experimentation with where to put content on a web page. Then, it seems, we all settled into a handful of patterns and stayed there for over a decade
web  design  css 
august 2017
edenspiekermann/a11y-dialog: A very lightweight and flexible accessible modal dialog.
a11y-dialog - A very lightweight and flexible accessible modal dialog.
web  a11y  modal  javascript 
august 2017
Optimising the front end for the browser
An introductory overview to optimising front end code for the browser, to improve UX and SEO rankings.
web  optimisation  performance 
august 2017
:focus-within | CSS-Tricks
The :focus-within pseudo selector in CSS is a bit unusual, although well-named and rather intuitive. It selects an element if that element contains any chi
web  css  forms 
august 2017
Dark Matter
A personal publishing platform for the #indieweb
web  indieweb 
july 2017
Webmention is a simple way to notify any URL when you link to it from your site.
web  indieweb  webmentions 
july 2017
The IndieWeb is a people-focused alternative to the "corporate web".
web  indieweb 
july 2017
Subset and Self-Host Web Fonts | brettklamer.com
How to subset web fonts and host them yourself.
web  fonts  performance 
july 2017
Fontie — webfont converter, @font-face generator
Fontie converts your desktop fonts into web fonts that work everywhere and puts them along with the CSS in one fine @font-face package. Various options give you the possibilty to fix and optimize your webfonts.
web  fonts  performance 
july 2017
google webfonts helper
A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!
web  fonts 
july 2017
Deconstructing the Google Analytics tracking script
What does the Google Analytics script actually do? It’s pretty convoluted at first glance. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),... | Bill Franklin | Working at ChartMogul. Oxford University student.
web  javascript  analytics  googleanalytics 
july 2017
<head> Cheat Sheet
A list of everything that could go in the <head> of your document
web  development 
june 2017
Accessibility according to actual people with disabilities - Axess Lab
“If you have a disability, what’s the hardest thing about browsing the web?” The answers to Safia Abdalla’s tweet are truly eye-opening and shows us what web accessibility should really be about. The tweet that started it all i'm curious to know: if you have a disability, what's the hardest thing about browsing the web? […]
web  a11y 
june 2017
Inclusive Design Principles
These Inclusive Design Principles are about putting people first. It's about designing for the needs of people with permanent, temporary, situational, or changing disabilities — all of us really.
web  a11y  design  inclusivedesign 
june 2017
Implementing system fonts on Booking.com — A lesson learned.
For a very long time we had been serving a pretty standard font-stack — Helvetica, Arial, Sans-serif — safe in the knowledge that this selection would give us a trouble-free, albeit uninspired, font…
web  fonts 
june 2017
« earlier      
123 2001 2017 24 3d a11y abtesting activism adobe ads advent agile ajax alignment allwebsiteslookthesame amp analytics anarchism android angular animation antipatterns api apis app apple architecture archives aria art astronomy async atomic atomicdesign audio audiobook automation backbone backchannel background baking baseline basics bbc beer bees beginner bem berlin bestpractices bestpractise bicycle bike blink boilerplate books bootstrap boringisgood boxshadow breakpoints browserengine browsers brutalism bugs business butsadlytrue buttons bvg cache caching caniuse cards career carlsagan carousel charts cheatsheet chess christmas chrome chucklebrothers cinema clean cli client clothes cms code color colorpalletes colors colour colours columns comic comments communication componentlibrary components conference config containerqueries content conventions convert cool cope craft criticalcss criticalpath css css-architecture css3 cssconfeu csss cssvariables ctm culture cursors customimport cute d3 dailyimport data dates debugging dell deployment design designsystems desktop development devtools dfp dialog diversity diy documentation dogs dom domainnames drone dropbox drupal drupalcon dyslexia ecss education effects elementqueries email emilydickinson english es6 essentials experiments extract fallback fanfiction favicon featuredetection feedback feedbin feminism ffmpeg film firefox fireworks fishandchips flexbox flickr flowers font fonts food footnotes forms fouc framework frontend frontendops funny gallery game gender geo georgeorwell german gif git github glutenfree gooddesign google googleanalytics gps gradients grid grids grunt guardian gulp hack hackdesign hamburgers hansolo headlessbrowser hijax history home homebrew horseriding houseselling hover html html5 http https hyml hyphenation i18n icons id24 ide ie ie6 ie8 iframe ifttt illustrations image images imessage inclusivedesign indian indieweb informationradiators inspiration interface intersectionality intro ios iphone itcss jank javascript jekyll jobs jquery js json jspm keyboard keyframes kindle landingpages language largedisplays largescaleweb layout lean less library libsass lint livereload loading local location logos london longwaveladies loops mac macos mapping maps markdown mars masonry mead mediaqueries microsoft milleniumfalcon mirror mobile mobileworking modal modernizr modules mp4 mvp nasa navigation nodejs noise notes notifications nth-child oocss opensource opinion optimisation optimization osx overlay packagemanager pagination palette parallax pattern patternlibraries patternlibrary patterns performance phantomjs photo photography photos php phpstorm picture piechart pinboard placeholder plan platform png podcast podcasting poetry polling polyfill popups portland poster present presentation presentations print process productivity progressiveenhancement projectmangement prototyping pseudoclasses pseudoelements publicdomain quantum rails rant react reactioncards reactjs reading redux regression requirejs resources responsive rest retro review rss ruby sadbuttrue safari sass scaffolding science scifi scraping screensaver screenshots scrolling scrollto security selectors serviceworkers sewing shelves shim sketch sketching skulls slideshow smacss sms space spaceships spacing speaking specificity spinner splitview srcset ssl stack staffordshire standardsnext starwars staticsite stockphotos styleguide styling superfish svg svn talk tea teamwork tec tech templates test testing theculture theming thingstodo throttle timing tips tool tooltip touch trailer train transforms travel trends ttf tut tutorial twinpeaks twitter typography uk url usability useful useless utilityclasses utopia ux validation vanilla vegetarian verbs verticalrhythm via:popular video visual voting votingbypost wcag we web webgl webmentions webn webpack wireframes woc woff women womenintech wordwork work workflow writing wysiwyg youtube zepto

Copy this bookmark: