In Defense of Utility-First CSS
15.1.2019
A rather full-throated argument (or rather, response to arguments against) utility (atomic) CSS from Sarah Dayan. I wondered recently if redesigns were potentially a weakness of these types of systems (an awful lot of tearing down classes) which Sarah acknowledges and recommends more abstraction...
JavaScript Labels
15.1.2019
No matter how long you’ve been a JavaScript developer, there will always be language features that you didn’t know about until you saw them in a fringe piece of code. Your reaction generally is a bit like: One of those features I see developers quizically trying to figure out...
SVG Filters 101
15.1.2019
The first article in a series on SVG filters. This guide will help you understand what they are and show you how to use them to create your own visual effects.
SVG Filters 101 was written by Sara Soueidan and published on Codrops
Using React Portals to Render Children Outside the DOM Hierarchy
15.1.2019
Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as a result.
render() {
return (
<div>
// Child to render inside of the div
</div>
);
}
But! What if we want...
Collective #483
14.1.2019
The Flexbox Holy Albatross * destyle.css * Conversations with Robots * 2018 JavaScript Rising Stars
Collective #483 was written by Pedro Botelho and published on Codrops
Super Simple GraphQL with Node
14.1.2019
GraphQL is a specification and therefore language agnostic. When it comes GraphQL development with node, there are various options available ranging from
Design v17
14.1.2019
We rolled out a new site design on January 1! This is the 17th version of CSS-Tricks if you can believe that. The versions tend to evolve a decent amount beyond the initial launch, but we archive screenshots on this design history page. Like I said in our 2018 thank you post:
This is easily...
The Ethics of Web Performance
14.1.2019
Tim Kadlec on the issues surrounding poor web performance and why it’s so important for us to care about making our sites as fast as possible:
Poor performance can, and does, lead to exclusion. This point is extremely well documented by now, but warrants repeating. Sites that use an excess...
Build a Blog Using Express.js and React in 30 Minutes
14.1.2019
Building a web server sounds complicated, but it doesn't have to be! What if I told you that you can create a web server with just a couple lines of code? Yes! You can do things like this using Exp
How To Make Your Personal Portfolio Stand Out – 7 Must-Haves
14.1.2019
We are witnessing a boom of personal portfolios these days. People are no longer afraid of showing themselves to the online crowd. People want to be heard not only...
The post How To Make Your Personal Portfolio Stand Out – 7 Must-Haves appeared first on Onextrapixel
Slice and Dice a Disc with CSS
13.1.2019
I recently came across an interesting sliced disc design. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right. Naturally, I started to think what would the most efficient way of doing it with CSS be.
Sliced gradient disc.
The first thought...
Colorized Brackets for IDE
13.1.2019
Coders treat their text editors and IDE’s like fragile beings, and for good reason: we spend a ton of time in them and having our tweaks and extensions can make us incredibly productive for our personal workflows. I always love hearing about what extensions and workflows other developers...