Masonry
What is 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. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
jQuery Photoset Grid - Style Hatch
A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature. Originally the plugin was created for our Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but we have since expanded it for use outside of the themes. Demos & Usage Basic Photoset Grid Simply call photosetGrid(); on a div with the data-layout specified and a number
Best Casino jQuery Plugins: Example ohne Steuer
ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery
Wookmark
高ã•ã®ç•°ãªã‚‹è¦ç´ をグリッドã«æ²¿ã£ã¦ã€ãƒ¬ãƒ³ã‚¬çŠ¶ã«éš™é–“ãªã並ã¹ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ åŒç¨®ã®æœ‰åスクリプト「Masonryã€ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ã¦ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã—ã¾ã™ãŒã€ã“ã®Wookmarkã¯ã‚·ãƒ³ãƒ—ルã«ä¸¦ã¹ãªãŠã™ã ã‘ã§ã™ã€‚ デモ:å¹…800pxã§è¡¨ç¤º [ad#ad-2] Wookmarkã®ä½¿ã„æ–¹ 実装ã¯ã„ãŸã£ã¦ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML デモを例ã«HTMLã¯ãƒªã‚¹ãƒˆè¦ç´ ãªã©ã€ä¸¦åˆ—ã«é…ç½®ã—ã¾
Home
Just make cool sh** stuff. Current Stack – Back to basics. Going “build–step free†for a handcrafted experience. Feb 23 2024   @joshua Yearning for a simpler time – the artisanal web. Websites are too BIG, too complicated, and too hard. Reactive programing is conceptually easy to grasp – but the distance between the end result vs. frameworks & tooling is too far apart. I get it, the web is a compl
Plugins | jQuery Plugins
A attempt to port the php function print_r to javascript and jQuery. It simply returns a nested string containing information about the passed object. Returns information about: Strings Numbers Booleans Dates Arrays Objects jQuery Objects RegExp Errors DOMElements Functions Usage: $.dump( object ): <pre id="dump"></pre> <script type="text/javascript"> Â Â Â $(document).ready(function(){ Â Â Â Â Â Â Â var
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
jQuery source viewer
Meta See the related blog post: Under jQuery's Bonnet I was sick and tired of having to scroll through a raw copy of jQuery everytime I wanted to view a method's implementation... so I decided to have a go at creating a faster, more usable interface which would allow me to quickly traverse each method's source. It's dead simple. Type in a jQuery method name (then wait a bit) and the corresponding
hoelog - jQuery : ThickBoxã¨SWFObjectã§swfã‚’ç°¡å˜ã«è¡¨ç¤ºã•ã›ã‚‹
LightBoxç³»ã®jQueryプラグインã€ThickBoxã¨SWFObjectã§HTMLを用æ„ã›ãšã«ç°¡å˜ã«swfãŒè¡¨ç¤ºã§ãるよã†ã«ã—ã¦ã¿ãŸã‚ˆã€‚ ThickBoxã¯LigitBox（modal？）系ã®jQueryプラグインã§ã™ã€‚ç”»åƒã ã‘ã§ãªãã€HTMLã‚’IFRAMEやインラインã«èªã¿è¾¼ã‚“ã§ã€å‹•çš„ã«ä¸èº«ã‚’表示ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Flashã‚‚HTMLã‚’èªã‚“ã˜ã‚ƒãˆã°ç°¡å˜ã«è¡¨ç¤ºã§ãã‚‹ã‚“ã§ã™ã‘ã©ã€SWFObjectã®æ›¸ãæ–¹ã£ã¦ã™ã忘れるã—ｗ。ã„ã¡ã„ã¡HTMLファイルを用æ„ã™ã‚‹ã®ãŒé¢å€’。。画åƒã®ã¨ãã¿ãŸã„ã«ã€URLã«ãƒ‘ラメータをã½ã“ã½ã“è¿½åŠ ã—ã¦ã€ã‚¿ã‚°ã‚’å‹•çš„ã«ç”Ÿæˆã—ã¦ãã‚ŒãŸã‚‰æ¥½ãªã‚“ã˜ã‚ƒã？ã¨æ€ã£ãŸã‚ã‘ã§ã™ã€‚ã¾ãƒ¼ä¼¼ãŸã‚ˆã†ãªã®ã¯ã‚ã‚‹ã‘ã©è‡ªåˆ†ç”¨ã£ã¦ã“ã¨ã§ã€‚。 実装ã™ã‚‹ã‚ˆ jQueryã¨ThickBoxã¨SWFObjectãŒå¿…è¦ã§ã™ã€‚ç¾çŠ¶ã®æœ€æ–°ç‰ˆã§ã„ã„ã¯ãšã€‚ ダウンãƒãƒ¼ãƒ‰ã—ã¦ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ã—ã¨ãã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2010/05/grid-design.html
{{#tags}}- {{label}}
{{/tags}}