Search

Nalezeno "see": 1531

Flexbox and absolute positioning


Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it. It's odd...

A Complete Guide to calc() in CSS


CSS has a special calc() function for doing basic math. Here's an example: .main-content { /* Subtract 80px from 100vh */ height: calc(100vh - 80px); } In this guide, let's cover just about everything there is to know about this very useful function. calc() is for values The only place you...

15 Things to Improve Your Website Accessibility


This is a really great list from Bruce. There is a lot of directly actionable stuff here. Send it around to your team and make it something that you all go through together. Here's a little one that prodded me to finally fix... Most screen readers allow the user to quickly see a list of links...

Altcoins See Early Optimism After Thursday Massacre, Litecoin Up 10%


Source: iStock/t_kimura Following the massacre in the broader crypto market on Thursday, major altcoins have already started to recoup some of their losses, with some cryptoassets now showing positive returns over the past 24 hours. Despite a sea of red in the crypto market, altcoins such...

Sass !default and themeable design systems


This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this: .c-text-input { background-color: $form-background-color; padding: 10px } If the $form-background-color variable isn’t defined then...

Use a:visited in your CSS stylesheet


Evert Pot: Unfortunately, when setting a new color (e.g. a { color: #44F }) the ‘purple visited link’ feature also gets disabled. I think this is a shame, as there’s so many instances where you’re going through a list of links and want to see what you’ve seen before. The 2 examples I ran into...

Google Fonts + Variable Fonts


I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it's blue instead of red and this one pretty rad checkbox: Show only variable fonts. An option to only show variable fonts is...

Currying in CSS


Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and I came across some CSS they show off that looked like this: :root { --fluid-max-negative: (1 / var(--fluid-max-ratio)...

JavaScript Libraries Are Almost Never Updated Once Installed


Some commentary from Zack Bloom on the Cloudflare Blog, looking at requests to CDNJS for versions of jQuery. What we don’t see is a decline in our old versions which come close to the volume of growth of new versions when they’re released. In fact the release of 3.4.1, as popular as it quickly...

XRP’s Pullback is Yet to See a Reversal; Is the Bullrun Fading Away?


XRP is down by 32.10% as compared to its price in Mid-February The coin is testing support levels near $0.23 at the moment; supports near $0.22 have already been examined In its 3-month price chart, the coin is trading below the EMA line noting a bearish phase; also, XRP is between the 61.80%...

Why is CSS Frustrating?


Here’s a great thread by Kevin Powell that's making the rounds. He believes so many folks see CSS as a frustrating and annoying language: That's just as unintuitive as JS starting to count at 0, but since you learned that and accept it, it's fine. The real issue isn't with CSS. If...

In-Browser Performance Linting With Feature Policies


Here’s a neat idea from Tim Kadlec. He uses the Modheader extension to toggle custom headers in his browser. It also lets him see when images are too big and need to be optimized in some way. This is a great way to catch issues like this in a local environment because browsers will throw an error...

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