How to Use CSS Math Functions Apr 15, 2022

The CSS logical functions calc(), clamp(), min() and max() are supported by all modern web browsers. But, despite being readily available – a simple GitHub search tells us that adoption for these functions has been slow. So, how exactly do we use them to build fluid and responsive layout experiences? Let’s find out.

How to Use CSS Math Functions

Easy Dark Mode CSS Trick Mar 23, 2022

Achieve a Dark Mode in the entire user interface using CSS in only one property.

Easy Dark Mode CSS Trick

Morphing Background Shapes on Scroll May 26, 2017

A decorative website background effect where SVG shapes are morphing and transforming on scroll. Morphing Background Shapes on Scroll

Timedropper a jQuery UI timepicker May 02, 2017

Timedropper is an eye catching jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker. Set time in 12-hour clock in which the 24 hours of the day are divided into two periods. Change time using mousewheel. Timedropper a jQuery UI timepicker

Grid Loading Animations Apr 19, 2017

A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded. Grid Loading Animations

Summernote: Super simple WYSIWYG Editor Mar 14, 2016

Summernote is a JavaScript library that helps you create WYSIWYG editors online. Summernote: Super simple WYSIWYG Editor

Colorify.js Dec 25, 2015

Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs!
- Extract the dominant color from an image
- Generate gradients based on the images colors
- Isolate colors and manipulates them everywhere in the page
- Create a Lazy-revealer system for your images
- Load image dynamically

Colorify.js

jQuery Responsive Lightbox Plugin: Chocolat.js Sep 11, 2015

Chocolat.js enables you to display one or several images staying on the same page.
The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.
The viewer may appears full-page or in a block.

jQuery Responsive Lightbox Plugin: Chocolat.js

"Roboto: Google’s signature family of fonts" is now free Jun 10, 2015

oogle’s signature family of fonts, the default font on Android and ChromeOS, and the recommended font for Google’s visual language, Material Design.
It also contains the toolchain used in creating Roboto.
The font family supports all Latin, Cyrillic, and Greek characters in Unicode 7.0, as well as the currency symbol for the Georgian lari, to be published in Unicode 8.0.
The fonts are currently available in eighteen different styles.
A subset of an earlier version of Roboto is available from Google Fonts, and can be used as a web font.

"Roboto: Google’s signature family of fonts" is now free

Jquery Image Player Apr 17, 2015

Businessess need to develop a video to explain the flow of applications like online internet banking, 3D visuals of car interiors, etc. However, this makes the overall file size very heavy. In such cases, users can use this "Jquery Image Player". Though giving a feeling of a video player, this is an image based player with a look and feel of video player. Jquery Image Player