Search

Nalezeno "H r block": 1779

Fake Code

21.4.2020
Here’s a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta look like code if you squint. Maybe fun for interesting dynamic backgrounds or for whatever you might use code-looking stock art for. It...

Constrained CSS grids without `max-width`

21.4.2020
Ain’t nothing wrong with max-width, but Ethan makes a point in the last sentence: Rather than simply defaulting to max-width as a constraint, I can use the empty space around my design, and treat it as a layout tool. If the space “around” your grid...

The Contrast Triangle

21.4.2020
Chip Cullen: Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make sure the sites you build are accessible. The designs you’re working from have...

How (some) good corporate engineering blogs are written

18.4.2020
Interesting research from Dan Luu: … it’s pretty common for my personal blog to get more traffic than the entire corp eng blog for a company with a nine to ten figure valuation and it’s not uncommon for my blog to get an order of magnitude more traffic. I think this is...

Pseudo-Randomly Adding Illustrations with CSS

17.4.2020
Between each post of Eric Meyer’s blog there’s this rather lovely illustration that can randomly be one of these five options: Eric made each illustration into a separate background image then switches out that image with the nth-of-type CSS property, like this: .entry:nth-of-type(2n+1)::before...

Crypto Marketplace Purse.io to Dissolve Operations After 6 Years

17.4.2020
On April 17, the crypto firm Purse.io announced the company is planning to dissolve after six years of operation. The marketplace provided incentives for people who wanted the lowest price points by leveraging cryptocurrency solutions. New signups on Purse have been disabled and the company’s...

Create a Responsive CSS Motion Path? Sure We Can!

15.4.2020
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got me thinking. A CSS motion path allows us to animate elements along custom user-defined paths. Those paths follow the same structure as SVG paths....

When debugging, your attitude matters

12.4.2020
Julia Evans: I was debugging some CSS last week, and I think that post is missing something important: your attitude. Now – I’m not a very good CSS developer yet. I’ve never written CSS professionally and I don’t understand a lot of basic CSS concepts (I think I finally understood for the first...

Thinking in Behaviors, Not Screen Sizes

11.4.2020
Chase McCoy wrote a nifty post about the “gap problem” when making a grid of items. His argument might be summarized like this: how should we space elements with margins in CSS? He notes that the gap property isn’t quite ready for prime time when it comes to using it with flexbox, like this: .grid...

Bitcoin’s Third Halving: Survey Shows 50% of Miners Expect a Price Increase

10.4.2020
The block reward halving for BTC is 32 days away and crypto businesses and mining operations are steadily preparing for the event. Today, Bitcoin’s hashrate is hovering just above 100 exahash per second (EH/s) and one year after the 2016 halving, the digital asset’s price and hashrate...

Create Diagonal Layouts Like it’s 2020

9.4.2020
Nils Binder covers the ways: 1. Use an SVG in the form of a triangle. This technique is nicely described by Erik Kennedy on CSS-Tricks. 2. Hide part of your section using clip-path. Read Diagonal Containers in CSS by Sebastiano Guerriero or Sloped edges with consistent angle...

The WebAIM Million—Updated

8.4.2020
This report made a big splash last year. It’s a large chunk of research that shows just how terribly the web does with accessibility. It’s been updated this year and (drumroll…) we got a little worse. I’ll use their blockquote: The number of errors increased 2.1% between...

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