Search

Nalezeno "H r block": 2131

Sass !default and themeable design systems

11.3.2020
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...

Block Links Are a Pain (and Maybe Just a Bad Idea)

10.3.2020
As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let's call that a "block link." Like you are wanting to link up an entire "Card" of content because it makes a big clickable target. <a href="/article/"<!-- display: block;...

Negative Margins

9.3.2020
PPK digs into the subject, which he found woefully undercovered in web tech documentation. Our entry doesn't mention them at all, which I'll aim to fix. Agree on this situation: This is by far the most common use case for negative margins. You give a container a padding so that its contents have...

Use a:visited in your CSS stylesheet

9.3.2020
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...

What to Use Instead of Number Inputs

6.3.2020
You might reach for <input type="number> when you're, you know, trying to collect a number in a form. But it's got all sorts of issues. For one, sometimes what you want kinda looks like a number, but isn't one (like how a credit card number has spaces), because it's really just a string...

Currying in CSS

6.3.2020
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)...

That AlphaPoint $5.6M Funding Round? It’s a Loan

6.3.2020
The recent $5.6 million injection of capital into New York-based AlphaPoint came from bridge financing, a short-term business loan, the company confirmed to CoinDesk. But AlphaPoint would not say who made the loan or its terms

Bitcoin Gold Whale Allegedly Controls Half the BTG Supply

6.3.2020
According to a recent study, bitcoin gold (BTG) market prices are being manipulated by a single whale who holds a significant portion of the bitcoin gold in circulation. The Bitcoin Gold network was recently hit with a 51% attack that caused two blockchain reorganizations. The team of...

The 3 Laws of Serverless

6.3.2020
Burke Holland thinks that to "build applications without thinking about servers" is a pretty good way to describe serverless, but... Nobody really thinks about servers when they are writing their code. I mean, I doubt any developer has ever thrown up their hands and said “Whoa, whoa, whoa. Wait...

JavaScript Libraries Are Almost Never Updated Once Installed

5.3.2020
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...

What React Does (and Doesn’t Do)

5.3.2020
With a name as big as React, it's bound to cause some Stream-Crossing Confusion, as I like to call it. How do you center a <div> in React? Dave Ceddia: React cares exactly zero about styling. Think of it as generating the barebones HTML. React will put elements on the page, but everything...

How I think about solving problems

4.3.2020
Nicholas C. Zakas: Eventually, I settled on a list of questions I would ask myself for each problem as it arose. I found that asking these questions, in order, helped me make the best decision possible: 1) Is this really a problem?2) Does the problem need to be solved?3) Does the problem need...

Considerations for Creating a Card Component

2.3.2020
Here's a Card component in React: const Card = props ={ return( <div className="card"<h2{props.title}</h2<p{props.content}</p</div) } It might be pretty useful! If you end up using this thing hundreds of times, now you have the ability to refactor a little bit of HTML...

Selectors Explained

2.3.2020
Have you ever found yourself either writing a CSS selector that winds up looking confusing as heck, or seen one while reading through someone's code? That happened to me the other day. Here's what I wrote: .site-footer__nav a:hover svg ellipse:first-child { } At the end of it, I honestly couldn't...

When CSS Blocks

28.2.2020
Tim Kadlec: One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready. So you're...

Bitcoin History Part 24: Celebrating the First Halving in 2012

25.2.2020
As the third Bitcoin halvening approaches, a handful of OGs will wistfully recall the first such event, which occurred in November 2012. Back then, following the completion of block 210,000, the mining reward halved from 50 to 25 BTC. To commemorate the milestone, early adopters threw parties...

Recreating the CodePen Gutenberg Embed Block for Sanity.io

25.2.2020
Learn how to create a custom CodePen block with a preview for Sanity Studio, inspired by Chris Coyier’s implementation for Wordpress’ Gutenberg editor. The post Recreating the CodePen Gutenberg Embed Block for Sanity.io appeared first on CSS-Tricks

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