#web (4,377 links)
- The Guardian digital design style guide design.theguardian.com
Defaulting to a scrollable presentation-style walkthrough works really well.
What are Gatsby themes? Using a Gatsby theme, all of your default configuration (shared functionality, data sourcing, design) is abstracted out of your site,…
- Managing Z-Index In A Component-Based Web Application — Smashing Magazine smashingmagazine.com
About The Author Pavel Pomerantsev occupies himself by writing code and has only the most superficial understanding of life beyond the Web platform. You can…
- Writing Resilient Components — Overreacted overreacted.io
- Architecting UIs for Change joreteg.com
- Humane by Design humanebydesign.com
A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.
- Running Lighthouse in CircleCI offbyone.tech
- How to Section Your HTML | CSS-Tricks css-tricks.com
The sectioning elements in HTML5 are <nav> , <aside> , <article> , and <section> . <body> is also kind of a sectioning element since all content lying inside of…
- Relearn CSS layout: Every Layout every-layout.dev
Relearn CSS layout If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a…
- An Introduction to ARIA States | a11y with Lindsey a11ywithlindsey.com
Hey friends! Today’s blog post comes to you from my Patreon folks’ poll. It’s a follow up from one of my previous posts about Demystifying ARIA. ARIA can be…
- Paper Trails — How We Made It medium.com
Adam Brewer May 13 Concept There are two kinds of developers: those who have side projects and those who are looking for their next side project. A lot of what…
Learn how to build good navigation UX with the Portals API. May 5, 2019 Yusuke Utsunomiya Making sure your pages load fast is key to delivering a good user…
- The Web Developer's Guide to DNS rjzaworski.com
Between the zillions of JavaScript bundles, cat videos, and banner ads that arethe web, it’s easy to forget that something –in fact, several somethings –have to…
- Revisiting the rendering tier theguardian.com
The road to a better developer experience is long and winding.Photograph: Arnd Wiegmann/Reuters The 2019 incarnation of theguardian.com began life around six…
- Yet Another JavaScript Framework | CSS-Tricks css-tricks.com
On March 6, 2018, a new bug was added to the official Mozilla Firefox browser bug tracker. A developer had noticed an issue with Mozilla's nightly build. The…
- How we made the country’s most accessible grocery shopping app (without anyone noticing). - Justin Stach justin.stach.uk
March 27, 2019 How we made the country’s most accessible grocery shopping app (without anyone noticing). Feedback we live for Getting buy-in Make a compelling…
- How to Avoid the “Boolean Trap” When Designing React Components spicefactory.co
Some time ago, Bootstrap became a really big thing. And the patterns we learnt back then continue to be part of our development process. But using CSS…
Earlier this month I was invited to give an evening lecture at the Typography Society of Austria ( tga ) in Vienna. I was honoured to do so, as it meant…
- Accessibility Insights accessibilityinsights.io
- I built a Progressive Web App and published it in 3 app stores. Here’s what I learned. medium.freecodecamp.org
One month of work, several hundred dollars, and lots of red tape. JudahGabriel Himango Apr 25, 2018 I recently published Chavah Messianic Radio , a Pandora-like…
- Focusing on Focus Styles | CSS-Tricks css-tricks.com
Not everyone uses a mouse to browse the internet. If you’re reading this post on a smartphone, this is obvious! What’s also worth pointing out is that there are…
- You probably don't need a single-page application • The Plausible journal journal.plausible.io · Archived on
January 29, 2019 The meteoric rise of front-end frameworks like React, Angular, Vue.js, Elm, etc. has made single-page applications ubiquitous on the web. For…
- Using CSS Grid the right way vgpena.github.io
CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to…
- Mozilla X-Ray Goggles goggles.mozilla.org
- Performance regression tests on every pull request with Lighthouse and CircleCI stuartsandine.com · Archived on
Web performance is important for a whole bunch of reasons, notably including user experience and the bottom line . And with our fancy 2019 JavaScript…
- No More Google nomoregoogle.com
- Learn Vanilla JS learnvanillajs.com
- The Elements of UI Engineering - Overreacted overreacted.io
If you worked a user interface, you’ve likely dealt with at least some of these challenges — either directly or using a library.
- Everyone has JavaScript, right? kryogenix.org
Your user requests your web app Has the page loaded yet? “All your users are non-JS while they're downloading your JS” — Jake Archibald Did the HTTP request for…
Scott O'Hara 13 Dec ember 2018 Published in Code No comments I would like to begin by saying 2018 was the year that we, as developers, visual designers, browser…
- Immutable Web Apps immutablewebapps.org
Introduction Immutable Web Applications is a framework-agnostic methodology for building and deploying static single-page applications that: Minimizes risk and…
- What I Learned in Six Years at GDS ◆ 24 ways 24ways.org
Anna Shipman 8 Dec ember 2018 Published in Business No comments When I joined the Government Digital Service in April 2012, GOV.UK was just going into public…
7 Dec ember 2018 Published in Code No comments An important part of designing user interfaces is creating consistent vertical rhythm between elements. Creating…
This page shows how language specific quotation marks are set with CSS andthe unicodecharacters for the typographical quotes used in several languages. The…
3 Dec ember 2018 Published in UX No comments Happy United Nations International Day of Persons with Disabilities 2018 ! The United Nations chose “Empowering…
- Micro Frontends - extending the microservice idea to frontend development micro-frontends.org
Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks . What are Micro Frontends? The term…