http://bit.ly/2CM1Fnu
CSS Shapes allow us to define geometric shapes that text can flow around. These shapes can be circles, ellipses, simple or complex polygons, and even images and gradients.
#css
CSS Shapes allow us to define geometric shapes that text can flow around. These shapes can be circles, ellipses, simple or complex polygons, and even images and gradients.
#css
Codrops
An Introduction to CSS Shapes | Codrops
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around.
http://bit.ly/2FEMTkp
30 days straight of the very best JavaScript, HTML, and CSS snippets βοΈ
#javascript #html #css #snippets
30 days straight of the very best JavaScript, HTML, and CSS snippets βοΈ
#javascript #html #css #snippets
Medium
#CodeTidbits30
For the entire month of December, I posted DAILY code tidbits! 30 days straight of the very best JavaScript, HTML, and CSS snippets.
ββ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
But thereβs no way to select what came before. Either parent selectors or previous siblings selectors are simply not a thing.
#css
freeCodeCamp.org
How to make the impossible possible in CSS with a little creativity
by Facundo Corradini
If you ever used CSS sibling selectors,
[https://www.w3.org/TR/selectors-3/#adjacent-sibling-combinators] you know
thereβs only two. The + sibling combinator selects the first match that comes
immediately after, and the ~ subsequentβ¦
If you ever used CSS sibling selectors,
[https://www.w3.org/TR/selectors-3/#adjacent-sibling-combinators] you know
thereβs only two. The + sibling combinator selects the first match that comes
immediately after, and the ~ subsequentβ¦
ββ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
#css_in_js #css #javascript
Medium
The tradeoffs of CSS-in-JS
Every technology has tradeoffs. Itβs time we had a reasonable talk about the tradeoffs CSS-in-JS has made.
ββ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
#css
Medium
CSS Grid, maintaining aspect ratio and managing overflow
Weβve recently deprecated IE support for our product and this has opened up a world of new possibilities when it comes to developmentβ¦
ββ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
8 minute read
#CSS
freeCodeCamp.org
Things Iβve learned about CSS grid layout
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β¦
ββ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
9 minute read
#CSS
codeburst
How To Write CSS When You Hate CSS
Go From Cee-Ess-Ess To Cee-Ess-YES!
ββ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
4 min read
#JavaScript #CSS #React #Electron
freeCodeCamp.org
How to detect a userβs preferred color scheme in JavaScript
In recent versions of macOS (Mojave) and Windows 10 users have been able to enable a system wide dark mode. As this works well and isβ¦
ββ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
β¬οΈ
β± 8 min read
π #CSS
βοΈ Donβt forget to say if you liked the article by leaving a comment below this post
β¬οΈ
Andy Bell
A Modern CSS Reset - Andy Bell
This post is 4+ years old now, so Iβd recommend reading this more up to date version! I think about and enjoy very boring CSS stuffβprobably much more than I should do, to be honest. One thing that Iβve probably spent too much time thinking about over theβ¦
ββCSS position sticky has really good browser support, yet most developers arenβt using it.
β± 5 min read
π #CSS
β± 5 min read
π #CSS
Medium
CSS Position Sticky - How It Really Works!
CSS position sticky has really good browser support, yet most developers arenβt using it.
ββ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
β± 4 min read
π #JavaScript #CSS
Medium
Announcing styled-components v5: Beast Mode πͺπ₯
50% faster server-side rendering, 20% faster client-side rendering, 19% smaller bundle size, RTL support and no breaking changes! ππ―ππ
ββ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
β± 6 minutes read
#CSS
Medium
Improve Page Rendering Speed Using Only CSS
4 Important CSS tips for faster page rendering
ββ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
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
Medium
6 CSS Properties Nobody Is Talking About
Interesting properties that many have never heard of before.
ββ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
But have you ever thought of the impact these frameworks make on your applicationβs performance?
β± 5 minutes read
#CSS
Medium
Compile CSS On-demand with the Latest Tailwind Compiler
Fast, powerful, and on-demand engine for Tailwind CSS v2.1+
ββ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
β± 3 minutes read
#CSS
Medium
Reduce CSS Code with the :is Selector
As the compound CSS selector grows longer we will have to repeat the parent class multiple times. This is when the :is selector comes into p