Search

Nalezeno "Code": 1642

Is CSS float deprecated?

12.2.2021
An interesting conversation came up at work the other day: Should we use the CSS float property now that we have CSS Grid and Flexbox? The short answer No! Well, mostly. I’d only use it today for wrapping text around … The post Is CSS float deprecated? appeared first on CSS-Tricks. You...

iframe feedback

11.2.2021
What if an <iframe had within it another <iframe of the exact same source? Inception, as they say. Baptise Crespy does this all-important research in the name of art and science. Turns out browsers are smart enough to not … The post iframe feedback appeared first on CSS-Tricks. You...

HTML Video Sources Should Be Responsive

11.2.2021
Scott Jehl doesn’t mince words here: Removing media support from HTML video was a mistake. It means that for every video we embed in HTML, we’re stuck with the choice of serving source files that are potentially too large or … The post HTML Video Sources Should...

:focus-visible Support Comes to Firefox

10.2.2021
Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday. I had to rush over to the MDN Docs just to confirm, and yep, the :focus-visible page has been updated to … The post :focus-visible Support Comes to Firefox appeared first...

How to Favicon in 2021

10.2.2021
I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons. The final suggestion: <link rel="icon" href="/favicon.ico" … The post...

A table with both a sticky header and a sticky first column

10.2.2021
We’ve covered that individual <table> cells, <th> and <td> can be position: sticky. It’s pretty easy to make the header of a table stick to the top of the screen while scrolling through a bunch or rows (like this … The post A table with both a sticky...

SVG within CSS

8.2.2021
Stefan Judis has a “Today I Learned” (TIL) post explaining how SVGs filters can be inlined in CSS. The idea is that CSS has the filter property which supports some built-in functions, like grayscale(100%) and stuff like that. But … The post SVG within CSS appeared first...

Animating a CSS Gradient Border

8.2.2021
This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...

Some Typography Blog Posts I’ve Bookmarked and Read Lately

4.2.2021
Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird. The good line-height — Since … The post Some Typography Blog...

Lazy Load Routes in Vue with webpack Dynamic Comments

4.2.2021
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the <About /> component to render. Let’s take a look at how to … The post Lazy Load Routes in Vue with webpack Dynamic Comments...

Mass Effect DLC Missing From Remaster Due To Corrupted Source Code

3.2.2021
On May 14, Mass Effect: Legendary Edition will bring 4K versions of the original Mass Effect trilogy plus most of its downloadable content to PS4, Xbox One, and PC. However, one single-player expansion is notably absent: the first game’s Pinnacle Station. According to an interview with Game...

Litecoin MimbleWimble Code Might Be Ready 'Early 2021'

2.2.2021
Litecoin (LTC) MimbleWimble (MW) initial code may be finished by the end of March, with the activation to follow necessary audits and reviews, according to David Burkett, the developer of Grin++, a Grin wallet with a built-in full node. "I'm wrapping up the code, but we also have auditors...

Dynamically Switching From One HTML Element to Another in Vue

2.2.2021
A friend once contacted me asking if I had a way to dynamically change one HTML element into another within Vue’s template block. For instance, shifting a <div> element to a <span> element based on some criteria. The trick was … The post Dynamically Switching From One HTML...

No-Jank CSS Stripes

1.2.2021
My mind goes immediately to repeating-linear-gradient and hard-stop gradients when thinking of creating stripes in CSS. You make one stripe by using the same color between two color stops, and another stripe (or more) but using a different color … The post No-Jank CSS Stripes appeared first...

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