css-variables   77

« earlier    

A Strategy Guide To CSS Custom Properties — Smashing Magazine
Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties.
css  css-variables 
6 days ago by RyanRoberts
A Strategy Guide To CSS Custom Properties
CSS Custom Properties (sometimes known as ‘CSS variables’) are now supported in all modern browsers, and people are starting to use them in production. This is great, but they’re different from variables in preprocessors, and I’ve already seen many examples of people using them without considering what advantages they offer.

Custom properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. I’m not going to focus on the syntax and how they work (for that I recommend you read “It’s Time To Start Using Custom Properties”). Instead, I want to take a deeper look at strategies for getting the most out of CSS Custom Properties.
css  css-variables  css-custom-properties 
8 days ago by vaupeh
wix/rawss: Generic CSS polyfill framework, with a CSS variables implementation
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
css  tool  polyfill  css-variables 
9 weeks ago by jppferguson
Everything you need to know about CSS Variables – freeCodeCamp
Most programming languages have support for variables. But sadly, CSS has lacked support for native variables from the very beginning. Preprocessors like Sass sell the use of variables as a big…
Feedly  reference  Tutorial  IFTTT  variables  css  programming  guide  webdesign  css-variables 
10 weeks ago by dlindber
Parallax scrolling with CSS variables | basicScroll
basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.
animation  css  parallax  scroll  css-variables  javascript 
10 weeks ago by VoxPelli
Parallax scrolling with CSS variables | basicScroll
Standalone parallax scrolling for mobile and desktop with CSS variables.
css  css-animations  css-variables  web-design  javascript 
11 weeks ago by obxdesignworks

« earlier    

related tags

abstraction  animation  apache  article  best-practices  best  browsers  coding  color  colored  css-animation  css-animations  css-custom-properties  css-flexbox  css-grid  css-preprocessors  css-tricks  css  css3  css4  csstricks  currentcolor  custom-properties  custom  design  development  dw-css  feature-detection  feedly  frontend  future-css  grid  guide  guides  howto  icon  ifttt  issue  javascript  js  library  links  mobile  mod_rewrite  neattricks  nettuts  overlay  parallax  php  pipeline  polyfill  post-css  prefixer  programming  progressiveenhancement  reference  responsive  rewrite  safari  sass  scroll  scrolling  standards  svg  theme  tips  tool  tutorial  type  variables  web-design  web-development  web  webdesign  webdev  webdevelopment  webkit 

Copy this bookmark:



description:


tags: