Search

Nalezeno "The Block": 2124

Native Image Lazy Loading in Chrome Is Way Too Eager

5.2.2020
Interesting research from Aaron Peters on <img loading="lazy" ... >: On my 13 inch macbook, with Dock positioned on the left, the viewport height in Chrome is 786 pixels so images with loading="lazy" that are more than 4x the viewport down the page are eagerly fetched by Chrome...

CSS4 is a Bad Idea

5.2.2020
Louis Lazaris, reacting to the idea of CSS4: The reason “CSS3” worked is because it was real. It was the successor to “CSS2.1”. Everything after CSS2.1 was considered to be under the umbrella of “CSS3”. The gist is that CSS4 isn't real, so won't work, and we don't need it anyway. Perhaps...

Select an Element with a Non-Empty Attribute

5.2.2020
Short answer: [data-foo]:not([data-foo=""] { Longer answer (same conclusion, just an explanation on why we might need this): Say you have an element that you style with a special data-attribute: <div data-highlight="product"</div You want to target that element and do special things when...

CSS4

4.2.2020
Tab Atkins in 2012: There has never been a CSS4. There will never be a CSS4. CSS4 is not a thing that exists. Rachel Andrew in 2016: While referring to all new CSS as CSS3 worked for a short time, it doesn’t reflect the reality of where CSS is today. If you read something...

Overcomplicatin’

4.2.2020
There's some famous quote that goes something like... When we're young, we make simple things because that's all we know. Then we learn how to make complex things so we make complex things. When we grow old, we learn to make simple things again. Brad recently wrote about this abstractly in regard...

Get Moving (or not) with CSS Motion Path

3.2.2020
We just linked up the idea that offset-path can be cleverly used to set type on a path. Don't miss Michelle Barker's experimentation either, with drawing paths or animating text along a path. Dan Wilson has also been following this tech for quite a while and points out why the sudden surge...

“resize: none;” on textareas is bad UX

30.1.2020
Catalin Rosu: Sometimes you need to type a long reply that consists of many paragraphs and wrapping that text within a tiny textarea box makes it hard to understand and to follow as you type. There were many times when I had to write that text within Notepad++ for example and then just paste...

Understanding Immutability in JavaScript

30.1.2020
If you haven’t worked with immutability in JavaScript before, you might find it easy to confuse it with assigning a variable to a new value, or reassignment. While it’s possible to reassign variables and values declared using let or var, you'll begin to run into issues when you try that with...

Resizing Values in Steps in CSS

30.1.2020
There actually is a steps() function in CSS, but it's only used for animation. You can't, for example, tell an element it's allowed to grow in height but only in steps of 10px. Maybe someday? I dunno. There would have to be some pretty clear use cases that something like background-repeat: space...

What does “revert” do in CSS?

28.1.2020
Miriam Suzanne has a Mozilla Developer video on the subject. The revert value is fairly new, supported in Firefox and Safari, but not yet in Chrome-world. We've already got a couple of related keywords that work on any property which are meant to help control inheritance and reset values....

Woodworking SVG (and Other Real Life Encounters)

27.1.2020
Eric Meyer does his woodworking math in SVG. I’ve been hand-coding SVG schematics to figure out how thing should go together, and as a by-product, guide me in both material buying and wood cutting. This might sound hugely bespoke and artisanally overdone, but they’re not that complicated, and...

Bitcoin Gold 51% Attacked – Network Loses $70,000 in Double Spends

26.1.2020
The Bitcoin Gold (BTG) network suffered another set of 51% attacks on January 23-24, as roughly 29 blocks were removed in two deep blockchain reorganizations (reorgs). Reports indicate that more than 7,000 BTG was double spent as the chain suffered a loss of $70,000 in two days. Also read: Bitcoin...

“Browser Functions”

26.1.2020
Serverless functions are fairly straightforward. Put a bit of back-end language code, like Node, in the cloud and communicate with it via URL. But what if that URL didn't run a back-end language, it ran an actual browser? Richard Young: We can now do full stack development using just Web APIs....

Bundling JavaScript for Performance: Best Practices

24.1.2020
Performance advice from David Calhoun on how many scripts to load on a page for best performance: [...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...

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