Inspire by Fittext.js , Fitter Happier Text is a javascript plugin for creating performant, fully fluid headings and created by JXNBLK Fitter Happier Text replaces each node with an SVG text node and sets the viewBox attribute based on its width and height. Usage Include dist/fitter-happier-text.js in your project or install from NPM: OR
tinyDraggable is a minimalistic jQuery plugin for making objects draggable.tinyDraggable is compatible with jQuery 1.5+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. No dependencies except the jQuery library. Features – Extremely lightweight: 0.5 kB of uncompressed, minified JavaScript – Options for selecting and excluding drag handles
This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme, after the Bootstrap CSS and include the javascript at the end of your document (Just before the end of the tag), and everything will be converted to Material Design (paper) style. Variations: There are 17 additional color variations (in addition to the classic 4 variations) for buttons, inputs, checkboxes,…
This is our daily mobile app inspiration article for our loyal readers.Every day we are showcasing a mobile app design whether live on app stores or only designed as concept. Today’s mobile application inspiration Roadie Chromatic Tuner is designed by Marco Nenzi Roadie Tuner is a responsive, accurate and minimal tuner that works on guitars, string, wind, and any musical instrument. The interface design for Roadie Tuner is flat and simple directly inspired from iOS7…
lazysizes is a fast (jankfree) lazyloader for images (including responsive images), iframes and scripts/widgets without any dependency. It may become also your number one tool to integrate responsive images. Due to the fact that it can also automatically calculate the sizes attribute for your responsive images, it helps to seperate layout (CSS) from content/structure (HTML) and makes integrating responsive images into any enviroment simply simple.
Today’s free design resource Mobile App Introduction Template with tutorial comes from Codyhouse.A basic template to showcase the best features of your app, enriched with a video slider for a better user understanding. The template turns into video slider on desktop screen. Note: all videos in the demo have been created in Adobe After Effects, and exported as .mp4 using Adobe Media Encoder.
Beautiful and responsive progress bars with animated SVG paths.You can use built-in shapes or create your own paths and also customize the animations as you wish. ProgressBar.js is lightweight, MIT licensed and supports all major browsers including IE9+. ProgressBar.js uses shifty tweening library to animate path drawing. So in other words, animation is done with JavaScript using requestAnimationFrame. Animating with JS gives more control over the animation and is supported across major browsers. For example…
Tailor-made text to fit your needs! Responsive text to fill the height of the parent element or ellipse it when it doesn’t fit.The parent element needs to have a height (fixed or percentage). How To Use
This is 4rd volume of Dealjumbo’s new and unique deal format 5in1. Highest quality & top sellers custom font families in one mega bundle! If you are looking to beef up your custom font library, this Jumbo Deal is just for you! With almost 93% off and available for limited time only, you’ll need to grab this new 5in1 mega bundle while you can. With 25 custom font families from 5 premium design shops is…
A bookmarklet to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API. A browser with support for the Resource Timing API is required. Just add the bookmarklet to your bookmarks bar. Wait for a page to fully load and then click the bookmarklet to overlay a performance heatmap. The heatmap colours and the first ms value indicate at what point in the page load the image finished loading.…