Carbon Design System is IBM’s open source design system for products and digital experiences. The system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Each lesson includes:
Linaria is zero-runtime CSS in JS library.
A diagonal look slideshow with three visible slides. A decorative background element expands to fullscreen when opening the content preview. The animations are powered by TweenMax.
TextFit is a fast, dependency-free text sizing component that quickly fits single and multi-line text to the width and/or height of its container.
A tutorial about creating retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
Build responsive, mobile-first projects on the web with the world's most popular front-end component library.
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
basicScroll is a standalone parallax scrolling library with CSS variables inspired by skrollr. basicScroll lets you to change CSS variables depending on the scroll position.
A nice code snippet about creating material design expanding action button menu by using jQuery and css.