[B! jQuery] planbplancã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

planbplanc id:planbplanc

jQueryã«é–¢ã™ã‚‹planbplancã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Wookmark
é«˜ã•ã®ç•°ãªã‚‹è¦ç´ ã‚’ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ã€ãƒ¬ãƒ³ã‚¬çŠ¶ã«éš™é–“ãªãä¸¦ã¹ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ åŒç¨®ã®æœ‰åã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒMasonryã€ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã—ã¾ã™ãŒã€ã“ã®Wookmarkã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ä¸¦ã¹ãªãŠã™ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢:å¹…800pxã§è¡¨ç¤º [ad#ad-2] Wookmarkã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ã„ãŸã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML ãƒ‡ãƒ¢ã‚’ä¾‹ã«HTMLã¯ãƒªã‚¹ãƒˆè¦ç´ ãªã©ã€ä¸¦åˆ—ã«é…ç½®ã—ã¾
planbplanc 2012/03/27
jQuery

jquery
ãƒªãƒ³ã‚¯
twitter bootstrap railsã‚’ä½¿ã£ãŸã‚‰è·ãŒè¦‹ã¤ã‹ã‚Šå½¼å¥³ã‚‚å‡ºæ¥ã¦èƒŒã‚‚3ã‚»ãƒ³ãƒä¼¸ã³ã¾ã—ãŸã€‚ - ppworks.jp
twitter bootstrapã‚’æ›´ã«ä¾¿åˆ©ã«ä½¿ã†gemãŒtwitter bootstrap railsã§ã™ã€‚ railsã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚ rvmã§gem setä½œã‚Šã¾ã™ã€‚ rvm --create 1.9.3-p125@tbrsample railsã‚¢ãƒ—ãƒªç”Ÿæˆã—ã¾ã™ã€‚ gem install rails --no-ri --no-rdoc rails new tbrsample gemã‚’æŒ‡å®šã—ã¾ã—ã‚‡ã†ã€‚ Gemfileã®group :assetsã«è¿½åŠ ã—ã¾ã™ã€‚ cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" ã©ã‚“ bundle install --without=production bootstrapã‚’generateã—ã¾ã—ã‚‡ã†ã€‚ å¿…è¦ãªjsã‚„cssã‚’app/assetsé…ä¸‹ã«é…ç½®ã—ã¾ã™ã€‚ rails g bootst
planbplanc 2012/02/23
Rails

bootstrap

Twitter

jQuery
ãƒªãƒ³ã‚¯
jQuery UI - Home
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. Rich effects and UI widgets jQuery UI features low-level effect and interaction API's as well as full-featured and highly configurable ready-to-use widgets. Suppor
planbplanc 2012/02/23
jQuery

jquery
ãƒªãƒ³ã‚¯
jQueryã§ç”»é¢é·ç§»ã®ãªã„ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢
jQueryã§ç”»é¢é·ç§»ã®ãªã„ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ jQueryã‚’ä½¿ã£ã¦ç”»é¢é·ç§»ã®ãªã„ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ã¨ã—ãŸã¨ãã®ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ã§ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ã¨ã‚„ã‚Šå–ã‚Šã‚’ã™ã‚‹ã€Ajaxçš„ãªã“ã¨ã¯æ›¸ã„ã¦ã„ãªã„ã®ã§ã‚ã—ã‹ã‚‰ãšã€‚ æŠ•ç¨¿æ—¥2012å¹´02æœˆ03æ—¥ æ›´æ–°æ—¥2012å¹´02æœˆ03æ—¥ ãƒªãƒ³ã‚¯ï¼ˆhrefï¼‰ã‚’ç„¡åŠ¹ã«ã™ã‚‹ ç”»é¢é·ç§»ã®ãªã„Webã‚µã‚¤ãƒˆã§ã‚‚JSã®ãªã„ç’°å¢ƒã‚„SEOã‚‚è€ƒæ…®ã—ã¦ href ã«ãƒªãƒ³ã‚¯å…ˆã‚’è¨å®šã—ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ã€‚ hmtl <a href="hoge.html" id="btn">ãƒœã‚¿ãƒ³</a> ã“ã®ã‚ˆã†ãªå ´åˆã ã¨ #btn ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¦ã‚‚ç”»é¢é·ç§»ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ click ã‚¤ãƒ™ãƒ³ãƒˆã«ã€Œe.preventDefault()ã€ã¨è¨˜è¿°ã™ã‚Œã°hrefã‚’ç„¡åŠ¹ã«ã«ãªã‚Šç”»é¢é·ç§»ãŒè¡Œã‚ã‚Œã¾ã›ã‚“ã€‚ javascript $('#btn').click(function(e){
planbplanc 2012/02/05
jQuery
ãƒªãƒ³ã‚¯
wordpress+jQueryã§å®Ÿç¾ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«30é¸
ä¸–ç•Œä¸ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹CMSã®ä¸€ã¤wordpressã€‚é«˜ã„æ‹¡å¼µæ€§ã‚‚ãã®äººæ°—ã®ä¸€ã¤ã§ã™ãŒã€ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯åŒã˜ãä¸–ç•Œä¸ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªjQueryã¨wordpressã‚’çµ„ã¿åˆã‚ã›ã¦å®Ÿç¾ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’é›†ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ30 Tutorials Combining Both WordPress and jQueryã€ã§ã™ã€‚ Including jQuery in WordPress (The Right Way) jQueryã‚’æ£ã—ãã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«èªã¿è¾¼ã¾ã™æ–¹æ³•ã‹ã‚‰ã€Ajaxã‚’ä½¿ã£ã¦ãƒ©ãƒ³ãƒ€ãƒ ã«è¨˜äº‹ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ãªã©ãªã©æ§˜ã€…ãªjQueryã¨Wordpressã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ â– WordPress Featured Post Slideshow
planbplanc 2011/12/15
jQuery
ãƒªãƒ³ã‚¯
40+ Useful and Fresh jQuery Plugins
Plugins are there to assist you and let you perform the desired action in a more convenient and speedy manner. Therefore, today we decided to come up with an exciting and interesting collection of 40+ fresh and cool jQuery plugins for our reader's convenience. This compilation is targeted at the designers and developers who want to create amazingly interactive websites that are attractive and acce
planbplanc 2011/12/15
jQuery
ãƒªãƒ³ã‚¯
The 50 Most Useful jQuery Plugins for Frontend Development â€“ Speckyboy
Although there are many JavaScript frameworks available, jQuery has rem ained the most popular and influential in web design and development. Its main purpose is to simplify the process of writing complex JavaScript functions by bundling them into methods that can be called with just one line of code. This makes it lightweight and easy to extend with free plugins for almost any functionality you ca
planbplanc 2011/12/08
jQuery
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®è©±ã€‚ãã‚Œã¨CSS3ã€‚ - ç”˜å‘³å¿—å‘ï¼ ã¯ã¦ãª
JavaScript Advent Calendar 2011 ã‚ªãƒ¬æ¨™æº–ã‚³ãƒ¼ã‚¹ã€2æ—¥ç›®ã®ã‚‚ã‚ã¸ã„ã‚„ã§ã™ã€‚ã¨ã¦ã‚‚é…ã‚Œã¦ã™ã„ã¾ã›ã‚“â€¦ ç§ã¯æŠ€è¡“çš„ãªè©±ã¯å¾—æ„ã§ã¯ãªã„ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã‹ã‚‰JavaScript ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«å‘ã‘ã¦ã®Tipsã‚’æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®è©±ã‚’æ›¸ã„ã¦ã¿ã¾ã™ã€‚ jQueryã¯æ¨™æº–ã§ã€è¦ç´ ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã¨ãã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã‚ˆãã€‚ $("#box").fadeIn("fast"); ãŸã£ãŸä¸€è¡Œã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ä»˜åŠ ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ã¿ãªã‚‰ãšãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã§ã‚‚jQueryã‚’ä½¿ã£ã¦ã„ã‚‹äººã¯å¤šã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ç°¡å˜ãªãŠã‹ã’ã§ä½•ã‚’ã™ã‚‹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã‹ã‘ã¾ãã£ã¦ã—ã¾ã£ãŸã‚Šã€‚ ã‚ã‚‹ã„ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœãªã‚“ã¦ç„¡é§„ï¼ ã¨ã„ã†ã“ã¨ã§ã€å…¨ç„¶ä½¿ã£ã¦ã„ãªã„äººã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·
planbplanc 2011/12/04
ãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

css3
ãƒªãƒ³ã‚¯
é€šå¸¸ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’çž¬æ™‚ã«AjaxåŒ–ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒALAJAXã€:phpspoté–‹ç™ºæ—¥èªŒ
ALAJAX - a jQuery plugin for ajax auto form sending | Freelancer ID é€šå¸¸ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’çž¬æ™‚ã«AjaxåŒ–ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒALAJAXã€ ãƒ•ã‚©ãƒ¼ãƒ ãªã‚“ã‹ã‚’ä½œã‚‹å ´åˆã¯Ajaxå‰æã§ä½œã£ãŸã‚Šã—ã¾ã™ãŒã€ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ $('#form').alajax(); ã®ã‚ˆã†ã«åˆæœŸåŒ–ã™ã‚Œã°ä¸€çž¬ã§ajaxåŒ–ãŒå®Œäº†ã—ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ã‚µãƒ¼ãƒå´ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã®èª¿æ•´ã¯å¿…è¦ã§ã™ãŒã€ç°¡å˜ã«ajaxåŒ–ã§ãã‚‹ã¨ã„ã†ã®ã¯ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ ã‚„ã£ã±ã‚Šajaxãƒ•ã‚©ãƒ¼ãƒ ã®é€Ÿåº¦ã£ã¦ã¯ã‚„ãã¦åˆ©ç”¨è€…ã¨ã—ã¦ã¯é€Ÿã„ã»ã†ãŒã„ã„ã‚ã‘ãªã®ã§ã€ã“ã†ã„ã†é¢¨ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ä½œã‚Šæ‰‹å´ã¯ç°¡å˜ã«å¯¾å¿œã§ãã‚‹ã¨ä½œã‚Šæ‰‹ã¨ã—ã¦ã¯å¬‰ã—ã„ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Ajaxã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚‚ç”»åƒã‚’ä½¿ã‚ãšãƒ”ãƒ¥ã‚¢CSSã§å®Ÿç¾ã™ã‚‹ãƒ‡ãƒ¢ ç”»é¢é·ç§»ãªã—ã®Ajaxã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹jQuer
planbplanc 2011/11/11
jQuery
ãƒªãƒ³ã‚¯
http://www.matthewdawkins.co.uk/2011/10/pshadow-a-jquery-extension-for-gorgeous-drop-shadows/
planbplanc 2011/10/26
jQuery
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
planbplanc 2011/10/15
[]

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã‚ˆããŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
ç§ãŒä»•äº‹ã§ Webåˆ¶ä½œã‚’ã™ã‚‹æ™‚ã«ã€ã‚ˆãåˆ©ç”¨ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ã„ã‚‹ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ MITã€GPL ã®ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆçš„ã«æ±Žç”¨æ€§ã®ã‚ã‚‹ã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€IE ç‰¹æœ‰ã®ãƒã‚°ï¼ˆé€éŽPNGã®é»’ãšã¿ãªã©ï¼‰å¯¾ç–ã«ã¤ã„ã¦ã‚‚å°‘ã—è§¦ã‚Œã¦ã¿ã¾ã—ãŸã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã«ã€ä½•ã‹ã¨ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚HTML ã¨ CSS ã ã‘ã§ã¯è¡¨ç¾ã§ããªã„ã“ã¨ã‚‚ã€Javascript ã‚’ä½¿ã†ã“ã¨ã§ã„ã‚ã„ã‚ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã‚ˆãï¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€æœ¬å½“ã«ãŸãã•ã‚“ã® jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚feed ã‚’èªã‚“ã§ã„ã¦ã‚‚ã€1æ—¥ä¸€å€‹ãã‚‰ã„ã¯æ–°ã—ã„ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«å‡ºä¼šã„ã¾ã™ã€‚ã©ã‚Œã‚’ä½¿ã£ãŸã‚‰ã„ã„ã‹è¿·ã†ãã‚‰ã„ â€¦ ã€‚ ä»Šå›žã¯ã€ãã‚“ãªæ•°ã‚ã‚‹ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸ã‹ã‚‰ã€ ç§ãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ï¼ˆä»•
planbplanc 2011/09/20
jQuery
ãƒªãƒ³ã‚¯
1