Search
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects
20.5.2020
I was reading Anna Kaley’s “Listboxes vs. Dropdown Lists” post the other day. It’s a fairly straightforward comparison between different UI implementations of selecting options. There is lots of good advice there. Classics like that you should use radio buttons (single...
User agents
19.5.2020
Jeremy beating the classic drum:
For web development, start with HTML, then CSS, then JavaScript (and don’t move on to JavaScript too quickly—really get to grips with HTML and CSS first).
And then…
That’s assuming you want to be a good well-rounded web developer. But it might be that...
Using CSS Masks to Create Jagged Edges
12.5.2020
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...
I’m getting back to making videos
8.5.2020
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...
CoinTracking Launches Two Powerful, Free Plug-ins for Crypto Traders
1.5.2020
Though the top cryptocurrency exchanges offer charts, many don’t offer the analytical features crypto traders need to make good trading decisions. To help fill this need, CoinTracking has partnered with two companies that specialize in cryptocurrency analytics: IntoTheBlock and Cryptosheets....
Enable Gatsby Incremental Builds on Netlify
1.5.2020
The concept of an “incremental build” is that, when using some kind of generator that builds all the files that make for a website, rather than rebuilding 100% of those files every single time, it only changes the files that need to be changed since the last build. Seems like...
The Hero Generator
30.4.2020
Sarah:
I’ve had to implement the same hero for several years now, so like a good lazy programmer, I figured I’d automate it.
Direct Link to Article — Permalink… Read article “The Hero Generator”
The post The Hero Generator appeared first on CSS-Tricks
Cryptocurrency Trading Surges in Malaysia as Lockdown Cripples Economy
30.4.2020
Cryptocurrency trading in Malaysia has surged as the country endures an extended lockdown, costing its economy an estimated $550 million a day. Regulated cryptocurrency exchanges are reporting substantial growth in trading volumes and new users as people seek “a good store of value...
DPRK Insider: Kim Jong-Un in Good Health, Crypto Will Help Fight Imperialism
29.4.2020
A special delegate of the North Korean government has told Cointelegraph that Kim Jong-un is in good health and that Bitcoin will help the regime fight imperialism
How to Redirect a Search Form to a Site-Scoped Google Search
29.4.2020
This is just a tiny little trick that might be helpful on a site where you don’t have the time or desire to build out a really good on-site search solution. Google.com itself can perform searches scoped to one particular site. The trick is getting people there using that special syntax...
Advice for Writing a Technical Resume
27.4.2020
Marco Rogers asked a very good question on Twitter:
I talk to a lot of people new to tech from non-traditional backgrounds, e.g. bootcamps or self-taught. I'm looking for good information for those people on how to build out a strong resume when they don't have work experience yet. Advice...
Is Bitcoin a Good Investment: Analyst Predicts High Institutional Demand Post Covid-19
25.4.2020
The global crisis and financial market turmoil have many investors looking into whether cryptocurrencies, such as bitcoin, are a good investment for them. A Japanese analyst has predicted high institutional investor demand for bitcoin post coronavirus crisis, giving three key reasons why...
@property
25.4.2020
The @property is totally new to me, but I see it’s headed to Chrome, so I suppose it’s good to know about!
There is a draft spec and an “intent to ship” document. The code from that document shows:
@property --my-property {
syntax: "<color";
initial-value: green;
...
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...
Jetpack Instant Search!
16.4.2020
Jetpack has had a search feature for a while. Flip it on, and it replaces your built-in WordPress search (which is functional, but not particularly good) with an Elasticsearch-powered solution that is faster and has better results. I’ve been using that for quite a while here on CSS-Tricks...
How to Create a CSS-Tricks Custom Scrollbar
13.4.2020
Chris Coyier of CSS-Tricks is an amazing engineer and blogger. He’s not only creative but has always had the drive to put his thoughts to work, no matter how large. He also has a good eye for the little things that can make CSS-Tricks or your site special. One of those little things is...
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...
Some Typography Links
3.4.2020
I just can’t stop bookmarking great links related to typography. I’m afraid I’m going to have to subject you, yet again, to a bunch of them all grouped up. So those of you that care about web type stuff, enjoy.
I know there are lots of good reasons to be excited about variable...
Google’s Technical Writing Guide
3.4.2020
It’s good!
I’ve written up my advice (sprinkled with great advice from others), but this is way more straightforward nuts-and-bolts training on technical writing. It’s structured like an actual course, with exercises along the way.
I’m far from an expert here. But between...