Search

Nalezeno "Web": 2193

Styling Web Components


Nolan Lawson has a little emoji-picker-element that is awfully handy and incredibly easy to use. But considering you’d probably be using it within your own app, it should be style-able so it can incorporated nicely anywhere. How to allow … The post Styling Web Components appeared first...

JavaScript Wake Lock API


An enjoyable web apps rely on engineers implementing the APIs that cover all of the small things. Those small things sometimes improve performance, usability, accessibility, and the app’s relationship with its host system. The Wake Lock API is the latter — an API that allows developers...

You want minmax(10px, 1fr) not 1fr


There are a lot of grids on the web like this: .grid { display: grid; grid-template-columns: repeat(3, 1fr); } My message is that what they really should be is: .grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr)); } Why? In … The post You want minmax(10px, 1fr)...

Awesome Demos Roundup #19


A large collection of fantastic web experiments that were made in the past couple of weeks. The post Awesome Demos Roundup #19 appeared first on Codrops

Collective #645


State of JS 2020 Results * JPEG.rocks * ILT's Favorite Fonts * Responsible Web Applications * Noise Planets The post Collective #645 appeared first on Codrops

Scrollbars on Hover


First, scrollbars are a usability and accessibility thing. Second, a rule of thumb: if an area scrolls, it should have a visible scrollbar. But the web is a big place and I like tricks, so I’m going to cover the … The post Scrollbars on Hover appeared first on CSS-Tricks. You...

New in Chrome 88: aspect-ratio


And it was released yesterday! The big news for us in CSS Land is that the new release supports the aspect-ratio property. This comes right on the heels of Safari announcing support for it in Safari Technology Preview 118, … The post New in Chrome 88: aspect-ratio appeared first...

Lightweight Form Validation with Alpine.js and Iodine.js


Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript … The post Lightweight Form Validation with...

Life with ESM


ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends. Browsers support it these days. There is plenty of nuance, but as long as you’ve dropped IE, the door is fairly open. Before ESM, the situation for JavaScript … The post Life with ESM appeared first...

On Type Patterns and Style Guides


Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well for me. I’ll dig into what they are and how they can … The post On Type Patterns and Style Guides appeared first on CSS-Tricks. You...

State of JavaScript 2020


We rounded up a bunch of published 2020 annual reports right before the year ended and compiled them into a big ol’ list. The end of the list called out a couple of in-progress surveys, one of which was … The post State of JavaScript 2020 appeared first on CSS-Tricks. You can support...

Building a Decentralized and Uncensorable Internet — The Nexus Protocol


PRESS RELEASE. On December 21st, 2020, the Nexus Protocol white paper was released. The new internet will be driven by a blockchain-based operating system (LX-OS) and communications protocol (Nexus Protocol), that will be connected by a distributed satellite-based mesh network. The white paper...

3 Approaches to Integrate React with Custom Elements


In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: custom elements are fully-functional HTML elements that work in all modern … The post 3 Approaches to Integrate React with Custom Elements...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace