반응형

 

microjs - a listing of small JS libraries

 

 

 

http://microjs.com/#

 

 

https://github.com/madrobby/microjs.com

 

 

 

Fantastic Micro-Frameworks and
Micro-Libraries for Funand Profit!

How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use?

Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied pocketknife would do the trick better, faster, slicker?

Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.

Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.

Want to add your own? Fork this site on GitHub, add your framework to data.js and submit a pull request.

 

 

 

반응형
반응형
https://github.com/component/component/wiki/Components

 

 

component module list - all the components

 

 

 

Components

This page acts as our "registry". When you add a component to this list it becomes automatically available to component-search(1) and http://component.io which are refreshed every 15 minutes. It'll also get tweeted by @component_js

The eventual goal of components is that you use only the pieces that you need, not large libraries like jQuery or underscore, these should be application-level dependencies, if used at all. However if you must use them for now, design your APIs in such a way that these are merely implementation details, for example $(selector).mylibrary(options) is not a good choice, so that they can be phased out. Try your best to create components everyone may use, then create backbone-<name> based on that code when possible, otherwise the community will remain fragmented.

AJAX

Routing

CQRS DDD Domain

Huskies

  • huskies/huskies – method or function processor before execution
  • huskies/lock - Lock method according to options, is huskies framework's middle
  • huskies/strict - strict method ,convert and validate arguments, is huskies middleware.

Access Control

Data Modelling

Data Structures

Browser Storage

Dependency Injection

UI Elements

DOM Interaction

Conversion Utilities

Control Flow

Async utilities

Function Utilities

Date Utilities

Array Utilities

String Utilities

Number Utilities

Object Utilities

Math Utilities

Database Utilities

Debugging Utilities

Performance Utilities

WebGL

Canvas

SVG

Shims

Testing

Styling

Templating

Audio

Video

Feature Detection

Other

Crypto

MVC

Backbone

Ember

Foundation

SUIT

  • suitcss/suit – HTML/CSS framework for creating loosely coupled UI components
  • suitcss/base – SUIT base styles for web apps

Utilities

Components

Gaming

CSS Animations

Fonts

Colors

Themes

Aurora

Nightrider

Celtic

Darktone

Display component themes

AngularJS

Localization

Web APIs

반응형
반응형

rlightbox – a jQuery UI mediabox

Table of Content

 

반응형
반응형

Best jQuery Lightbox Plugins for Developers

 

http://codegeekz.com/best-jquery-lightbox-plugins-for-developers/

 

Swipebox : jQuery Lightbox with Touch Support

swipebox-jquery-lightbox-plugin
Swipebox is a jQuery lightbox plugin that has support for touch events and works well in responsive layouts. It can display a single item or a group of items (gallery) where they can be browsed with swipe gestures or keyboard too. The plugin mostly uses CSS transitions and has jQuery fallback for unsupported browsers.

rlightbox : Responsive Lightbox with jQuery UI

rlightbox-jquery-plugin
rlightbox is a lightbox plugin that is built on top of jQuery + jQuery UI and comes with some fresh features that doesn’t exist in its alternatives. It can display any type of content from images to videos (YouTube and Vimeo), Flash files and HTML. The plugin has a unique “panorama” feature for showing only part of an image but allowing users to view the rest with panning. rlightbox can be set to display a single item or a set with the help of pre-next buttons (there is support for keyboard navigation as well). It is look and feel can be completely customized as the plugin is fully compatible with jQuery UI ThemeRolle

Colorbox : Highly-Customizable jQuery Lightbox

Colorbox-ajquery-lightbox
ColorBox is a jQuery Lightbox plugin which is lightweight (9kb) & supports photos, photo groups, slideshow, ajax, inline, and iframed content. The lightbox has a very nicely designed interface which can be improved or customized with CSS. ColorBox is unobtrusive; every option is mentioned in the JS & requires no changes to the existing HTML.

For faster displays & slideshows, it preloads background images and, optionally, can preload upcoming images in a photo group. The plugin comes with a bunch of settings, including transition types-speeds & opacity, for maximum customization.

iLightBox : Impressive jQuery Modal Box Plugin

iLightBox
iLightBox is a fresh alternative to other jQuery lightbox plugins and there is a strong chance that, although it is a paid resource, it may become your favorite. It can present images, videos (YouTube, Vimeo, HTML5 video), other HTML and there is an optional fullscreen mode. The gallery mode can display other items as thumbnails and allows browsing via keyboard, mousewheel and touch events (swipe). There are retina-ready skins, it can be completely customized and iLightbox can also be used as a good-looking replacement for JavaScript’s alert, prompt and confirm dialogs.

Lightbox_me : Simple & Tiny Lightboxing

Lightbox_me
Lightbox_me is a jQuery lightbox plugin that doesn’t come with many features but simply enables you to lightbox any element. And, it is only 1kb compressed. It can position the modal box smartly in every situation whether the windows is resized or the window is smaller than the modal. To sum up, Lightbox_me is very functional for anyone who doesn’t need features like image/video gallery support but only a simple and good-looking lightbox.

Magnific Popup : Responsive jQuery Lightbox Plugin

magnific-popup-jquery-plugin
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device. The majority of lightbox plugins require you to define size of it via JS option. Magnific Popup does not – you can use relative units like EM’s or resize lightbox with help of CSS media queries. Update content inside lightbox without worrying about how it’ll resize and center.
Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size. Default controls are made with pure CSS, without external graphics. For the main image there is a built in way to provide appropriate source for different pixel density displays. Magnific Popup displays images before they’re completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.

FancyBox Light Box

fancybox-jquery-plugin
FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. It can display images, HTML elements, SWF movies, Iframes and also Ajax requests, customizable through settings and CSS, groups related items and adds navigation, supports fancy transitions by using easing plug-in and many more.

Slimbox 2

slimbox2
Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.

반응형
반응형

InfluxDB: An open source database with no dependenceis

influxdb

반응형
반응형

IE 10 에서 iframe이 안보이면.

IE 브라우저에서 [도구] - [인터넷옵션] - [보안] tab 

 -  [사용자 지정수준]

 - [설정]

 - "IFRAME에서 프로그램 및 파일 실행" 을 "사용(안전하지않음)" 또는 "확인(권장)"으로 선택해야한다.

 

 

 

How to enable IFRAME in Internet Explorer 10?

Q: When i try to open site with “open here” i receive error:

“You are using iframe redirect incompatible browser and have dev WordPress version installed on this website. If the dashboard doesn’t show, try here.”.

In order to enable iframe in Internet Explorer 10 it’s required to change some security options.

Navigate to Internet Options and Enable “Launching programs and files in IFRAME (not secure).

iframe

Note: After enabling this option Internet Explorer will warn you about security issue because of the way how IE10 sees IFRAME in general.

After enabling this option IFRAME will still not open directly and it’s required to press “Show all content” button in IE10 pop-up.

You can leave this pop-up to show every time or you can disable it by following these steps:

a) Open Internet Explorer from the Desktop

b) Click on tools, and select Internet options

c) In Internet options window, click on security Tab

d) Select Internet Zone and Click on custom level

e) In security settings-Internet Zone window, select miscellaneous

f) Under miscellaneous, Enable the option which states”Display mixed content”

g) Click on ok and Apply

 

 

 

반응형
반응형

Best JQuery Image Galleries and Sliders

JQuery is an amazing source for programmers that give impressive stylish look into portfolio websites. In this case, we bring a collection of jQuery image sliders galleries that provide a good user experience and looking images more enjoyable and natural on your website. The ease of jQuery scripts, powerful JavaScript frameworks, libraries etc.

We have collection of free jQuery image galleries and sliders, we shall take look probably best examples out there. You might found relatively easy jQuery plugins which are being develops easily their own. Not at all jQuery image galleries are high quality. We have showcased all of them really good quality. You can find them useful and include them in your web tool kit. Let’s just jump into best jquery image sliders and galleries.

Slider Revolution Responsive jQuery Plugin

Responsive with any dimension, Full-Width, Reworked caption engine with animation builder navigation styles, 15 HTML Examples pages.

freejquerysliders-23

AviaSlider – jQuery Slideshow

AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.

freejquerysliders-24

DDSlider – 10 Transitions – Inline Content Support

DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page

freejquerysliders-26

getcu3er – 3D Image Slider

CU3E is 3D jQuery Image Slider, EASY to set up, fully CUSTOMIZABLE, TAILORED to provide a UNIQUE look & feel, INSPIRING and FUN-to-USE. Play with CU3ER! Its 3D magic is awesome.

freejquerysliders-21

PieceMaker

It is an amazing jQuery slider with 3D effects between the image slides. You can use them in your websites and customize it.

freejquerysliders-22

Create a Responsive Image Slider

Responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3.

freejquerysliders-27

Advanced Slider – jQuery XML slider

Advanced Slider is one of the best jQuery sliders on the market, built to be used in a wide range of contexts.

freejquerysliders-28

Supersized

Supersized is a fullscreen background slideshow built using the jQuery library.

freejquerysliders-29

Responsive Image Gallery with Thumbnail Carousel

A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery”

freejquerysliders-2

SLICEBOX

Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don’t support the new properties.

freejquerysliders-3

Making a photobooth Web app

In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface.

freejquerysliders-4

Lateral On-Scroll Sliding with jQuery

The main idea is to laterally slide in elements depending on the scroll position of the document.

freejquerysliders-5



The Slidorion

A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description.

freejquerysliders-7

jCoverflip

It present your featured content elegantly.

freejquerysliders-8

Awkward Showcase

Awkward Showcase is a plugin for the JavaScript Framework jQuery. We call it a Content Slider.

freejquerysliders-10

Slides JS

SlidesJS is a responsive slideshow plug-in for jQuery with features like touch and CSS3 transitions.

freejquerysliders-11

Draggable Image Boxes Grid

The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

freejquerysliders-6

Swipebox – A Touchable jQuery Lightbox

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

freejquerysliders-1

Elastislide

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images.

freejquerysliders-12

Nivo Slider

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market.

freejquerysliders-13

Circular Content Carousel with jQuery

The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out.

freejquerysliders-14

Skitter Slideshow

Beautiful Slideshow which comes in different theme such as minimalist, round, clean and square.

freejquerysliders-15

Galleria

Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.

freejquerysliders-16

Elastic Image Slideshow

Create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

freejquerysliders-17

Diapo

Diapo slideshow is an open source project. It has custom animations which you can featured your images.

freejquerysliders-18

Freebie: Responsive jQuery Slider Plugin Flexslider

You can have a fully responsive slider for your responsive design.

freejquerysliders-19

Flux Slider

Another beautiful 2D and 3D Transitions accelerated image using CSS3

freejquerysliders-20

반응형
반응형

 

getdate()에 1초 더하기

 

SELECT getdate(),(dateadd(s,1,getdate()))

 

 

반응형

+ Recent posts