#web (4,377 links)
- Creating an Accessible React Website - Paul Cowan thesoftwaresimpleton.com
I’ve recently been working on an online application form in the form of a multistep wizard that had strict accessibility requirements. I’ve never worked on a…
Managing Font Loading CSS Was Painful—Not Anymore 01 November 2017 Read in about 1 minute One of the most painful pieces of maintaining a web font loading…
- A Responsive Accessible Table adrianroselli.com
November 2, 2017 ; Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use…
- My approach to using z-index – Hacker Noon hackernoon.com
The last time I got straight to the point people seemed to appreciate it. So… The short version Categorise all uses of z-index as either local or global. Local…
A Bone to Pick with Skeleton Screens , Senior User Experience Designer , and User Experience Designer Article Categories: #Design & Content , #User Experience ,…
André Staltz The Web began dying in 2014, here's how 30 Oct 2017 Before the year 2014, there were many people using Google, Facebook, and Amazon. Today, there…
sonar a linting tool for the web Getting Started Try it online Build better websites with sonar Accessibility, security, interoperability and more! The web is…
- Collapsible Sections inclusive-components.design
Collapsible sections are perhaps the most rudimentary of interactive design patterns on the web. All they do is let you toggle the visibility of content by…
*TL;DR*: performance budgets are an essential but under-appreciated part of product success and team health. Most partners we work with are not aware of the…
“Snowfall” has become a verb in many newsrooms after The New York Times launched its beautiful multimedia project earlier this year. Though the format was…
- 20 beautiful examples of "Snowfall" style interactive storytelling - Web Directions webdirections.org
20 beautiful examples of “Snowfall” style interactive storytelling By: Tweet: @maxine July 19, 2013 Yesterday an article on Medium, Snowfallen , caught my eye.…
Sometimes we make links look like buttons. Sometimes we make buttons look like links. This is unfortunate. Maybe there is something we can do about this. Let’s…
- Lazy loading with inline SVG codepen.io
A Pen By 18,449 Lazy loading with inline SVGs. Using inline SVGs to create lightweight thumbnails that creates a better before experience compared to blurred…
- The Web Share API Is Here :) – codeburst codeburst.io
Share your audio recordings on Voice Record Pro One of the coolest APIs is available now as of Chrome 61! The Web Share API is a JavaScript API that let’s you…
- Rebuilding slack.com – Several People Are Coding slack.engineering
A redesign powered by CSS Grid and optimized for performance and accessibility. Illustrations by Alice Lee . In August, we released a major redesign of…
- Service Worker Registration | Web Fundamentals | Google Developers developers.google.com
Serviceworkers can meaningfully speed up repeat visits to your web app, but you should takesteps to ensure that a service worker's initial installation doesn't…
- summary_large_image images.guide
We should all be automating our image compression. In 2017, image optimization should be automated. It's easy to forget, best practices change, and content that…
- CSS Grid Gotchas And Stumbling Blocks – Smashing Magazine smashingmagazine.com
In March this year, CSS Grid shipped into production versions of Chrome, Firefox and Safari within weeks of each other. It has been great to see how excited…
- Introducing Cloudflare Workers: Run Javascript Service Workers at the Edge blog.cloudflare.com
TL;DR: You'll soon be able to deploy Javascript to Cloudflare's edge, written against an API similar to Service Workers. Try writing a Worker in the playground…
- Portals - React facebook.github.io
Edit on GitHub Portals Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.…
- Designing Websites for iPhone X webkit.org
Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the…
- Killing Old Service Workers for the Greater Good – Hackages Blog blog.hackages.io
Killing Old Service Workers for the Greater Good Recently at Hackages, we ran into the following problem: we had our website at https://www.hackages.io and then…
iOS 11 brings some new, perhaps unintuitive, behaviour around the status bar area which will be particularly important for developers using tools like Apache…
- Performance Budget gist.github.com
Front-end Performance The Case for FED Performance Optimisation A fast website is essential for a good user experience (UX), conversion and findability.…
HTTP/1 vs HTTP/2 by LoadImpact Loadimpact gathers all resources from your URL, fetches those resources from their own server using HTTP/2 and give you some neat…
- Tame your Service Worker before your Progressive Web App go into the wild by Maxim Salnikov slides.com
before your PWA go into the wild Maxim Salnikov @webmaxru Tame your Service Worker How to build fast, offline-ready, user-friendly web apps And enjoy doing this…
- Removing the White Bars in Safari on iPhone X stephenradford.me
The new iPhone X features a beautiful edge-to-edge display. Well, almost. There is the small issue of a notch at the top of the browser which doesn't cause an…
- Basic grid layout with fallbacks using feature queries chenhuijing.com
I’ve been using CSS grid (which henceforth will be referred to as Grid) for quite a bit now, and although I often talk about how we can use grid to make all…
I recently had the opportunity to speak at Web Directions Code 2017 over in Melbourne. While there, I was part of a panel with Mark Dalgleish and Glen Maddern…
- Deploying ES2015+ Code in Production Today — Philip Walton philipwalton.com
Most web developers I talk to these days love writing JavaScript with all the newest language features—async/await, classes, arrow functions, etc. However,…
To engage readers, build community, and strengthen journalism, Mozilla’s open-source commenting platform will be integrated across washingtonpost.com this…
Web layouts evolve pretty quickly. First we used tables, next, floats and positioning, then inline block made a short appearance, followed by the almighty…
- iOS doesn’t support Progressive Web Apps, so what? cloudfour.com
One common argument for why organizations aren’t investing in Progressive Web Apps is that iOS doesn’t support them. Hogwash. Here’s why organizations should…
- Yes, That Web Project Should Be a PWA alistapart.com
- Categories land in the Web App Manifest aaron-gustafson.com
Starting in early May, Rob Dolin began advocating for adding a categories member to the Web App Manifest spec . It was something we’d been discussing for a…
- Approaches to testing React components - an overview reactkungfu.com
Share: Follow: Follow Dynamic user interfaces began to be an important feature for today web applications. To maintain quality, they must be tested properly.…
- Offline-Friendly Forms mxb.at
Forms on the web don't usually play nice with bad connections. If you're trying to submit a form while offline, you'll most likely just lose your input. Here's…
- Integrating Animation into a Design System alistapart.com
Keeping animation choreography cohesive from the outset of a project can be challenging, especially for small companies. Without a dedicated motion specialist…
Create high-fidelity, interactive web archives of any web site you browse Create New Collection New! Browse your archives offline with Webrecorder Desktop…
- Inclusive Components inclusive-components.design
Inclusive Components Inclusive Components Home The components About the project A blog trying to be a pattern library. All about designing inclusive web…
- Me on React: an old dog with new tricks remysharp.com
Over the years I've been consistently uninterested in using the new slew of frameworks and libraries that have been released. By no means is this because…
- Industries Dive into Schema.Org Extensions and Semantic Web Technologies - DATAVERSITY dataversity.net · Archived on
The schema.org Global Semantic Vocabulary expands its reach through means including hosted/reviewed and external extensions. The former is managed and published…
- Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS vuejsdevelopers.com
“Eliminate render-blocking JavaScript and CSS” . It’s the one Google Page Speed Insights suggestion that I always get stuck with. When a web page is accessed,…
Paul Kinlan I like Progressive WebApps . I like the modelit offers for how you build good, solid, reliable web sites and apps. I likethe principle platform API…
- The Critical Request | CSS-Tricks css-tricks.com
Serving a website seems pretty simple: Send some HTML, the browser figures out what resources to load next. Then we wait patiently for the page to be ready.…
- Please Stop "Fixing" Font Smoothing · The Usability Post usabilitypost.com
I wrote two posts on the topic of WebKit font smoothing before, but unfortunately the situation has grown worse since then. In allowing the designer to pick…
Here is one of form validation error messages that made me laugh aloud : “invalid last name. Please enter a valid last name”. The form (or the souls that coded…
- Disabled buttons suck - Axess Lab axesslab.com
Why I got pissed and decided to write this A couple of weeks ago I got this comment at an event: I really have to go now, but add me on Facebook and we can…
- Tooltips & Toggletips inclusive-components.design
Tooltips — affectionately misnomered as "tootlips" by my friend Steve — are a precariously longstanding interface pattern. Literally "tips for tools", they are…