CSS :not() with Multiple Classes
22.7.2019
Say you want to select an element when it doesn't have a certain class. That's what the :not() selector is for.
body:not(.home) {
}
But what if there are multiple classes you want to avoid?
There are no logical combinators with :not(), like and or or, but you can chain them, which...
A Beginner’s Journey to Launching a Website
22.7.2019
In September 2018, I was just a few months into my journey of learning web development. As I'm sure is the case with many new developers, it was a big task for me to learn not only the basic skills required, but also keeping current with the fast-moving industry. Just as I was getting to the level...
CSS Animation Libraries
22.7.2019
There are an awful lot of libraries that want to help you animate things on the web. These aren't really libraries that help you with the syntax or the technology of animations, but rather are grab-and-use as-is libraries. Want to apply a class like "animate-flip-up" and watch an element, uhhh...
Collective #534
22.7.2019
Gradient Magic * Locomotive Scroll * Stein * Gatsby Themes * ImportDoc * TabNine * Sidelist
Collective #534 was written by Pedro Botelho and published on Codrops
5 Minute Serverless Functions in Azure without an IDE
22.7.2019
Microsoft Azure makes it incredibly easy to get a basic API/microservice up and running quickly! If you are unfamiliar with building serverless architectures in the Microsoft ecosystem, using Azure
How I Created a Code Beautifier in Two Days
19.7.2019
I recently drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete.
I'd been thinking about building a new code beautifier for a while. The idea isn't unique, but every time I use someone else's tool,...
Grab a .DEV Domain from Hover! (Sponsored)
19.7.2019
I can say that the biggest and best changes in my professional life came from starting this blog — it was the springboard for conference speaking, open source, and joining Mozilla. I’ve always urged ever developer to have a blog to showcase talent, explore new technology, and to network. What’s...
What the Web Needs Now (and how ARTIFACT is here for it)
19.7.2019
I recently had the pleasure of joining Dave Rupert, Chris Coyier, and Chris Ferdinandi on the Shop Talk Show to talk about the upcoming ARTIFACT Conference (Austin, TX on Sept. 30 – Oct. 1, 2019). ARTIFACT is an intimate gathering of web designers and developers where we discuss ways to build...
WDRL — Edition 269: Shaping up, Doing well while doing good, Single toggle buttons and the Illusion of control
19.7.2019
Hey,
it’s been already four weeks since the last edition. I’ve been on vacation for two weeks and around that, as many of you probably can relate, work is crazy. Before going off you have to finish things and when you come back, you’re overwhelmed by what happend during your absence. And...
Weekly Platform News: CSS ::marker pseudo-element, pre-rendering web components, adding Webmention to your site
18.7.2019
In this week's roundup: datepickers are giving keyboard users headaches, a new web component compiler that helps fight FOUC, we finally get our hands on styling list item markers, and four steps to getting webmentions on your site.
The post Weekly Platform News: CSS ::marker pseudo-element...
Collective #533
18.7.2019
Is postMessage slow? * Reduced Motion Auto-Play Video * Repo Lovers * Think in Math. Write in Code.
Collective #533 was written by Pedro Botelho and published on Codrops
Using GraphQL Playground with Gatsby
18.7.2019
I’m assuming most of you have already heard about Gatsby, and at least loosely know that it’s basically a static site generator for React sites. It generally runs like this:
Data Sources → Pull data from anywhere.
Build → Generate your website with React and GraphQL.
Deploy → Send the site to...