12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics by Azure Cloud Advocates at Microsoft.
Each lesson includes:
js.device.selector is an ES6 class and jQuery plugin to get the current device type and display type of a browser while making CSS breakpoints available in JavaScript.
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.
Ping-Pong.js is a simple two player Ping Pong game made with pure Javascript and CSS.
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 drinks - restaurant menu with super cool animation using CSS and JavaScript.
A tutorial about creating cool science slider with bubles by using css and javascript.
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.
A tutorial about creating cool temperature slider using svg, css and javascript.
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.
A tutorial about creating cool animated menu concept using CSS and javascript.
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.
A tutorial about creating some decorative shape and letter animations. Anime.js used for the animations and Charming used for working with the words.