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! In summary, with Colorify.js, you can : – Extract the dominant color from an image – Generate gradients based on the images colors – Isolate colors and manipulates them everywhere in…
This is a tiny SCSS library to help you build websites faster than ever, whithout hundreds of (never used) selectors. Features: – Only 39 KB – Modular ready – 2 grid systems (bootstrap and flexboxgrid ) – Adjust colors, borders & sizes in the variables.scss file – Responsive
If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. You can play with the interactive demo below to see how Labella handles randomly generated labels with different parameters. Moreover, if you are looking for a ready-to-use timeline component with Labella’s smart labeling instead of building your own timeline from scratch, check out d3Kit-timeline.
Visual Hierarchy a popular market for buying premium creative products for designers is offering a fantastic deal. You can get all their premium UI kits, icons, and fonts for $8 each on Black Friday. – Use them to create better websites, mobile prototypes and delightful graphic design projects (logos, t-shirts, flyers, posters, business cards, bags etc.) – Save hundreds of dollars for a limited time and start creating quality websites and mobile prototypes. Are you…
As always, Black Friday brings some awesome deals for designers and developers. Here’s a list of hand-picked hot offers to save you a lot of time and make your life even more enjoyable. Don’t miss out and read it carefully! Instapage.com Instapage is the most powerful landing page builder available where users can create professionally designed pages with no coding or design experience necessary. With more than 80 pre-built templates and 20+ integrations, individual marketers,…
Segment is a little JavaScript class – 2kb (without dependencies) to draw and animate SVG path strokes. The advantages of using Segment is that you can animate the transition from one segment to another, define a begin and end values with expressions like “50% + 10”, set delays, easing functions, callbacks, and all these with less than 2kb! The easing functions used in this demo belong to the excellent library d3-ease.
simplebox.js is a lightweight lightbox plugin (603 bytes) that is easy to modify or extend to fit your needs. This plugin is intended to be a quick, responsive, efficient. simplebox.js is designed to have just one feature: lightboxing. It’s responsive out of the box and allows only a few crucial settings. To install simplebox, you will have to include the following resources in your page. The JS files should be loaded in the order stipulated…
roll.js is a little js library (~8kb, no dependencies) to help you keep track of position, scrolling, and pagination. For basic usage Simply create a new instance, specifying the viewport sizeand for DOM Usage keep track of scrolling in a DOM element, and then do pagination or animation based on scroll position. Here’s a DOM scrolling demo Here’s a Canvas demo
Round slider (also can call as Circular slider, Radial slider) is a jQuery plugin that allows the user to select a value or range of values. Not only a round slider, it supports the quarter, half and pie circle shapes also. Due to the flexibility of roundSlider, the user can do any customization based on their requirement. Here, some examples for the basic customization.By customizing the CSS styles we can make different appearances. It supports…
jColumn is a lightweight JavaScript library to make selected html elements the same height. It can be used as standalone JavaScript library or jQuery plugin.Size: 556 Bytes.