Search

Nalezeno "Pre": 718

Snowpack


Snowpack. Love that name. This is the new thing from the Pika people, who are on to something. It's a bundler alternative, in a sense. It runs over packages you pull from npm to make sure that they are ES module-compatible (native imports). This is how I digest it. When you write a line of code...

Is “is” Useful?


God I'm funny. Anytime we have fairly repetitive selectors that have a common parent, it's probably a place we can use the :is() pseudo-selector. Holger Bartel demonstrates like this: section section h1, section article h1, section aside h1, section nav h1, article section h1, article article...

New Year, New Job? Let’s Make a Grid-Powered Resume!


Many popular resume designs are making the most of the available page space by laying sections out in a grid shape. Let’s use CSS Grid to create a layout that looks great when printed and at different screen sizes. That way, we can use the resume online and offline, which might come in handy during...

A Use Case for a Parent Selector


Having a "parent selector" in CSS is mentioned regularly as something CSS could really use. I feel like I've had that thought plenty of times myself, but then when I ask my brain for a use case, I find it hard to think of one. Well, I just had one so I thought I'd document it here. A classic...

Ethereum Proponent Virgil Griffith Deemed a Flight Risk, Judge Denies Bail


U.S. law enforcement filed in November criminal charges against Ethereum researcher Virgil Griffith because he traveled to North Korea and taught “his audience how to use blockchain technology.” Griffith was arrested on Thanksgiving Day and has been forced to remain in prison the whole...

7 Uses for CSS Custom Properties


I find all seven of these quite clever and useful. I particularly like using custom properties when you can sneak a variation into a place where you'd normally have to re-declare a whole big chunk of code. .some-element { background-color: hsla( var(--h, 120), var(--s, 50), var(--l...

PHP Templating in Just PHP


With stuff like template literals in JavaScript and templating languages, like JSX, I've gotten used to wanting to write my HTML templates in one nice chunk and sprinkling in variables wherever I need them. I had a situation where I needed to do that in "raw" PHP the other day, so I'm just...

7 Steel Crypto Wallets That Withstand Extreme Fire and Water Damage


Cryptocurrencies have become valuable over the last few years and hardware wallets are now a mainstay within the cryptosphere. More recently, steel-crafted wallets that store crypto keys on a hard piece of metal have become increasingly popular. The following is a look at the wide variety...

Meet Snowglobe: An Avalanche-Based Pre-Consensus Protocol for BCH


On December 20, BCHD and Openbazaar developer Tyler Smith published first draft specifications for a protocol he calls “Snowglobe.” Smith’s Github repository says that Snowglobe is a propagation protocol for nodes using Nakamoto Consensus and it uses an Avalanche-based consensus...

The Order of CSS Classes in HTML Doesn’t Matter


That’s right! And I can prove it, too. Let’s look at some CSS first: .a { color: red; } .b { color: blue; } And now let’s look at some markup: <div class="a b">Here’s some text</div> The text is going to be blue because .b is defined last in the CSS, right? But what if we...

Dark Mode Favicons


Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g. <link rel="icon" href="/icon.svg">). And you can embed CSS within an SVG with a <style> element. That CSS can use a perfers-color-sceme media query, and as a result, a favicon that supports...

Bitcoin Price Crashes to Pre-Rally Level


It took less than a month for bitcoin (BTC) to erase almost all its gains the market saw in the end of October. At pixel time (15:36 UTC), BTC trades at c. USD 7,684 and is down by 6% in the past 24 hours, by 12% in the past week, increasing its monthly loss to almost 6%. However, the price...

The Kind of Development I Like


I'm turning 40 next year (yikes!) and even though I've been making websites for over 25 years, I feel like I'm finally beginning to understand the kind of development I like. Expectedly, these are not new revelations and my views can be summed up by two older Computer Science adages that pre-date...

IRS Dispels Crypto Tax Confusion


The U.S. Internal Revenue Service (IRS) has cleared up some confusion about how cryptocurrency transactions are taxed, particularly regarding like-kind exchanges and promotional airdrops. As the tax agency intensifies its enforcement efforts, more people are seeking the best tax software to help...

Finally, it Will Be Easy to Change the Color of List Bullets


In my germinating years, the general advice was this: <ul> <li><span>List item</span></li> <!-- ... --> </ul> li { color: red; } /* bullet */ li span (color: black; } /* text */ Not terrible, but not great. You're "resetting" everything...

A Super Weird CSS Bug That Affects Text Selection


You know how you can style (to some degree) selected text with ::selection? Well, Jeff Starr uncovered a heck of a weird CSS bug. If you: Leave that selector empty Link it from an external stylesheet (rather than <style> block) Selecting text will have no style at all....

Some Things You Oughta Know When Working with Viewport Units


David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that. Summarized in this graphic: The trouble is that Chrome isn't taking the address bar (browser chrome) into account when...

Float Element in the Middle of a Paragraph


Say you want to have an image (or any other element) visually float left into a paragraph of text. But like... in the middle of the paragraph, not right at the top. It's doable, but it's certainly in the realm of CSS trickery! One thing you can do is slap the image right in the middle of...

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