반응형
반응형

Sharer.js: Create custom social share elements


Sharer.js lets you create custom social share elements on DOM objects. It’s a very tiny library (~1.6kb) with no dependencies.

 

 Create your own social share buttons http://ellisonleao.github.io/sharer.js

Sharer.js is a very tiny js lib to create custom social share components on DOM elements for your website. No dependencies.

Checkout the docs page for more info about installing and usage.

sharer.js










.

반응형
반응형

Lineman.js: Stop worrying about workflow configuration

 

Lineman.js puts a wrapper around a number of client-side productivity tools, including Express, Grunt, and Testem, to allow developers to focus more on development and less on workflow.

lineman.js

 

 

 

반응형
반응형

Colorify.js: Tiny JavaScript color extractor

 

Colorify.js is a tiny JavaScript color extractor that’s simple and customizable. You can use it to extract the dominant color from an image, generate gradients based on the images colors, and more.

colorify

 

 

 

 

반응형
반응형

CodeceptJS: Acceptance testing for NodeJS

CodeceptJS offers modern era acceptance testing for NodeJS. It’s scenario driven, backend agnostic, and uses an interactive shell.

codeceptjs


반응형
반응형

 

Slidesjs - 원하는 페이지로 이동시킬때.

http://www.slidesjs.com/

 

 

 

 

http://stackoverflow.com/questions/16043600/refresh-slidejs

 

$('#SLIDESID').slidesjs({
    //...
});

// ... later somewhere else ... //

var currentIndex = $('#SLIDESID').data().plugin_slidesjs.data.current;

//remove active tab
$('#SLIDESID [slidesjs-index="' + currentIndex + '"]').remove();
$('#SLIDESID [data-slidesjs-item="' + currentIndex  + '"]').parent().remove();

//reindex tabs
var tabs = $('#SLIDESID [slidesjs-index]');
tabs.each(function(idx, elem){
    $(elem).attr('slidesjs-index', idx);
});

//reindex pagination
$('#SLIDESID [data-slidesjs-item]').each(function(idx, elem){
    $(elem).attr('data-slidesjs-item', idx);
    $(elem).text(idx+1);
});

//tweek plugin data
$('#SLIDESID').data().plugin_slidesjs.data.total = tabs.length;
$('#SLIDESID').data().plugin_slidesjs.data.current--;

//animate to new element by clicking on NEXT
$('#SLIDESID .slidesjs-next').click();
반응형
반응형

 

웹 Front-End 실무 이야기

 

 

 

 

 

 

 

 

 

.

반응형

+ Recent posts