This is a wonderfully nerdy deep dive into a very specific CSS change by Manuel Rego Casasnovas. Here’s a bit of terminology we should know:
First question is, what is an indefinite size? The simple answer is that a definite size is a size that you can calculate without taking into account the contents of the element. An indefinite size is the opposite, in order to compute it you need to check the contents first.
And then goes on to …
The post Changes on CSS Grid Layout in percentages and indefinite height appeared first on CSS-Tricks.
I saw a little demo the other day called HTML5 Terminal. It has some functionality, but it seems like it’s just kinda for fun. That said, I loved the aesthetic of it! Blurry monospace type with visible monitor lines and a glowing green background — nice!
Let’s re-create that, bit-by-bit.
A radial gradient is perfect for the glowing green background:
body {
background-color: black;
background-image: radial-gradient(
rgba(0, 150, 0, 0.75), black 120%
);
height: 100vh;
}
I’m so used …
The post Old Timey Terminal Styling appeared first on CSS-Tricks.
One of the many things we use Jetpack for here on CSS-Tricks is all of its features related to social media integration. For example, Jetpack can automatically share published content to different social media accounts simultaneously, add sharing buttons to your site’s theme, and allow for social login on the comment form. There is even more than that, but let’s dig into these three as we use them.
Auto-Sharing Posts
I like the idea that everything we published goes out …
The post Jetpack’s Social Integration Features appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
