반응형
반응형

Trianglify: Generate colorful triangle meshes

Trianglify is a JavaScript library that lets you create colorful triangle meshes automatically, which you can then use as CSS backgrounds, or SVG images. There are controls for noise, cell size, and cell padding, and of course the whole thing is open source.

trianglify

Trianglify

Trianglify is a library that I wrote to generate nice SVG background images like this one:

example

It was inspired by btmills/geopattern, and uses d3.js to build the polygons and SVG and SVG filters for rendering. It also includes the colorbrewer color palette library to get you up and running quickly. It was written in a single day because I got fed up with Adobe Illustrator.

Demo:

Official: http://qrohlf.com/trianglify

nixterrimus also made a nice demo app: link (source)

반응형
반응형

 

scrollToBySpeed: Scroll windows by speed instead of duration

 

scrollToBySpeed is a jQuery plugin that lets your users scroll by speed rather than duration, giving a more consistent user experience. Regardless of how far down the page something is, when a user clicks a navigation button that triggers a scroll, the speed will be consistent.

scroll

반응형
반응형

Sticky Alerts: A tiny sticky alert bar plugin

 

Sticky Alerts is a tiny jQuery plugin (only 36 lines of JavaScript!) for adding sticky alert bar to your website. It’s easy to set up and has a few options for customizing it for your site.

sticky alerts

 

 

 

 

 

 

 

.

반응형
반응형

FastClick: Eliminate lag in mobile browsers

 

 

FastClick aims to eliminate the 300ms lag between a physical tap and the actual “click” event in mobile browsers. This makes your site feel much more responsive and less laggy, without interfering with your site’s current logic.

fastclick

.

반응형
반응형

jQuery fontIconPicker: Add an icon picker to your admin forms

The jQuery fontIconPicker makes it simple to add an icon picker and search function to your administration forms. It can be triggered on a SELECT or TEXT input, and has multiple usage options.

아이콘 셀렉트/콤보 버튼, 선택  -  http://codeb.it/fonticonpicker/

iconpicker

jQuery fontIconPicker is a small (1.58kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms. 

 

 Legend:

 How it works
 Basic: Load from SELECT input field
 Load from TEXT input field (no empty icon, no search)
 Load icons from Fontello JSON config file
 fontIconPicker validation
 Change icon set on the fly
 Trigger event on icon change
 ACF { fontIconPicker WordPress plugin
 Browser compatibility
 Credits

 

 

 

반응형
반응형

Garlic.js: Persistent local form data

There’s little more frustrating for your users than accidentally closing a browser tab mid-way through filling out a form, losing whatever they’ve input so far. Garlic.jsprevents this, by storing form data locally until the form is submitted, regardless of whether the browser is closed.

garlic

 

반응형

+ Recent posts