Monthly Archives: January 2019

(This is a sponsored post.)

Let’s say you were going to design the easiest way to deploy a static site you can possibly imagine. If I was tasked with that, I’d say, well, it would deploy whenever I push to my master branch, and I’d tell it what command to run to build my site. Or maybe it has its own CLI where I can kick stuff out with as I choose. Or, you know what, maybe it’s so … Read article

The post Netlify Makes Deployments a Cinch appeared first on CSS-Tricks.

For some reason, I’ve lately been thinking a lot about what it takes to break into the web design industry and learn CSS. I reckon it has something to do with Keith Grant’s post earlier this month on a CSS mental model where he talks about a “common core for CSS”:

We need common core tricks like this for CSS. Not “tricks” in the old sense (like how to fake a gradient border), but mental patterns: ways to frame the

… Read article

The post The Secret Weapon to Learning CSS appeared first on CSS-Tricks.

Many of us follow @horse_js on Twitter. Twenty-one thousand of us, to be exact. That horse loves stirring up mischief by taking people’s statements out of context. It happened to me a few times and almost got me in trouble.

I wonder how many people hate CSS because their experience with it

— Horse JS (@horse_js) September 23, 2018

I wonder how many people hate CSS because their experience with it is overriding bootstrap.

In completely unrelated news, guess what

… Read article

The post Who is @horse_js? appeared first on CSS-Tricks.

Let’s say there is a divide happening in front-end development. I feel it, but it’s not just in my bones. Based on an awful lot of written developer sentiment, interviews Dave Rupert and I have done on ShopTalk, and in-person discussion, it’s, as they say… a thing.

The divide is between people who self-identify as a (or have the job title of) front-end developer, yet have divergent skill sets.

On one side, an army of developers whose interests, … Read article

The post The Great Divide appeared first on CSS-Tricks.

I’ve very excited to have this feature released for CodePen. It’s very progressive enhancement friendly in the sense that you can take any <pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. It also lets you pass in stuff like external resources, making it a great choice for, say, documentation sites or the like.

Here’s an example right here:

<div id="root"</div

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");

… Read article

The post New CodePen Feature: Prefill Embeds appeared first on CSS-Tricks.