반응형
10 Best jQuery Plugins to Create Dynamic Layouts

 

pintrest 같은. 그리드. Grid

 

 

SuperScrollorama

SuperScrollorama

SuperScrollorama is a popular jQuery plugin for creating supercool scrolling and animation, powered by TweenMax and the Greensock Tweening Engine. This is a powerful tool, and with great power comes great responsibility. Use wisely. A little subtlety can go a long way.

Scrolldeck

Scrolldeck

Scrolldeck is a jQuery plugin for making scrolling presentation decks.

Shapeshift

Shapeshift

Shapeshift is an amazing jQuery plugin which creates a column based grid system that allows drag and drop even between multiple containers.

jQuery Nested

jQuery-Nested

jQuery Nested plugin is for a gap free, multi column grid layout experience.

Freetile

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement.

Gridster

Gridster

Gridster is a jQuery plugin that allows building intuitive drag-able layouts from elements spanning multiple columns.

Masonry

Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

Stellar

Stellar

With Stellar, parallax has never been so easier. Precisely align elements and backgrounds. Add some simple data attributes to your markup, run $.stellar() – that’s all you need to get started.

PageSlide

PageSlide

PageSlide is a jQuery plugin, by Scott Robbin, which slides a webpage over to reveal an additional interaction pane.

jQuery Full Content

jQuery-Full-Content

This is a nice jQuery plugin for presentation style layout. It will dynamically position a container within the width and height of the browser window, and will smoothly scroll between each container.

반응형
반응형
12 Popular Responsive HTML5 Frameworks

 

Twitter Bootstrap

Twitter Bootstrap

Boostrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It has almost everything you need to develop responsive sites and apps like 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and many more.

Skeleton

Skeleton

Skeleton is a simple boilerplate for HTML5 websites and mobile-friendly development. If you are you looking to create a responsive website quickly, you should look into this open source project.

Foundation

Foundation

Foundation by Zurb is the most advanced responsive front-end framework in the world. With this HTML5 framework, you can start building website for small devices first. Then, as devices get larger and larger, layer in more complexity. The flexiable grid can adapt to any size screen, from phones to TVs.

HTML5 KickStart

HTML5 KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

SproutCore

SproutCore

SproutCore is an open-source front-end framework for building blazingly fast HTML5 apps. Semantic templates allow you to write HTML and CSS that update automatically when your models change-like magic. This framework will change the way you think about building applications and surprise you with how little code you have to write.

Montage

Montage

Montage is an HTML5 framework for building modern Web Apps. It helps you build scalable and maintainable HTML5 applications optimized for today’s and tomorrow’s range of connected devices.

HTML5 Boilerplate

HTML5 Boilerplate

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Zebra

Zebra

Zebra is an HTML5 open source framework that brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.

CreateJS

CreateJS

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs.

Less Framework

Less Framework

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Groundwork

Groundwork

GroundworkCSS is an open-source, responsive front-end framework packed with HTML5, CSS and Javascript components that enables rapid prototyping and responsive design.

Gridless

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

반응형
반응형
30 Awesome jQuery Plugins All Designers Should Check Today

 

Alertify.js

Browser dialog boxes never looked so good. Try this jQuery plugin. An unobtrusive customizable Javascript notification system. Includes modal dialogs and non-modal notifications.

alertify

Avgrund Modal

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior).

Avgrund-Modal

iCheck

iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

iCheck

Long Press

With Long Press, you can insert rare characters as easily as on Android or iOS.

Long-Press

Complexify

Websites have a responsibility to users to accurately tell them how good a password is, and this is not an easy job. Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons

Complexify

jQuery Knob

This cool jQuery plugin allows you to create really cool circular knobs that spin as you scroll.

jQuery-Knob

Pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

pickadate

Chosen

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Chosen

Fancy Input

Use this plugin if you want to make HTML input field typing fun with some CSS3 effects. This plugin does not have any current plans to support any version of IE.

Fancy-Input

Windows

A handy, loosely-coupled jQuery plugin for full-screen scrolling windows.

windows

Sticky

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

Sticky-Plugin

Super Scrollorama

With this super jQuery plugin, you can create super cool scroll animations in any website.

Super-Scrollorama

Stellar.js

Parallax has never been easier. Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.

Stellar

Scrollpath

Scrollpath is a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs.

Scrollpath

Textillate.js

Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.

Textillate

Arctext.js

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Arctext

Bacon

Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line.

Bacon

Lettering.js

A jQuery plugin for radical web typography. Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. So this jQuery plugin gives you that control.

Lettering

FitText.js

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

FitText

Gridster.js

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.

gridster

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement.

Freetile

nanoScroller.js

nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website.

nanoScroller

Tubular.js

Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you’re on your way.

tubular

Backstretch

A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.

Backstretch

iPicture

iPicture creates interactive pictures with extra descriptions, embedded video, links or everything else using javascript and css3.

iPicture

Adipoli

Adipoli is a simple jQuery plugin used to bring stylish image hover effects.

Adipoli

TiltShift.js

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

tiltShift

Threesixty.js

Amazing jQuery plugin for creating draggable 360s.

ThreeSixty

Spectragram

An easy jQuery plugin for Instagram API to fetch and display user, popular or tags photo feeds inside your web application or site.

Spectragram

jQuery Countdown

A simple jQuery plugin for creating a countdown timer. It shows the remaining days, hours, minutes and seconds to your event, as well as an animated updates on every second.

jQuery-Countdown

jQuery PointPoint

This jQuery plugin draw users’ attention to a specific part of the page, in the form of a small arrow that is displayed next to their mouse cursor.

jQuery-PointPoint

Social Feed

A jQuery plugin which shows a user feed from the popular social networks.

Social-Feed

PercentageLoader

A tiny jQuery plugin for displaying progress in a visual and engaging way. jQuery.Percentage Loader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than images so can be easily deployed at various sizes.

PercentageLoader

Tooltipster

A powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS.

Tooltipster

Toolbar.js

Toolbar allows you to quickly create tool tip style toolbars for use in web applications and websites. The toolbar is easily customizable using the Twitter Bootstrap icons and provides flexibility around the toolbars display and number of icons.

Toolbar

반응형
반응형

고대 이집트 시대 이후로
우리는 남들의 주목을 끌기 위해
자신의 몸을 냄새로 장식해왔다. 하지만 굳이
향료와 꽃,식물에서 추출한 방향유로 우리의 몸을
칠하느라고 법석을 떨 필요가 없다. 우리 몸에서 나는
자연스러운 향이 정원에서 뽑아낸 향기보다
서로에게 매력을 불러일으키는 데
훨씬 더 유용하기 때문이다.


- 레이첼 허즈의《욕망을 부르는 향기》중에서 -


* 냄새가
그 사람을 말해줍니다.
무엇을 먹었는지, 어디를 다녀왔는지
냄새로 금방 알 수 있습니다. 꽃밭을 다녀온 사람과
진흙밭을 다녀온 사람의 냄새는 전혀 다르지요.
좋은 음식, 좋은 차 마시고 좋은 생각하면서
열심히 사랑하고 열심히 땀 흘린 사람의
몸에서 자연스럽게 풍겨나는 냄새가
가장 향기롭고 아름답습니다.

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

커피 한 잔의 행복  (0) 2013.07.29
엉겅퀴 노래  (0) 2013.07.27
아들이 아버지를 극복하다  (0) 2013.07.25
코앞에 두고도...  (0) 2013.07.24
비가 내리는 날  (0) 2013.07.23
반응형

당신이 뭔가를 한다고 칩시다.
만약 상당히 좋은 결과가 나오면
그 단계와 수준에 만족하지 마십시오.
더 멋진 뭔가에 도전하십시오.
한 가지에만 너무 오래 머물러 있지 마십시오.
더 멋진 다음 단계를 스스로 알아내십시오.
-스티브 잡스가 애플 사옥에 인쇄해 놓은 글

 

좋은 것은 위대한 것의 적입니다.
(Good is the enemy of Great)
대개의 사람들은 제법 좋은 삶을 살게 되는 바로 그 순간
위대한 삶으로의 꿈을 접습니다.
좋고, 편안하고, 안락함에서 벗어나려는 끈질긴 노력이
위대함을 만듭니다.

 

반응형
반응형

인내심이 없다면 목표를 갖지마라. 모든 발달법칙은 아주 오랜 세월을 원한다. - 샤르뎅 -

반응형
반응형

Phalcon — Fastest PHP web framework

phalcon

반응형
반응형

Link : http://mobile.smashingmagazine.com/2013/07/22/simple-responsive-images-with-css-backgrounds/

 

Pickadate.js — Responsive date & time picker

Pickadate.js is a responsive, mobile-friendly jQuery date & time input picker. Just insert one line of code and get a date picker with a popup calendar.

pickadate.js

 

반응형

+ Recent posts