css-variables   87

« earlier    

DRY Switching with CSS Variables: The Difference of One Declaration | CSS-Tricks
This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less
css  variables  css-tricks  css-variables 
5 weeks ago by davilious
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 
may 2018 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 
may 2018 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 
march 2018 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 
march 2018 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 
march 2018 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 
march 2018 by obxdesignworks

« earlier    

related tags

abstraction  animation  apache  article  best-practices  best  bookmarks_toolbar  browsers  code  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  from_google_chrome  frontend  future-css  grid  guide  guides  howto  icon  ifttt  javascript  js  library  links  mobile  mod_rewrite  native-css  neattricks  nettuts  overlay  parallax  php  pipeline  polyfill  post-css  prefixer  programming  progressiveenhancement  reference  responsive  rewrite  safari  sass  scroll  scrolling  standards  svg  theme  theming  tips  tool  tutorial  type  unsorted_bookmarks  variables  vh  web-design  web-development  web  webdesign  webdev  webdevelopment  webkit 

Copy this bookmark: