55 Checkboxes With Online Demo & Source Code 👾

http://freefrontend.com/css-checkboxes/

#CSS #UI
@ProgrammingTip

Loader.css 🌀

Delightful and performance-focused pure css loading animations. 💎

https://github.com/ConnorAtherton/loaders.css

Demo : https://connoratherton.com/loaders

〰〰〰〰〰〰
#CSS
@ProgrammingTip

What is currentColor in CSS ❓

currentColor — As name says , it pick the current color reference in an class and when you assign currentColor as one of the value of the property it will show the refer color.

[ Article ] : http://bit.do/curro

〰〰〰〰〰〰
#CSS #Tips
@ProgrammingTip

🌈 WebGradients

WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. 🖥

Easy copy CSS3 Crossbrowser code and use it in a moment! They Have also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop. 🔥

https://t.me/pgimg/12
[ Website ] : https://webgradients.com/

〰〰〰〰〰〰
#css #color #gradient
@ProgrammingTip

CSS Variables — What You Need to Know 🎨

CSS variables are more accurately described as custom properties.

They are useful in preventing DRY — Don’t Repeat Yourself code.

With the ability to change a property once and have that change made all over your style sheet is magical ❗️

[ Article ] : http://bit.do/cvar

〰〰〰〰〰〰
#CSS #Variable
@ProgrammingTip

Enjoy CSS 🍻

Online CSS3 Code Generator With a Simple Graphical Interface. 🤠

[ Website ] : http://enjoycss.com

〰〰〰〰〰〰
#FrontEnd #Css
@ProgrammingTip

UnCSS ✨

UnCSS is a tool that removes unused CSS from your stylesheets. ✅

It works across multiple files and supports Javascript-injected CSS. 🗂


How❓🤔

1️⃣ The HTML files are loaded by jsdom and JavaScript is executed.

2️⃣ All the stylesheets are parsed by PostCSS.

3️⃣ document.querySelector filters out selectors that are not found in the HTML files.

4️⃣ The remaining rules are converted back to CSS.

https://t.me/pgimg/43

[ Website ] : https://uncss-online.com/

[ Github ] : https://github.com/giakki/uncss

〰〰〰〰〰〰
#FrontEnd #Css #Tools
@ProgrammingTip

Pretty Checkbox 🌈

A pure CSS library to beautify checkbox and radio buttons. ✨

Framework Compatability 🔥 :
• Angular
• Bootstrap
• React
• Vue

https://t.me/pgimg/106

[ Website ] : http://bit.do/csspr

〰〰〰〰〰〰
#CSS #Library
@ProgrammingTip

Flexbox Froggy 🐸

Flexbox Froggy is a game for learning CSS flexbox. 👾

Flexbox Froggy takes inspiration from the classic arcade game Frogger, and web literacy games like the brilliant CSS Diner and Erase All Kittens, where you learn about CSS selectors and HTML markup respectively. 🔥


https://t.me/pgimg/130

[ Learn ] : flexboxfroggy.com

〰〰〰〰〰〰
#FlexBox #CSS
@ProgrammingTip

All You Need To Know About CSS-in-JS 🌈

Thinking in components — No longer do you have to maintain bunch of style-sheets. CSS-in-JS abstracts the CSS model to the component level, rather than the document level (modularity). 🗂


What is CSS-in-JS❓

JSS is a more powerful abstraction over CSS. 🦋

It uses JavaScript as a language to describe styles in a declarative and maintainable way. 🗣

It is a high performance JS to CSS compiler which works at runtime and server-side. 💎

This core library is low level and framework agnostic. ✨

It is about 6KB (minified and gzipped) and is extensible via plugins API. 💉


https://t.me/pgimg/141

[ Article ] : kutt.it/jss

〰〰〰〰〰〰
#CSS #JavaScript #JSS
@ProgrammingTip