Search

Nalezeno "see": 1531

How You Might Build a Modern Day Webring


I’m sure different people picture different things when they think about webrings, so let me clarify what I picture. I see an element on a website that: Signifies this site is part of a webring Allows you to move to the next or previous site of the webring Maybe has other functionality like...

A Dynamically-Sized Sticky Sidebar with HTML and CSS


Creating page content that sticks to the viewport as you scroll, something like a jump-to-anchor menu or section headings, has never been easier. Throw a position: sticky into your CSS ruleset, set the directional offset (e.g. top: 0) and you’re ready to impress your teammates with minimal effort....

Copyediting with Semantic HTML


Tracking changes is a quintessential copyediting feature for comparing versions of content. While we’re used to tracking changes in a word processing document, we actually have HTML elements capable of that. There are a lot of elements that we can use for this process. The main ones we’ll look...

US Banks Face a Massive Commercial Real Estate Crisis Looming on the Horizon


Financial incumbents may face a harsh reality soon, as a commercial real estate crisis has threatened the profits from America’s largest banks. A number of reports show that banks with a large amount of commercial real estate in their portfolios may see a significant fallout in the next...

Citibank Executive Says Bitcoin Will Trade at $318,000 by End of 2021


Citibank Group’s Global head of Citifxtechnicals product, Tom Fitzpatrick expects to see the price of bitcoin peaking at $318,000 by end of 2021. Although he concedes that his prediction might seem improbable, Fitzpatrick argues that such a surge will still be the weakest rally for...

ARIA in CSS


Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see...

How to Animate the Details Element Using WAAPI


Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2011. In this article, we will see how you can animate the native <details> element using the Web Animations...

Core Web Vital Tooling


I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make stuff smaller! And while those are all very related to web performance, they are abstractly related. Actual web performance to users are things...

Announcing the 2020 State of CSS Survey


Last year’s State of CSS Survey yielded interesting results. There’s the quick adoption of features, like calc() and CSS custom properties. There’s also the overwhelming opinion that CSS is fun to write even as we see a growing reliance on CSS-in JS. We also saw some predictable...

The :focus-visible Trick


Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element. But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...

How to Conditionally Add Attributes to Objects


JavaScript is full of tricks that you don’t know you want until you … want … them. Or maybe just until you see them. One trick I recently realized was conditionally adding attributes to React elements. Of course this trick essentially boils down to conditionally adding properties...

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