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.
Easy Dark Mode CSS Trick Mar 23, 2022
Achieve a Dark Mode in the entire user interface using CSS in only one property.
Morphing Background Shapes on Scroll May 26, 2017A decorative website background effect where SVG shapes are morphing and transforming on scroll.
Timedropper a jQuery UI timepicker May 02, 2017Timedropper 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.
Grid Loading Animations Apr 19, 2017A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded.
Colorify.js Dec 25, 2015
- 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
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.
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.