Resources

curated by the community

  1. https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/
    09-09-2019

    Learn a simple technique for adding a color swap functionality to your product images by creating an SVG and applying a mix-blend-mode to the composition.

  2. http://animista.net
    07-03-2019

    On-demand CSS animations. Play around til you get what you want, then export to CSS for your project!

  3. https://zellwk.com/blog/rem-vs-em/
    07-03-2019

    REM vs. EM: a nice explanation on these two units, and how you can use them in building modular components.

  4. http://jigsaw.w3.org/css-validator/
    07-03-2019

    The W3C CSS Validation Service: check the validity of your CSS (or HTML with CSS).

  5. https://css-tricks.com/specifics-on-css-specificity/
    07-03-2019

    Specificity of css selectors can get confusing. This article explains how it works.

  6. https://zendev.com/ultimate-guide-to-learning-css.html
    07-03-2019

    This article is intended to be a resource for learning, finding the best resources around to learn each area of CSS. Topics are arranged in an order that makes sense for learning from scratch. So if youre brand new to CSS, you should be able to start at the top and work downwards, gradually increasing your understanding.

  7. https://css-tricks.com/almanac/
    07-03-2019

    a reference guide to the many features of CSS.

  8. http://learnlayout.com/
    07-03-2019

    this site teaches the CSS fundamentals that are used in any websites layout.

  9. https://www.youtube.com/playlist?list=PLGLfVvz_LVvSX7fVd4OUFp_ODd86H0ZIY
    07-03-2019

    Learn: code, c++, python, java, php, mysql, javascript, js, html, css, go, ruby, sass, susy, objective c, swift, lua, c#, lisp, haskell, prolgo, scala, dart, jquery, handlebars, bootstrap, express, xampp, jade, MEAN stack, perl, groovy, rush, bash, typescript, erlang, elixir, f#, ES6, kotlin, crochet, r, clojure, arduino, crysal, julia, matlab, fortran, LaTeX, java in one video.

  10. https://www.sitepoint.com/javascript-media-queries/
    07-03-2019

    creating media queries in javascript

  11. https://blog.gyrosco.pe/smooth-css-animations-7d8ffc2c1d29
    07-03-2019

    tips on how to make smooth animations, from the creator of the Gyroscope app

  12. https://github.com/dwyl/learn-tachyons
    07-03-2019

    A primer that will teach you about the css framework Tachyons (which seems to be poppin)

  13. https://github.com/blackgirltech/css_tutorial/blob/master/README.md
    07-03-2019

    A cool and practical overview of css that covers common usecases

  14. https://codingthesmartway.com/getting-started-with-css-grid/
    07-03-2019

    video tutorials on the new css grid system

  15. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
    07-03-2019

  16. https://css-tricks.com/snippets/css/complete-guide-grid/
    07-03-2019

  17. https://learn.shayhowe.com/advanced-html-css/
    07-03-2019

  18. https://en.bem.info/methodology/quick-start/
    07-03-2019

  19. https://appendto.com/2014/04/oocss/?nabe=4834138299564032:1,5488687288942592:0,5685334715400192:1,6035677076783104:1,6118337346273280:0&utm_referrer=https%3A%2F%2Fwww.google.com%2F
    07-03-2019

  20. https://github.com/ikkou/awesome-css#architecture
    07-03-2019