Search
What Does `playsinline` Mean in Web Video?
18.3.2020
I got myself confused about this the other day, went around searching for an answer and came up empty on finding something clear. The answer actually is quite clear and I feel a little silly for not knowing it.
With it in place, like this:
<video src="..." controls playsinline</video
Mobile...
Careful with Nested `display: grid; height: 100%;`
11.3.2020
It's not every day you can feel CSS be slow at something. Reddit user jgbbrd discovered nesting grid containers that all have 100% height can cause many-seconds of rendering delay. Probably not something you'll ever have to worry about, but still, interesting. From the comments:
What a funny...
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...
Where to Learn WordPress Theme Development
28.2.2020
Over a decade ago, I did a little three-part video series on Designing for WordPress. Then I did other series with the same spirit, like videocasting the whole v10 redesign, a friend's website, and even writing a book. Those are getting a little long in the tooth though. You might still learn from...
2020 Stack
13.2.2020
In an article with the most clickbaity article ever, Joe Honton does a nice job of talking about the evolving landscape of web development. "Full-stack" perhaps had its day as a useful term, but since front-end development touches so many parts of the stack now, it's not a particularly useful term....
Full Stack Panic
1.2.2020
A new podcast from Sean Fioritto inspired by Joel Califa's term "Full Stack Anxiety".
... the little voice in your head says ... “I should know all of this. Do I even know what I'm doing?” Why do web developers the world over feel like this?
There is an episode with Joel talking about it as well...
The Design Squiggle
16.1.2020
I think we all have an intuitive understanding that, at the beginning of projects that require our creativity (be it design or code), things feel uncertain and messy. Then, as we go, things tend to straighten out. There is still some wiggling and setbacks, but by the end, we find a single solution...
Fantastic Flight API with aviationstack (Sponsored)
9.1.2020
I didn’t fly until I was 25 years of age — I was hopeless in knowing I had to be there early, the process of security, and the whole gate structure. Now that I’ve flown dozens of times for Mozilla, I feel much more comfortable with the process of flying, but feel less comfortable...
A Use Case for a Parent Selector
31.12.2019
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...
GoGetSSL
26.12.2019
GoGetSSL is a company that sells SSL certificates. You know, those things that are required to make your site use https://, not http:// which doesn't feel like an optional choice these days with browsers making sites looks scarily insecure without it and search engines telling us is a ranking...
A Handy Sass-Powered Tool for Making Balanced Color Palettes
9.12.2019
For those who may not come from a design background, selecting a color palette is often based on personal preferences. Choosing colors might be done with an online color tool, sampling from an image, "borrowing" from favorite brands, or just sort of randomly picking from a color wheel until...
The future is bright, because the future is static
20.11.2019
I've been doing this web thing for money for 10 years this year and although I haven’t been around as long as some folks, I feel like I've seen a few cycles come and go now, so let's say that hot new things are often cynically viewed, initially. This milestone of mine has also got me in...
The Kind of Development I Like
18.11.2019
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...
Let’s Make a Fancy, but Uncomplicated Page Loader
15.10.2019
It’s pretty common to see a loading state on sites these days, particularly as progressive web apps and reactive sites are on the rise. It’s one way to improve "perceived" performance — that is, making it feel as though the site is loading faster than it actually is.
There’s no shortage of ways...
Right in the feels
10.10.2019
CoinMarketCap Daily Newsletter Your daily newsletter for 9 October, 2019 Feel “The best and most beautiful things in the world cannot be seen or even touched - they must be felt with the heart.” – Helen Keller Happy Wednesday, dear CoinMarketCap-ers! […]
The post Right in the feels appeared...
Right in the feels
10.10.2019
CoinMarketCap Daily Newsletter Your daily newsletter for 9 October, 2019 Feel “The best and most beautiful things in the world cannot be seen or even touched - they must be felt with the heart.” – Helen Keller Happy Wednesday, dear CoinMarketCap-ers! […]
The post Right in the feels appeared...
Paperform
26.9.2019
Buy or build is a classic debate in technology. Building things yourself might feel less expensive because there is no line item on your credit card bill, but has cost in the form of time. Buying things, believe it or not, is usually less expensive when it comes to technology that isn't your core...
A Dark Mode Toggle with React and ThemeProvider
25.9.2019
I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well.
In this tutorial, we’re...
CSS-Tricks Chronicle XXXVI
16.9.2019
This is one of these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family.
I was recently in Zürich for Front Conference. It was my first time there and I very much enjoyed the city and the lovely staff of the conference. I...
Simplicity
12.9.2019
Earlier this week, Bastian Allgeier published some interesting thoughts about complexity in web development and how changing simple things can often feel far more difficult than they need to be:
You want to build a JS file? Please update Webpack first. Oh, that new version of Webpack is no longer...