Advertise here

jQuery Plugins Tagged ‘css’

HTML5 Boilerplate – Popular Front-End Template for Web

August 16, 2021     407     HTML5 CSS3 & CSS
HTML5 Boilerplate – Popular Front-End Template for Web

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.

Read More »

Carbon Design System by IBM

March 12, 2021     684    
Carbon Design System by IBM

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.

Read More »

Web Development Lessons for Beginners By Microsoft

January 03, 2021     511    
Web Development Lessons for Beginners By Microsoft

12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics by Azure Cloud Advocates at Microsoft

Each lesson includes:

  • optional sketchnote
  • optional supplemental video
  • pre-lesson warmup quiz
  • written lesson
  • for project-based lessons, step-by-step guides on how to build the project
  • knowledge checks
  • a challenge
  • supplemental reading
  • assignment
  • post-lesson quiz

Read More »

Device Selector – jQuery Plugin to Get the Current Device Information

April 27, 2019     716    
Device Selector – jQuery Plugin to Get the Current Device Information

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.

Read More »

Linaria – Zero-Runtime CSS in JS Library

September 26, 2018     594     CSS3 & CSS
Linaria – Zero-Runtime CSS in JS Library

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

Read More »

Diagonal Slideshow – Slideshow With Diagonal Look and Content Preview

August 31, 2018     1589     Slider Animation
Diagonal Slideshow – Slideshow With Diagonal Look and Content Preview

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.

Read More »

Ping-Pong.js – 2 Player Ping Pong Game with CSS and Javascript

July 06, 2018     942    
Ping-Pong.js – 2 Player Ping Pong Game with CSS and Javascript

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

Read More »

TextFit – Text Sizing / Fitting Component

July 04, 2018     325     Text & String
TextFit – Text Sizing / Fitting Component

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.

Read More »

Bendy Drinks Menu – Drink/Restaurant Menu with Cool Animation

June 29, 2018     1169     Menu Animation
Bendy Drinks Menu – Drink/Restaurant Menu with Cool Animation

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

Read More »

Science Slider – Cool Slider with Bubles using CSS and Javascript

May 30, 2018     881     Slider
Science Slider – Cool Slider with Bubles using CSS and Javascript

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

Read More »

Grid Layout with Motion Hover Effect and Content Preview

May 24, 2018     1071     CSS3 & CSS Animation Grid & Layout
Grid Layout with Motion Hover Effect and Content Preview

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.

Read More »

Temperature Slider with SVG, CSS and Javascript

May 18, 2018     1555     Slider
Temperature Slider with SVG, CSS and Javascript

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

Read More »

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

May 08, 2018     2042     Grid & Layout Bootstrap
Bootstrap 4 – The Most Popular HTML, CSS, and JS Library

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.

Read More »

Animated Menu Concept with CSS and Javascript

March 16, 2018     1066     Menu Effects Animation
Animated Menu Concept with CSS and Javascript

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

Read More »

basicScroll – Standalone Parallax Scrolling for Mobile & Desktop

February 17, 2018     2628     Scroll Mobile Animation
basicScroll – Standalone Parallax Scrolling for Mobile & Desktop

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.

Read More »