Permalink

0

WebUI Popover: A Light Weight jQuery Popover Plugin

WebUI Popover is a light weight popover plugin with jQuery, enhance the popover plugin of bootstrap with some awesome new features. It works well with bootstrap, but bootstrap is not necessary! It supports IE8+, Chrome, Safari, Firefox, Opera browsers and requires jQuery 1.7+.

WebUI Popover

Features

  • fast,lightweight
  • support more placements
  • auto caculate placement
  • close button in popover
  • multipule popovers in same page
  • different styles
  • supports URL and IFRAME
  • supports async mode

Source Website & Download

Permalink

0

TETHR: A Free Beautiful iOS Design Kit

TETHR is the most beautiful, complete iOS design kit you’ve ever seen, and it also happens to be free. The kit features –

  • Make it Minimal: Clean modern designs match the flat iOS interface
  • Mix & Match: Drag-and-drop elements make it easy to concept any iPhone interface
  • Retina Ready: So there’s no need to worry about optimizing your assets

The Most Complete iOS Design Kit You’ve Ever Seen

It includes 8 PSD files, 138 templates, and more than 250 individual components.

Source Website & Download

Permalink

0

Compressor.io – Compress and Optimize your Images

Compressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression. Compressor.io can compress and optimize your images Up to 90% file size reduction.

Compressor.io - Compress and Optimize your Images

The technologies used to perform such optimisations are free and open-source softwares such as : pngquant, OptiPNG, JpegOptim, Lossy GIF and Scour. You can upload an unlimited number of images (bulk upload is coming soon).

Demo & Source Website

Permalink

0

JSNice – Make Obfuscated JavaScript Code Readable

JSNice is a new kind of statistical de-obfuscation and de-minification engine for JavaScript. Given a JavaScript program, JSNice automatically suggests new likely identifier names and types.

JSNice uses advanced machine learning and program analysis techniques to learn name and type regularities from large amounts of available open source projects (currently, we have indexed over 10,000 JavaScript projects from GitHub). Then, given new JavaScript code, JSNice probabilistically infers newly suggested names and types for all of the local variables and function parameters.

JSNice - Make Obfuscated JavaScript Code Readable

Demo & Source Website

Permalink

0

Recreating the “Design Samsung” Grid Loading Effect

A tutorial on how to achieve the grid loading effect seen on the “Design Samsung” site. The effect will show a colored element sliding in first and then sliding out again, revealing the image.

Recreating the Design Samsung Grid Loading Effect

The idea is to load grid images showing a swiping animation of a colored element first. For that we’ll dynamically add a division that we’ll color with the most prominent color of the associated image and then we’ll animate that element to reveal the image. We’ll add an animation that looks like the one seen on the Samsung site and we’ll also add two more, a swipe to the bottom and a swipe rotation.

We’ll not load items or images dynamically, instead we’ll simulate their appearance on scroll. Of course, in real cases with dynamically loading content you might use something like lazy loading or infinite scrolling.

Note that this is for modern browsers only!

Demo & Source Website

Permalink

0

Simple Stack Effects using CSS3 3D Transforms

A set of simple stack effects for inspiration from Codrops. The main idea is to have one item shown initially and then, on some trigger, more items are revealed as decoration. You have certainly seen these kind of effects, mostly used in image galleries, but also on single items on a page: one item is shown initially and then, with some trigger, more items are revealed, normally as decoration. One can imagine a couple of triggers for these effects: item hover, on load, on scroll and on click effects. When using some subtle, but creative moves, we can make some interesting effects that elevate a static design.

Simple Stack Effects using CSS3 3D Transforms

Note that for some of the effects we use perspective and 3D transforms so they will only work in modern browsers.

Demo & Source Website

Permalink

0

Mondrian: A Smart and Easy-to-Learn Vector Graphics Web App

Mondrian is a smart and easy-to-learn vector graphics web app. Mondrian offers all the tools needed to create, modify, and export simple SVG files. Mondrian also supports undo/redo through a (somewhat rough and unstable) file history API that –

  • stores operations, not states
  • is tiny and JSON-serializable, so it can be persisted to a server and loaded back up in another session
  • can visually reconstruct a file’s entire history step-by-step-step

Mondrian is a smart and easy-to-learn vector graphics web app

Source Website
Page 1 of 7712345...102030...Last »