Dropmic – Accessible Custom Dropdown Menu

Dropmic - Accessible Custom Dropdown Menu

Dropmic is A lightweight dropdown plugin Introduction dropmic is a lightweight dropdown plugin written in pure javascript No dependencies required No extra files to download Fully customizable via CSS Simple API Documentation Installation Method Procedure Bower bower install dropmic –save NPM npm install dropmic –save Download Download zip Then dropmic …

Read More »

webgradients – 180+ Gradient Colors In Pure CSS3

webgradients - 180+ Gradient Colors In Pure CSS3

A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats. webgradients is a lightweight CSS library which provides 180+ linear-gradient colors for backgrounds, text and anywhere you want. How To Use Download the file webgradients.css. Place the file in your project folder. Link the file it in the …

Read More »

CSS Only Togglable Fullscreen Side Navigation

CSS Only Togglable Fullscreen Side Navigation

A sidebar navigation that allows to show and hide a fullscreen menu using pure CSS/CSS3. How to use in HTML : <div class=”wrapper”> <input type=”checkbox” id=”menuToggler” class=”input-toggler” value=”1″ autofocus=”true”/> <label for=”menuToggler” id=”menuTogglerLabel” class=”menu-toggler” role=”button” aria-pressed=”false” aria-expanded=”false” aria-label=”Navigation button”> <span class=”menu-toggler__line”></span> <span class=”menu-toggler__line”></span> <span class=”menu-toggler__line”></span> </label> <nav id=”sidebar” class=”sidebar” role=”navigation” aria-labelledby=”menuTogglerLabel” …

Read More »

Glowing.css – Glow Effect In Pure CSS/CSS3

Glowing.css – Glow Effect In Pure CSS/CSS3

A simple pure CSS to make PNG or anything glow! It can be applied to divs, texts, links, inputs, buttons, PNG image, and so on. You can use it and/or modify it freely according to your need. It’s originally created for my PokoPoko fun social media project. But then I considering …

Read More »

Pure CSS One Page Scroll Effect

Pure CSS One Page Scroll Effect

Creating a pure HTML/CSS solution fullscreen/smooth, one page scroll effect for your single page web application. Based on CSS3 and radio & label hacks. Allows the user to navigate between pages with side navigation and/or arrow keys.

Read More »

SpaceGrid – Responsive 12-column Grid Layout

SpaceGrid – Responsive 12-column Grid Layout

A no-frills responsive grid layout to help you get started on your next project. SpaceGrid is a lightweight CSS library used to render a responsive, 12-column grid layout for your modern web design. Setup your project Download either the spacegrid.min.css or spacegrid.css file and link it to your project: <html> …

Read More »

AnimusJS – Element Animations On Scroll

AnimusJS – Element Animations On Scroll

AnimusJS is the solution for combine JS and CSS animations. AnimusJS AnimusJS is the solution for combine JS and CSS animations. With AnimusJS, you can create animations Changing CSS Classes or using JavaScript Functions very easy! Live Example: http://codepen.io/soutomario/pen/akrwxp?editors=0010 First things first… npm install animusjs or git clone https://github.com/soutomario/animusjs.git After …

Read More »

Facebook Style GIF Player – gifsee.js

Facebook Style GIF Player – gifsee.js

A modern, vanilla JavaScript Facebook style gif previewer and loader is. Inspired by this jQuery plugin, just 2.8kb minified. For Modern Browsers Gifsee unapologetically uses modern JavaScript techniques, without transpiling them back to ES5. Gifsee uses Fetch, Arrow Functions, Calc and Promises. For old browsers using a Fetch Polyfill is …

Read More »

QR Code generator library

QR Code generator library

High quality QR Code generator library in Java, JavaScript, Python, C++. Introduction This project aims to be the best, clearest QR Code generator library in multiple languages. The primary goals are flexible options and absolute correctness. The secondary goals are compact implementation size and good documentation comments. Features Core features: …

Read More »