As a UX designer, it is important to build empathy and celebrate accessibility requirements as a set of design constraints to build a…

Read this page on the Filament Group website

⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time - GoogleChromeLabs/quicklink

Diana Smith | UI Engineer / Developer / Software - Diana Smith aka cyanHarlow

At a certain stage in a project, someone always says: ‘We need icons!' We need to ensure that people who can’t see or recognize these icons can understand their purpose.

Does Google show you different search results based on your personal info, even when signed out and in so-called "incognito" mode? We ran a study to find out.

Alan Dalton reaches for the glistening box of accessibility guidelines under the tree and unwraps them, taking his time to explain each carefully as he does so. Born unto you is a new guideline, and i…

Much like their physical counterparts, the materials we use to build websites have purpose. To use them without understanding their strengths and

Learn how to bring animation to your web projects. Contribute to cssanimation/css-animation-101 development by creating an account on GitHub.

Glaucoma is a condition affecting the optic nerve in the eye. It is detrimental to your health and can lead to loss of vision. While it is advisable to consult a physician for a drug prescription, it …

Treating glaucoma naturally is easier than you think when using the right supplements, herbs, and essential oils known to balance intraocular eye pressure.

Bron Shadline is the semi-outline and lighter variation of the original Bron typeface. The outline adds an extra vibrancy, more contrast

There are some interesting differences between how currentColor and custom properties work. Both are examples of dynamic properties in CSS…

Builds upon Codrops sidebar effects demos (specifically the push effect). Customize accordingly to your needs. Tab focus on the menu button and the pa...

Macula typeface by Jacques Le Bailly inspired by M.C. Escher and impossible shapes.

With variable fonts, more typographic richness and influence is coming to the web and this at a relatively low file size. You want to benefit from that in your next web project, but still, you don’…

Client-Side JavaScript Site Generator. Contribute to chrisdiana/cms.js development by creating an account on GitHub.

Automatic UI Color Palette Generator

A lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes. - v...

hiraku.js is a jQuery plugin to create additional space especially for mobile layout.

Eva Icons is a pack of 480 delightful icons available for free. Download Eva Icons to use them in your products for mobile and web apps. Available as SVG, PNG, Web Font and Sketch. Open Source, built by the Nebular team.

Van11y, for Vanilla-JS Accessibility, is a collection of accessible scripts, powered by ES2015

A prototyping system built with web components and the Houdini Paint API - Heydon/bruck

A front-end boilerplate using Gulp as build tool and Nunjucks as templating engine - ZiggyV/gulp-sass-nunjucks-boilerplate

Freelance web developer and coder.

A bash script for generating trusted self-signed SSL certs for local development on your Mac - kingkool68/generate-ssl-certs-for-local-development

How can CSS impact network and resource-loading performance? Can things be that serious?

I recently read this article by Keith Grant which introduced the newly arrived . Excited by this new UI element, I immediately sat down to experiment with