​​Visual diagram of all Flex Box properties 👓

#css #flexbox

​​If you ever used CSS sibling selectors, you know there’s only two. The + sibling combinator selects the first match that comes immediately after, and the ~ subsequent-sibling combinator matches all the ones that come after.
But there’s no way to select what came before. Either parent selectors or previous siblings selectors are simply not a thing.

#css

​​Recently I wrote a higher level overview of CSS-in-JS, mostly talking about the problems this approach is trying to solve. Library authors rarely invest time into describing the tradeoffs of their solution, sometimes it’s because they are too biased, sometimes they just don’t know how the users apply the tool, so this is an attempt to describe the tradeoffs I have seen so far. I think it is important to mention that I am the author of JSS, so I should be considered biased.

#css_in_js #css #javascript

​​We’ve recently deprecated IE support for our product and this has opened up a world of new possibilities when it comes to development. While I know CSS Grid had partial support in IE (Microsoft created the original spec), the full implementation is much more magical. Patience is a virtue.

#css

​​With CSS Grid you can create complex web designs. It is very intuitive and very well supported by the major browsers. In this article I will show how to build layouts in CSS Grids.

8 minute read

#CSS

​​I hate CSS. Well, I hated CSS. While learning to write code, CSS seemed like an inoperable black box. The twin tasks of deciding how something should look, and then making it look that way seemed just impossible. Which resulted, very naturally, in a deep-seated hatred of the entire art.

9 minute read

#CSS

​​In recent versions of macOS (Mojave) and Windows 10, users have been able to enable a system level dark mode. This works well and is easy to detect for native applications.

4 min read

#JavaScript #CSS #React #Electron

​​In this modern era of web development, we don’t really need a heavy-handed reset, or even a reset at all, because CSS browser compatibility issues are much less likely than they were in the old IE 6 days.

⏱ 8 min read

🔘 #CSS

✍️ Don’t forget to say if you liked the article by leaving a comment below this post

⬇️

​​CSS position sticky has really good browser support, yet most developers aren’t using it.

⏱ 5 min read

🔘 #CSS

​​50% faster server-side rendering, 22% faster client-side rendering, 31% smaller bundle size, RTL support and no breaking changes! 😍💯🎉💅

⏱ 4 min read

🔘 #JavaScript #CSS

​​I was always interested in color science. In 2014, I gave a talk about CSS Color 4 at various conferences around the 🌎 ...

⏱ 7 min read

🔘 #CSS

​​Users love fast web apps. They expect the page to load fast and to function smoothly. If there are breaking animations or lags when scrolling, there is a high chance of users leaving your website. As a developer, you could do many things to improve the user experience. This article will focus on 4 CSS tips you can use to improve the page rendering speed.

⏱ 6 minutes read

#CSS

​​Over the years, CSS has seen a number of new properties added to it such as Flexbox and Grid.

Despite the immense popularity and rising complexities of creating web apps, there are still a number of CSS properties and tricks that most developers don’t know.

Below are 6 CSS properties that you probably never heard of...

⏱ 6 minutes read

#CSS

​​Using CSS frameworks like Bootstrap, Materialize CSS has become a common practice among frontend developers.
But have you ever thought of the impact these frameworks make on your application’s performance?

⏱ 5 minutes read

#CSS

​​In CSS, a lot of the time when we want to give children elements under the same parent the same CSS property, we will use compound CSS selector.

⏱ 3 minutes read

#CSS

​​Recruiters be like:

We're looking for someone who can connect to the database using CSS.

⏱ 5 minutes read

#CSS

​​There are several ways to change the background color of an element using CSS. Here is a list of some of the most common ways

⏱️ 2 minutes read

#CSS

​​Modern CSS layout allows developers to write meaningful and powerful style rules with just a few keystrokes. The above discussion and the following post examine 10 powerful CSS layouts that do some extraordinary work.

⏱️ 10 minutes read

#CSS

​​If you messed around with CSS for long enough, chances are you've tried at least once to make a transition from height: 0 to auto... only to find out that it doesn't work!

⏱️ 4 minutes read

#CSS