css | jQuery Plugins

Device Selector – jQuery Plugin to Get the Current Device Information

April 27, 2019 636

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 – Zero-Runtime CSS in JS Library

September 26, 2018 541 CSS3 & CSS

Linaria is zero-runtime CSS in JS library.

Features

Write CSS in JS, but with zero runtime, CSS is extracted to CSS files during build
Familiar CSS syntax with Sass like nesting
Use dynamic prop based styles with the React bindings, uses CSS variables behind the scenes

Diagonal Slideshow – Slideshow With Diagonal Look and Content Preview

August 31, 2018 1258 Slider Animation

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 – 2 Player Ping Pong Game with CSS and Javascript

July 06, 2018 691

Ping-Pong.js is a simple two player Ping Pong game made with pure Javascript and CSS.

TextFit – Text Sizing / Fitting Component

July 04, 2018 309 Text & String

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.

Bendy Drinks Menu – Drink/Restaurant Menu with Cool Animation

June 29, 2018 957 Menu Animation

A tutorial about creating drinks - restaurant menu with super cool animation using CSS and JavaScript.

Science Slider – Cool Slider with Bubles using CSS and Javascript

May 30, 2018 834 Slider

A tutorial about creating cool science slider with bubles by using css and javascript.

Grid Layout with Motion Hover Effect and Content Preview

May 24, 2018 921 CSS3 & CSS Animation Grid & Layout

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.

Temperature Slider with SVG, CSS and Javascript

May 18, 2018 1186 Slider

A tutorial about creating cool temperature slider using svg, css and javascript.

Bootstrap 4 – The Most Popular HTML, CSS, and JS Library

May 08, 2018 1680 Grid & Layout Bootstrap

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.

Animated Menu Concept with CSS and Javascript

March 16, 2018 1009 Menu Effects Animation

A tutorial about creating cool animated menu concept using CSS and javascript.

basicScroll – Standalone Parallax Scrolling for Mobile & Desktop

February 17, 2018 2292 Scroll Mobile Animation

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.

Material Design Expanding Action Button

February 14, 2018 1058 Menu

A nice code snippet about creating material design expanding action button menu by using jQuery and css.

Decorative Letter Animations with Anime.js

January 22, 2018 1230 Effects Animation

A tutorial about creating some decorative shape and letter animations. Anime.js used for the animations and Charming used for working with the words.

Slice Slider – Slicey Transition Slider

January 16, 2018 884 Slider

Slice Slider is a little slicey transition slider using a simple add class deal. Supports scrollwheel (scroll jacking), nav buttons and arrow keys.