Learn these JavaScript fundamentals and become a better developer
JavaScript has primitives, objects and functions. All of them are values. All are treated as objects, even primitives.
wd  wd-js  wd-src--medium 
13 days ago
Design for Kids Based on Their Stage of Physical Development
Summary: As kids’ physical development throughout childhood changes, so do their physical abilities, constraints, and device preferences. Touch gestures such as swiping and tapping big targets are easy for all children, but fine mouse or trackpad gestures such as dragging are hard for young kids.
ux  wd  wd-src--nn-group 
13 days ago
Docz
It has never been so easy to document your things!
wd  wd-styleguide 
14 days ago
CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks
This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer (IE). Imagine writing CSS grid code without having to write a fallback layout! Many of us think that this is some far off future that is many years away. If the only thing holding you back from that reality is IE11 (check caniuse.com), then you’re in luck! That day is today! Or at least it will be when you finish reading this series.
wd  wd-css  wd-css--grid  wd-browser  wd-src--css-tricks 
19 days ago
Stop Password Masking
Summary: Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn't even increase security, but it does cost you business due to login failures.
ux  ux--patterns  wd  wd-forms  wd-forms--password  wd-src--nn-group 
20 days ago
Optimizing CSS: ID Selectors and Other Myths — SitePoint
In today’s typical scenario, where the average website ships 500KB of gzipped JavaScript and 1.5MB of images, running on a midrange Android device via 3G with a 400ms round trip time, CSS selector performance is the least of our problems.
wd  wd-performance  wd-browser  wd-css  wd-src--sitepoint 
21 days ago
How and Why We Unit Test Our Sass | Sparkbox | Web Design and Development
At Sparkbox, we’re quite familiar with design systems and are huge fans when they’re done well and are continuously nurtured. Well-established design systems that are adopted and cared for have tremendous value potential.
wd  wd-sass  wd-testing 
21 days ago
Short note on progressive ARIA | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
When we talk about Progressive Enhancement (PE), we usually focus on HTML, CSS, and JavaScript, and often forget about ARIA. But when ARIA is hard-coded into HTML it can have unintended consequences if/when the JavaScript fails to deliver the expected functionality.
wd  wd-accessibility  wd-accessibility--aria 
21 days ago
My 7 favorite creative exercises – Prototypr
Over time I have been building a collection of exercises I like to use in workshops and creative sessions. That’s besides my enthusiasm for the the 1-week design sprint format of course (more on that here), but spending a full week isn’t always possible or necessary. For shorter workshops I like to have a few others at hand, and in this article I would like to share my 7 favorites with you. They are all tried and tested at the TU Delft or at KLM’s Digital Transformation program of course!
ux  wd  wd-src--medium 
21 days ago
Voca: The JavaScript string library
The Voca library offers helpful functions to make string manipulations comfortable: change case, trim, pad, slugify, latinise, sprintf'y, truncate, escape and much more. The modular design allows to load the entire library, or individual functions to minimize the application builds. The library is fully tested, well documented and long-term supported.
wd  wd-js  wd-uses--github  wd-uses--npm 
21 days ago
Bit - utils. Javascript components by bit.
Javascript utility functions delivering modularity and performance.
wd  wd-js  wd-uses--yarn  wd-uses--github  wd-uses--npm 
21 days ago
Chance
Chance is a minimalist generator of random strings, numbers, etc. to help reduce some monotony particularly while writing automated tests or anywhere else you need anything random.
wd  wd-js  wd-uses--npm  wd-uses--github 
21 days ago
CSS for the Next Billion Users
There’s been a lot of talk lately about developing for the “next billion users”, which essentially means targeting users who are coming online for the first time in developing countries. This talk will be about different ways we can write CSS for the “next billion users”. I will talk about my experience developing websites for users in Nigeria and cover areas such as performance, accessibility, and progressive enhancement.
wd  wd-localisation  wd-css  wd-accessibility  wd-performance  wd-src--notist 
4 weeks ago
Web Content Accessibility Guidelines (WCAG) 2.1 | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
This week (5 June 2018) saw the release of the Web Content Accessibility Guidelines (WCAG) 2.1 as a W3C recommendation – meaning that the working group (which, among many others, included members from The Paciello Group) considers the guidelines stable and ready for implementation. WCAG 2.1 builds on top of WCAG 2.0, and it still incorporates all the guidelines and success criteria of 2.0. As such, it is backwards-compatible: a site that adheres to WCAG 2.1 automatically also adheres to WCAG 2.0.
wd  wd-accessibility  wd-src--paciello-group 
4 weeks ago
Pixels vs. Ems: Users DO Change Font Size – Evan Minto – Medium
Web developers love a good holy war, whether it’s over our favorite JavaScript frameworks or principles like separation of concerns. One that’s always been of interest to me is the battle over CSS units, namely between pixels and relative units like rems and ems.
wd  wd-accessibility  wd-css  wd-units  wd-src--medium 
4 weeks ago
Bringing more people together through inclusive design
A thought experiment: Imagine that your only device is a smartphone. No computer, no tablet, no Amazon Dot or Google Home. Just a phone. From the lack of broadband access to the reliance on mobile, under-resourced families don’t always have the opportunity to adopt new technology. While there have been some improvements, the digital divide remains. And as designers, we have the opportunity to provide great experiences to all.
design  design--inclusive 
5 weeks ago
Fair Is Not the Default - Library - Google Design
In an otherwise lovely photo of a crowd in Venice’s San Marco Square (see image, below), there's something curious going on if you look a little closer. Everyone's head falls roughly along the same horizon line. Now that’s odd. Everyone in the world isn’t the same height, right? This optical illusion occurs because the photographer was of average height. From the perspective of an outlier, someone of not-so-average height, the world would look far less uniform.
design  design--inclusive 
5 weeks ago
Vital Accessibility Design Principles :: UXmatters
In the not too distant future, accessibility design will no longer be a nice-to-have in UX design job postings. It will be a standard requirement. An expectation. If you are a UX designer with only a cursory understanding of accessibility design techniques, you should improve on that as soon as possible. Soon, accessibility design principles will be as well known and commonly practiced as the famous Nielsen Norman Group heuristics. User empathy is rapidly becoming common practice within product companies and accessibility is gaining traction as a cardinal facet of empathy-driven design.
design  design--inclusive 
5 weeks ago
Image Inconsistencies: How and When Browsers Download Images – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
This year, I’ve been working closely with the wonderful Coingaming team out in beautiful Tallinn. We’ve been working pretty hard on making their suite of online products much faster, and I’ve been the technical consultant leading the project. It’s been an incredibly fun and rewarding project, and we’ve made some real business- and customer-facing improvements. One of the key reasons I’ve found the project so fun is that it’s given me a real chance to get very forensic. Naturally, a team should always tackle the low-hanging fruit first, but once that’s done, you get to delve much deeper into the weeds. This blog post comes from there.
wd  wd-performance  wd-images  wd-images--background 
5 weeks ago
Creating a Bar Graph with CSS Grid | CSS-Tricks
If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you!
wd  wd-css  wd-css--grid  wd-graphs  wd-src--css-tricks 
5 weeks ago
Simple inline error message pattern | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
Error messages can be problematic to convey consistently to all users across browsers and assistive technology (AT). Using simple HTML, with a little ARIA polyfil magic if you want to get fancy, you can robustly associate error messages with controls and ensure that users get the message every time.
wd  wd-accessibility  wd-accessibility--aria  wd-forms  wd-forms--validation  wd-src--paciello-group 
6 weeks ago
Accessible Maps on the Web | Equal Entry
My passion for accessible technology was ignited sixteen years ago at the University of North Carolina when I was a Computer Science undergraduate. I worked on a small team software project with a graduate student, Jason Morris, who was blind and needed access to maps of the ancient world for his research in the Classics Department. The project showed me that a map can be converted from a visual representation to a different form, one that can be experienced through sound and touch. This project directly exposed me to the role technology can play in improving access to information for people with disabilities.
wd  wd-accessibility  wd-accessibility--interactive  wd-media  wd-media--embeds 
6 weeks ago
Designing for dyslexia: a style guide to make reading easy for everyone
The British Dyslexia Association has put out guidelines that aim to encourage designers, businesses and teachers to consider those who struggle with reading and writing when making typeface, colour, spacing and imagery choices.
ux  ux--content  wd  wd-accessibility  wd-typography 
8 weeks ago
Combobo
Combination Box built with accessibility in mind.
wd  wd-accessibility  wd-forms--select 
8 weeks ago
How to display a "new version available" of your Progressive Web App
Have you ever been on a website and noticed a popup notification that suggests that there is a new version of the site available? I recently visited Google’s Inbox and noticed a notification a little like the image below.
wd  wd-pwa 
8 weeks ago
The Perception of Control | UX Booth
Every day, at the street by my house, I press the “walk” button, and I wait. Each time, as soon as the traffic cycle is complete, I get the walk signal. On a whim, one day I didn’t press the button… but at the end of the traffic cycle, I got the walk signal. The button I press every day has absolutely no impact on when the light will change. Is it still worth having the button?
ux 
8 weeks ago
Functions to Add ARIA to Tables and Lists | Adrian Roselli
I am not writing a WordPress plug-in. I have, however, written a couple vanilla JavaScript functions that you can drop into your site. They might benefit from some optimizations, and how you call the functions is up to you (and your chosen platform).
wd  wd-accessibility  wd-accessibility--aria  wd-tables  wd-js 
8 weeks ago
How I structure my JavaScript plugins | Go Make Things
There’s no one right answer here, but today I wanted to share how I structure most of my scripts and plugins.
wd  wd-js  wd-js--vanilla 
9 weeks ago
A Strategy Guide To CSS Custom Properties — Smashing Magazine
CSS Custom Properties (sometimes known as ‘CSS variables’) are now supported in all modern browsers, and people are starting to use them in production. This is great, but they’re different from variables in preprocessors, and I’ve already seen many examples of people using them without considering what advantages they offer.
wd  wd-css  wd-css--variables  wd-src--smashing 
9 weeks ago
I Used The Web For A Day With JavaScript Turned Off — Smashing Magazine
This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. This week, I’m disabling JavaScript.
wd  wd-performance  wd-src--smashing 
10 weeks ago
The a11y Monthly: Making modals accessible • Yoast
Modals are a pretty common interface on the Web. Developers and designers might give them different names: lightbox, modal window, dialog, overlay… but they’re basically the same thing. A modal is a window that appears on top of the page overlaying other content. In this post, I’ll try to explain what needs to be done to make modals accessible.
wd  wd-accessibility  wd-accessibility--interactive  wd-interface--modal 
10 weeks ago
Quantitative User-Research Methodologies: An Overview
Do you need numerical data about your product’s user experience, but you aren’t sure where to start? The first step is choosing the right tool. Check out this list of the most popular types of quantitative methods.
ux 
10 weeks ago
Display: Contents Is Not a CSS Reset | Adrian Roselli
CSS resets are a collection of CSS styles that undo the default browser styling of many or most HTML elements. Recently I have seen cases of developers using display: contents on lists and headings to remove the margins and padding, and generally to visually do what a CSS reset might do. Essentially, they are using display: contents as a quick and dirty CSS reset.
wd  wd-accessibility  wd-css 
11 weeks ago
Finger-friendly numerical inputs with `inputmode` | CSS-Tricks
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input type="number">.
wd  wd-forms  wd-forms--input  wd-input  wd-input--keyboard  wd-src--css-tricks 
11 weeks ago
Top 10 Design Mistakes in the Unsubscribe Experience
Summary: Canceling email subscriptions should be a one-click process, with no additional hurdles for users.
ux  wd  wd-email  wd-src--nn-group 
11 weeks ago
Measuring Websites With Mobile-First Optimization Tools — Smashing Magazine
Performance on mobile can be particularly challenging: underpowered devices, slow networks, and poor connections are some of those challenges. With more and more users migrating to mobile, the rewards for mobile optimization are great. Most workflows have already adopted mobile-first design and development strategies, and it’s time to apply a similar mindset to performance.
wd  wd-performance  wd-src--smashing 
11 weeks ago
Amazon Internet Browser: what is it? - mobiForge
The latest web browser to hit your phone comes from Amazon, and it’s called Internet. It follows the recent trend of “lite” versions of products aimed at emerging markets and patchy networks—India in this case—and joins other “lite” products like Google Maps Go, and Facebook Lite, that offer slimmed down versions for these markets.
wd  wd-browser 
11 weeks ago
CSS Grid: More flexibility with minmax() by Michelle Barker on CodePen
One of the things that can put people off trying out CSS Grid is there’s so much choice when it comes to defining your grid layout and placing your content, so it can be hard to know until you’ve been using it a while which is going to to be the best option for a particular layout. It’s only recently that I got around to fully appreciating the power of minmax() and how it can be such a huge helper when coding many of the layouts I’m required to build, so I’d like to share one way in which it’s been beneficial to me.
wd  wd-css  wd-css--grid 
11 weeks ago
A Guide To The State Of Print Stylesheets In 2018 — Smashing Magazine
Today, I’d like to return to a subject that has already been covered in Smashing Magazine in the past — the topic of the print stylesheet. In this case, I am talking about printing pages directly from the browser. It’s an experience that can lead to frustration with enormous images (and even advertising) being printed out. Just sometimes, however, it adds a little bit of delight when a nicely optimized page comes out of the printer using a minimum of ink and paper and ensuring that everything is easy to read.
wd  wd-css  wd-src--smashing 
11 weeks ago
The Fast and Slow of Design
"Move fast, break things. Fail forward. Fail fast. Always be shipping."
These idioms are all around us in the tech industry. Establishing themselves in small, garage-band startups, they are now deeply entrenched in working cultures of even the most traditional publicly listed companies.
design  ux 
11 weeks ago
How to count & pay down design debt – Poll Everywhere – Medium
Design debt is easy to see. You see it in apps with six different button styles, websites with 4 different modals, or microcopy that is obviously written by different people.
design  ux  ux--patterns 
11 weeks ago
Working Memory and External Memory
Human working memory holds information relevant to the current task; when tasks are too hard, users should be able to offload some of the working-memory burden to user-interface features that can serve as an external memory.
ux  wd  wd-src--nn-group 
11 weeks ago
Using pseudo-elements with CSS Grid by Michelle Barker on CodePen
This week I’ve had a couple of scenarios where I’ve needed to build a hero section with a full-width image, a large heading and a translucent sidebar overlaying the image – where the sidebar bleeds to the edge of the viewport but (crucially) the content of the sidebar aligns to what I like to call the “wrapper” grid columns – i.e. the columns of the grid where we actually want to place our content. (I have a whole other post almost written on this!)
wd  wd-css--grid  wd-css--pseudo 
12 weeks ago
gridtoflex.com
CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect (more info here). This site is a solution for you so you can start to progressively enhance without fear! Things to Note: CSS grid allows for specified styling using the vertical area as well as horizontal. Flexbox doesn't allow for this, so we'll be using fixed heights in these examples.
wd  wd-css  wd-css--grid  wd-grid 
12 weeks ago
How to Create Interfaces that Benefit All: Accessibility Testing and Inclusive Design Principles
Ian Macrae is a man with a visual impairment. His story appeared in The Guardian in 2015. Ian uses VoiceOver software to navigate through the web in a way unlike most people do. The voice assistant basically “reads” interfaces and allows him to interact with the web sight unseen.
ux  ux--patterns  wd  wd-accessibility 
12 weeks ago
xx45/dayjs: ⏰Fast 2KB immutable date library alternative to Moment.js with the same modern API
Day.js is a minimalist JavaScript library for modern browsers with a largely Moment.js-compatible API. If you use Moment.js, you already know how to use Day.js.
wd  wd-js  wd-uses--github  wd-uses--npm 
12 weeks ago
The Best Place for Error Messages on Forms
Where are you placing the error messages on your form? If they’re not placed where users expect to see them, you could jeopardize their capability to complete your form. When users make mistakes, they need to understand what those mistakes are so they can correct them and re-submit the form. They want to complete your form, but if doing so takes too much effort they’ll change their minds.
ux  ux--patterns  wd  wd-forms  wd-forms--validation 
12 weeks ago
Writing Accessible Web Content | Sparkbox | Web Design and Development
There are many things to take into account when creating an accessible web. Caralyn shares her tips for writing accessible content.
wd  wd-accessibility  ux  ux--content 
april 2018
sindresorhus/slugify: Slugify a string
Slugify a string. Useful for URLs, filenames, and IDs.
wd  wd-js  wd-uses--github  wd-uses--npm 
april 2018
This web form is preventing online shopping from taking off in many African markets — Quartz
I have attended several tech events where they invite so-called gurus and experts to explain the digital landscape in Africa, but I have never been satisfied with any of their answers as to why e-commerce has not caught on.
wd  wd-localisation 
april 2018
Traversing the DOM with JavaScript | Zell Liew
A good JavaScript developer needs to know how to traverse the DOM—it’s the act of selecting an element from another element.
wd  wd-js  wd-js--vanilla 
april 2018
hotkeys.js - A robust Javascript library for capturing keyboard input.
HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~3kb) (gzipped: 1.73kb), and has no dependencies. It should not interfere with any JavaScript libraries or frameworks.
wd  wd-js  wd-input--keyboard  wd-uses--github  wd-uses--npm 
april 2018
Delighters
Add CSS animations to delight users as they scroll down.
wd  wd-css  wd-animation  wd-interface--scrolling  wd-uses--github 
april 2018
Introduction - Purgecss
​Purgecss is a tool to remove unused CSS. It can be used as part of your development workflow. Purgecss comes with a JavaScript API, a CLI, and plugins for popular build tools.
wd  wd-css  wd-performance  wd-buildtools--grunt  wd-buildtools--gulp  wd-buildtools--webpack 
april 2018
Cutting the Mustard with CSS Media Queries — SitePoint
Cutting the Mustard is a term coined by Tom Maslen at the BBC. The method uses JavaScript that checks for browser capabilities before loading further CSS and JavaScript to give the user an ‘enhanced’ experience, otherwise the browser will only load the files necessary for a ‘core’ experience.
wd  wd-css  wd-responsive  wd-performance  wd-src--sitepoint 
april 2018
Super-powered layouts with CSS Variables + CSS Grid by Michelle Barker on CodePen
We’ve been using CSS Grid in production at Mud for a few months now and I absolutely love the flexibility it’s giving me when coding layout. For so long we've got along without a true layout solution for the web - hacking it with floats and flexbox was just how we did things. But now, I honestly cannot imagine life without Grid!
wd  wd-css  wd-css--grid  wd-grid 
april 2018
Fonts for Complex Data | News, Notes & Observations | Hoefler & Co.
Retail displays, packaged goods, financial reports and apps all present readers with a dizzying array of data. Here are a few ways to make quick work of their long lists, tiny annotations, and mighty stacks of numbers.
data  design  design--typography 
april 2018
Data Tables
The first thing I was told when I embarked on learning web standards about twelve years ago was, "don't use tables for layout." This was sound advice in spirit, but not very well qualified. As a result, there have been some unfortunate interpretations. Using table markup inevitably results in a visual layout, which has led some to abandon HTML tables altogether. Tables: bad.
wd  wd-accessibility  wd-accessibility--aria  wd-accessibility--interactive  wd-tables  wd-tables--sorting 
april 2018
Contextual styling with custom properties
Something I’ve been wanting for a long time, define different regions like a footer section, or side bar and not have to deal with all the contextual styling hassle. A.k.a. “Now that this button is used on a dark background, the button needs to change its colors too. Where should the styles live?”. Here an old post about struggling with contextual styling.
wd  wd-css  wd-css--variables 
april 2018
How display: contents; Works
As I frequently mention, every element in the document tree is a rectangular box. Broadly speaking, this "rectangular box" consists of two sections. First we have the actual box, which consists of the border, padding, and margin areas. Second, we have the contents of the box; the content area.
wd  wd-css  wd-src--bitsofcode 
march 2018
Cropping Away Negative Impacts of Line Height – EightShapes – Medium
Every web font includes whitespace above and below the text, making it difficult to render space in UI components systematically. I created the Text Crop Tool to empower designers and developers to remove this whitespace and more accurately render their components. This is how I did it.
wd  wd-typography  wd-sass  wd-src--medium 
march 2018
Accessible Autosuggest Dropdown
This is a heavily modified version of an accessible autosuggest from Intopia's autosuggest article and code example by Adem Cifcioglu.
wd  wd-accessibility  wd-accessibility--interactive  wd-forms  wd-forms--input  wd-interface--autocomplete 
march 2018
Tips For Conducting Usability Studies With Participants With Disabilities — Smashing Magazine
Over the last few years, I ran several usability studies with participants with various disabilities. I thought it would help others if I shared some of my experiences.
wd  wd-accessibility  ux  ux--testing 
march 2018
Five Models for Making Sense of Complex Systems – Christina Wodtke – Medium
In one of the classes I teach at CCA, students were confused by mental models, conceptual models, concept maps, etc. I ended up drawing a taxonomy for models on the whiteboard, and it may help others. This post is for them first, then you!
design 
march 2018
w descriptors and sizes: Under the hood / Observable
If you’re not familiar with srcset, w descriptors, and/or sizes, the best, shortest guide to what you should put where when you’re just trying to put a dang image on a friggin’ website might be this one, from Jake Archibald. Go! Read it!
wd  wd-images  wd-images--responsive 
march 2018
Accessibility and Performance | MarcySutton.com
When pages heavy with content and ads load in web browsers, such as CNN.com (Youtube video), the experience can be very clunky and unpleasant for all users; not to mention how much of their monthly allotted data is used up loading all those resources. For screen reader users, it’s exacerbated: visual content streams in while an auditory progress counter struggles to reach 100% so the page can be consumed.
wd  wd-accessibility  wd-performance 
march 2018
How do you design a design doc? – Dropbox Design – Medium
When you think about design, the word “documentation” probably isn’t the first thing that comes to mind. But documentation is a key part of the design process for many teams.
design  design--patterns  wd  wd-styleguide 
march 2018
Questions To Ask Before Building a Component Library | Chromatic
At this point it feels safe to say that component-based design and development is here to stay. Gone are the days of designing and building pages in isolation. Instead, we're building collections of components that all follow a shared design system and can be used anywhere on any page. This is increasing the consistency and predictability of our user experiences. It's also speeding up our development.
wd  wd-styleguide 
march 2018
Accessible Landmarks | scottohara.me
Landmarks can be useful to screen reader users as they can be used to help orient a user to, and easily navigate, an appropriately structured web page or application screen.
wd  wd-accessibility  wd-accessibility--aria 
march 2018
« earlier      
color data design design--inclusive design--logos-and-branding design--objects design--patterns design--sketch design--terminology design--typography geography geography--china geography--japan git humor internet language law mac mac--apple-tv mac--apps mac--ios maps math psychology sociology technology technology--computer-hardware unicode-and-emoji ux ux--content ux--conversational ux--dark-patterns ux--device ux--haptic ux--ia ux--patterns ux--personas ux--states ux--testing ux--tools wc-css wd wd-accessibility wd-accessibility--aria wd-accessibility--audio wd-accessibility--contrast wd-accessibility--focus wd-accessibility--hiding-content wd-accessibility--images wd-accessibility--interactive wd-accessibility--tabindex wd-accessibility--tools wd-accessibility--video wd-accessibility--wcag wd-animation wd-approach wd-browser wd-browser--battery wd-browser--cookie wd-browser--notification wd-browser--support wd-browser--url wd-buildtools--grunt wd-buildtools--gulp wd-buildtools--npm wd-buildtools--webpack wd-cms wd-cms--kirby wd-cms--koken wd-cms--metalsmith wd-cms--netlify wd-cms--orchard wd-cms--wordpress wd-cms--yellow wd-color wd-css wd-css--background wd-css--borders wd-css--centering wd-css--element-query wd-css--filters wd-css--flexbox wd-css--functional wd-css--gradient wd-css--grid wd-css--layout wd-css--pseudo wd-css--selectors wd-css--variables wd-email wd-formatting wd-forms wd-forms--button wd-forms--input wd-forms--label wd-forms--password wd-forms--progress wd-forms--search wd-forms--select wd-forms--slider wd-forms--switches wd-forms--validation wd-framework wd-framework--css wd-framework--frontend wd-graphs wd-grid wd-hosting wd-html wd-html--amp wd-html--iframe wd-html--microdata wd-html--rel wd-html--semantics wd-html--web-components wd-images wd-images--background wd-images--favicon wd-images--icon wd-images--optimization wd-images--ratios wd-images--responsive wd-images--sprites wd-images--svg wd-input wd-input--drag-and-drop wd-input--keyboard wd-input--pointer wd-input--touch wd-interface wd-interface--accordion wd-interface--autocomplete wd-interface--breadcrumb wd-interface--carousel wd-interface--coachmark wd-interface--cursor wd-interface--datepicker wd-interface--editor wd-interface--filtering wd-interface--gallery wd-interface--lightbox wd-interface--menu wd-interface--modal wd-interface--pagination wd-interface--progress wd-interface--scrolling wd-interface--slideshow wd-interface--sticky wd-interface--tabs wd-interface--tags wd-interface--thumbnail wd-interface--toast wd-interface--toc wd-interface--tooltip wd-js wd-js--angular wd-js--d3 wd-js--ember wd-js--jquery wd-js--knockout wd-js--meteor wd-js--moment wd-js--promises wd-js--raphael wd-js--react wd-js--service-workers wd-js--this wd-js--vanilla wd-js--vue wd-js--zepto wd-less wd-linting wd-localisation wd-media wd-media--audio wd-media--bigscreen wd-media--embeds wd-media--print wd-media--vertical wd-media--video wd-performance wd-performance--conditional wd-performance--lazyload wd-performance--localstore wd-performance--offline wd-performance--perceived wd-performance--prefetch wd-polyfill wd-postcss wd-pwa wd-responsive wd-responsive--js wd-sass wd-sass--extend wd-sass--maps wd-sass--media-queries wd-sass--mixin wd-sass--variables wd-server wd-src--a-list-apart wd-src--adactio wd-src--bitsofcode wd-src--cloud-four wd-src--codyhouse wd-src--creative-bloq wd-src--css-tricks wd-src--google-developers wd-src--lullabot wd-src--medium wd-src--nn-group wd-src--notist wd-src--paciello-group wd-src--quirksmode wd-src--sitepoint wd-src--sixrevisions wd-src--smashing wd-src--thenewcode wd-src--tympanus wd-src--ux-magazine wd-src--uxbooth wd-src--uxmatters wd-src--webaim wd-styleguide wd-tables wd-tables--responsive wd-tables--sorting wd-testing wd-typography wd-typography--icon-font wd-typography--modular-scale wd-typography--opentype wd-typography--rendering wd-typography--type-locks wd-units wd-uses--bower wd-uses--cdnjs wd-uses--coffeescript wd-uses--component wd-uses--github wd-uses--homebrew wd-uses--npm wd-uses--packagist wd-uses--ruby wd-uses--yarn

Copy this bookmark:



description:


tags: