#web (4,377 links)
- CSS Blocks css-blocks.com
- Chromatic visual testing for React chromaticqa.com
- Inlining or Caching? Both Please! | Filament Group, Inc., Boston, MA filamentgroup.com
Posted by Scott 11/13/2018 Last week, I was finishing a section of my slides for a presentation at the Performance.Now() conference . In it, I was exploring…
- Redesigning your product and website for dark mode stuffandnonsense.co.uk
Implementing dark mode is easy, but designing for it is less so. Here are some things you should consider when designing a dark mode version of your product or…
- Start Performance Budgeting addyosmani.com
If you're building a web experience and want to stay fast, a performance budget can be critical . For success, embrace performance budgets and learn to live…
- Next.js 7 | Hacker News news.ycombinator.com
We use a bunch of Zeit’s tools (particularly Next.js and its static export feature) at Common (https://www.common.com — we’re hiring!), and they’re consistently…
Raise your hands if you love the notch on iPhone X, XS, XR or XS Max! Okay, not many hands went up there, but I’m sure as a developer you do love some extra…
- The "Developer Experience" Bait-and-Switch | Infrequently Noted infrequently.org
TL;DR : we cannot continue to use as much JavaScript as is now “normal” and expect the web to flourish. At the same time, most developers experience no…
- Game console browsers console.maban.co.uk
A collection of information about the browsers in game consoles
- Progressive Tooling progressivetooling.com
- The Font Loading Checklist—zachleat.com zachleat.com
The Font Loading Checklist 30 Aug 2018 Zach Leatherman 3 min read When I look back at the last four years that I’ve spent learning everything I could about web…
- How do you mark up an accordion? sarasoueidan.com
I made a poll on Twitter the other day asking the #lazyweb how they would mark up an FAQ section — or a list of questions and their corresponding answers. I…
- Google Structured Data Codelab codelabs.developers.google.com
Add structured data to your web pages.
- Redux vs. The React Context API daveceddia.com
React 16.3 added a new Context API – new in the sense that the old context API was a behind-the-scenes feature that most people either didn’t know about, or…
- StyleURL - share CSS tweaks instantly styleurl.app
- Introducing Kit compositor.io
- Identifying, Auditing, and Discussing Third Parties – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts csswizardry.com
Written by on CSS Wizardry . A large part of my performance consultancy work is auditing and subsequentlygoverning third-party scripts, dependencies, and their…
- Cutting the Mustard with CSS Media Queries — SitePoint sitepoint.com
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…
- Creating Accessible React Apps - YouTube youtube.com
React is a great way to create reusable, modular components that can be shared among projects. But how do you ensure your React apps are usable by all? Scott…
- HTML5 Constraint Validation noti.st
HTML5BRISTOL JSCONSTRAINTVALIDATION@drewm FORMS AREHARD. YOU’RE LAZY ANDYOUR CODE SUCKS. BROWSERS AREHERE TO SAVE US. HTML5 CONSTRAINT VALIDATION1.Users enter…
- A Guide To The State Of Print Stylesheets In 2018 smashingmagazine.com
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…
- gridtoflex.com gridtoflex.com
Grid to Flex Flexbox fallbacks for popular UI solutions that use CSS Grid. CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge…
<input type="number"> will open a numeric software keyboard on modern mobile operating systems. Not every user can input decimal numbers into this convenient…
- Notes on `lang` codepen.io
There’s lots going on with lang , the global attribute that defines the language an element contains . Information about it is scattered, so I’ve collected here…
- Lazy Loading Images and Video | Web Fundamentals | Google Developers developers.google.com
The portion of images and video in thetypical payload of a website can be significant. Unfortunately, projectstakeholders may be unwilling to cut any media…
- security.txt securitytxt.org
security.txt # Our security addressContact: mailto:[email protected]# Our PGP keyEncryption: https://example.com/pgp-key.txt# Our security policyPolicy:…
- Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion | CSS-Tricks css-tricks.com
Gosh bless the <details> element. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work. See the Pen…
Add Services - Contribute Change Log Product Hunt Ask Questions 📧Email 🆘Backup 🛡️VPN 💰Cryptocurrency 💱Exchanges 📞Communication 🖥Hosting 👩💻Browser 🔒Encryption…
- Designing Button States cloudfour.com
Buttons are a staple of any design system. The best ones are simple, versatile, maybe even a little fun. But there’s a lot of hidden complexity in these jolly,…
- Stencil: A Compiler for Web Components - Stencil stenciljs.com
Stencil: A Compiler for Web Components Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best…
- Standardizing lessons learned from AMP – Accelerated Mobile Pages Project amphtml.wordpress.com
For over two years, AMP has been a leading format for creating consistently excellent user experiences on the web, and Google continues to invest strongly in it…
- Measuring the Hard-to-Measure – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts csswizardry.com
Written by on CSS Wizardry . Last night I gave a performance-oriented talk at the wonderful DaFED event in Novi Sad, Serbia. In the talk, I go intodetail about…
- Third party CSS is not safe - JakeArchibald.com jakearchibald.com
Posted 27 February 2018 A few days ago there was a lot of chatter about a 'keylogger' built in CSS . Some folks called for browsers to 'fix' it. Some folks dug…
- Your Interactive Makes Me Sick - Features - Source: An OpenNews project source.opennews.org
Picture this: you’re sitting in a car, and the car next to you starts to pull forward. For a moment you feel like you’re moving backwards. That brief feeling of…
- Responsive Image Maps patrickkettner.com
December 31, 2017 Working on a browser , I constantly get to research and play with new, cutting-edge features. It can be a ton of fun to picture what the…
- Notifications inclusive-components.design
The key difference between a website and a web app is… highly contested. On the whole, I'd say the more links there are, the more site-like, and the more…
- How GPDR Will Change The Way You Develop smashingmagazine.com
Europe’s imminent privacy overhaul means that we all have to become more diligent about what data we collect, how we collect it, and what we do with it. In our…
CSS variables are the next big thing and their power is often underestimated. People call them “CSS variables”, which doesn’t describe their actual behavior…
Lots of companies want to collect data about their users. This is a good thing, generally; being data-driven is important, and it’s jolly hard to know where…
- mermaid · GitBook mermaidjs.github.io
The best practice is to leave the default link behavior alone. Usually, this means that the link on a website will open in that same window or tab. Ideas we…
- Tag Manager Chat with Vector Media Group | Trent Walton trentwalton.com
Tag Manager Chat with Vector Media Group Longtime friend and collaborator, Matt Weinberg from Vector Media Group recently asked if I’d like to chat with…
- The fate of 'Target Size' | INCOBS incobs.de
main content activities product groups Current location You are here: Home Articles The fate of 'Target Size' Work on a computer Use the internet Make calls and…
- Making SVG icon libraries for React apps – Nicolas Gallagher nicolasgallagher.com
Using SVG is currently the best way to create icon libraries for apps. Iconsbuilt with SVG are scalable and adjustable, but also discrete, which allowsthem to…
Ask any team that works with a design system, and you’ll find the benefits are clear—designers and developers are more productive, products are more consistent,…