Search

Nalezeno "One": 5489

First Steps into a Possible CSS Masonry Layout


It’s not at the level of demand as, say, container queries, but being able to make “masonry” layouts in CSS has been a big ask for CSS developers for a long time. Masonry being that kind of layout where unevenly-sized elements are layed out in ragged rows. Sorta like a typical...

Unprefixed `appearance `


It’s interesting how third-parties are sometimes super involved in pushing browser things forward. One big story there was how Bloomberg hired Igalia to implement CSS grid across the browsers. Here’s another story of Bocoup doing that, this time for the appearance property. The story...

CSS fix for 100vh in mobile WebKit


A surprisingly common response when asking people about things they’d fix about anything in CSS, is to improve the handling of viewport units. One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw and stretches edge-to-edge, that’s...

Offscreen Text for Copy & Paste


The relationship between HTML and CSS is special: mixing content via HTML with presentation from CSS to make an awesome presentation. Sometimes, however, you need to employ CSS tricks solely to enhance functionality. This could be one of those cases. When browsing through the Firefox DevTools...

How to Tame Line Height in CSS


In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of lead...

Unlock Your Mac with Apple Watch


I convinced myself six months ago that I needed to give the Apple Watch a try. While I wear it every day and enjoy a few features, I’ve felt a bit let down by the experience. I do, however, believe that the Apple Watch makes notifications and other “little things” easier. One...

Using CSS Masks to Create Jagged Edges


I was working on a project that had this neat jagged edge along the bottom of a banner image. Looking sharp… in more ways than one. It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...

Dealing With Stale Props and States in React’s Functional Components


There’s one aspect of JavaScript that always has me pulling my hair: closures. I work with React a lot, and the overlap there is that they can sometimes be the cause of stale props and state. We’ll get into exactly what that means, but the trouble is that the data we use to build our UI can...

Free SSL Certificates with ZeroSSL (Sponsored)


During my early years in web development, one of the most costly and annoying tasks was securing and installing security certificates on client websites. Most providers charged hundreds of dollars for SSL certs and getting them configured properly was a huge source of stress. Securing sites is much...

Bank of England Predicts Worst Economic Crash in 300 Years for UK


The Bank of England has predicted the worst economic crash since the Great Frost of 1709. Economists are less optimistic than the central bank about the rate of recovery for the UK economy. “Current conditions are unprecedented in our lifetime and all forecasters are struggling to make...

Chinese Court Rules Bitcoin Is Asset Protected by Law


A court in Shanghai, China, has reportedly ruled that bitcoin is an asset protected by Chinese law in a case that has dragged on for years. The case involves a theft of two different cryptocurrencies, one being bitcoin, from an American. The defendants argued that bitcoin was not recognized under...

Devon Brewer: Rediscovering the Golden Rule


The Golden Rule may be the most basic moral approach to dealing with others. It seems universal across cultures and religions. The Golden Rule is instinctive. We all know it, even as children without education. I like the negative form of the Golden Rule the best. One of the earliest written...

prerender.js


This is another player in the game of rendering the page of the link that you’re about to click on before you click it. It’s like getting a decent performance boost for extremely little effort. Instant.page is another one, and I’ve been sufficiently convinced by its methodology...

I’m getting back to making videos


It’s probably one part coronavirus, one part new-fancy-video setup, and one part “hey this is good for CodePen too,” but I’ve been doing more videos lately. It’s nice to be back in the swing of that for a minute. There’s something fun about coming back to an...

Exciting Things on the Horizon For CSS Layout


Michelle Barker notes that it’s been a heck of a week for us CSS layout nerds. Firefox has long had the best DevTools for CSS Grid, but Chrome is about to catch up and go one bit better by visualizing grid line numbers and names. Firefox supports gap for display: flex, which is great,...

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