D3.js 㨠SVG ã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿ãƒ“ジュアライゼーション2013/03/23 大阪ã«ã¦é–‹å‚¬ã•ã‚ŒãŸã€Œç¬¬ï¼–回 HTML5ãªã©å‹‰å¼·ä¼šã€ã§ä½¿ç”¨ã—ãŸãƒ—レゼン資料ã§ã™ã€‚Read less
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
jQueryコーディングã®åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ラグイン化ã¾ã§ã®æ³¨æ„書ã（Webデザイン）
jQuery ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ラグインを作るã¨ã“ã‚ã¾ã§ã€åˆå¿ƒè€…ã®é ƒã«ã¤ã¾ãšã„ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å…¬å¼ãƒ‰ã‚ュメントãªã©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€å°‘ã—難ã—ã„å°è±¡ã®å°‚門用語も織り交ãœãªãŒã‚‰æ›¸ãã¾ã—ãŸã€‚jQuery 㧠Webデザインã®ãƒ‘ーツを作るã¨ãã®æ³¨æ„書ãã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ Webサイトを作るã¨ãã€ç§çš„ã«ã¯ã¨ã£ã¦ã‚‚よã使ã£ã¦ã„ã‚‹ jQuery。jQuery を勉強ã—ã ã—ãŸã“ã‚ã¯ã€è‡ªåˆ†ã®æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã„ãŸã‚Šã™ã‚‹ã®ãŒã€ã¨ã£ã¦ã‚‚楽ã—ãã¦å¬‰ã—ã‹ã£ãŸè¦šãˆãŒã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚ã¾ã‚Š JavaScript ã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¾—æ„ã§ã¯ãªã„ã®ã§ã€ä»Šã§ã‚‚よã jQuery を使ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¾ã™ …。 以å‰ï¼šCSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ … ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãれるã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—㟠ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ãã®å¾©ç¿’ & jQuery
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„゠最近ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãã«ã„ã‚ã„ã‚仕掛ã‘ã‚’ã™ã‚‹ã®ãŒæµè¡Œãªã‚ˆã†ã§ã™ã€‚ ã“ã“ã§ã¯ã‚·ãƒ³ãƒ—ルã«ã‚ã‚‹è¦ç´ ã®ä½ç½®ã¨ã‹æœ€ä¸‹éƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ä½•ã‹è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ 投稿日2012å¹´03月08æ—¥ æ›´æ–°æ—¥2019å¹´12月19æ—¥ ã¡ã‚‡ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã—ã¦ã€Œãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’表示を表示ã—ã¾ã™ã€‚ ボタンã¯ä¸‹ã®æ–¹ã«ã“ã‚“ãªæ„Ÿã˜ã§é…ç½®ã—ã¾ã™ã€‚ html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedã«ã™ã‚‹ã¨å›ºå®šé…ç½®ã•ã‚Œã¾ã™ã€‚ css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
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
Core - jQuery 日本語リファレンス
Core/API/jQuery jQuery関数/$(...) jQuery(expression, context) CSSセレクターをå—ã‘å–ã£ã¦ã€ãƒžãƒƒãƒã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆé›†åˆã®jQueryオブジェクトを返ã™ã€‚ jQuery(html, [ownerDocument]) HTMLæ–‡å—列をå—ã‘å–ã£ã¦DOM Elementを作æˆã—ã€ãれらをå«ã‚€jQueryオブジェクトを返ã™ã€‚ jQuery(elements) å—ã‘å–ã£ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’jQueryオブジェクトã«ã—ã¦è¿”ã™ã€‚ jQuery(callback) $(document).ready()ã®çŸç¸®å½¢ã€‚ jQueryオブジェクトæ“作 each(callback) å…¨ã¦ã®è¦ç´ ã«å¯¾ã—ã¦ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’実行ã™ã‚‹ã€‚ size() jQueryオブジェクトãŒæŒã¤è¦ç´ æ•°ã‚’è¿”ã™ã€‚ length jQueryオブジェクトãŒæŒã¤è¦ç´ æ•°ã‚’ä¿æŒã™ã‚‹ã€‚ selector
最近よãã¿ã‚‹å®šç•ªã®å‹•ãã¯ã€ã ã„ãŸã„ã“ã‚Œã§å¯¾å¿œã§ãã‚‹jqueryライブラリ |　ãƒãƒ‹ãƒ‡ã‚¶ãƒŽãƒ¼ãƒˆ
ウェブデザインã®ãªã‹ã§ã€ jqueryã‚’ã¤ã‹ã£ãŸã€ã•ã‚Šã’ãªã„「動ãã€ã‚’ウェブサイト上ã§å°Žå…¥ã™ã‚‹ã®ãŒ 定番ã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã。 ãµã‚ã£ã¨ã€ãƒãƒƒãƒ—アップã¿ãŸã„ã«æµ®ã上ãŒã£ã¦ãるウインドウ〠画åƒã‚„テã‚ストã®ã‚¹ãƒ©ã‚¤ãƒ‰ãªã© 最近良ã見るjqueryã§ã¤ãる「動ãã€ã§ã€ãŠã™ã™ã‚ã®ãƒ©ã‚¤ãƒ–ラリをã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ è¦ç´ をスライドã•ã›ã‚‹ãªã‚‰Jquery.cycle.plugin ç”»åƒã‚„ã€ãƒ†ã‚ストãªã©ã€ éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªhtmlソースをèªè˜ã—ã¦å¯¾å¿œã—ã¦ãれるプラグイン。 上ã‹ã‚‰è½ã¡ã¦ããŸã‚Šã€æ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ãŸã‚Šã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ãŸã‚Š スライド番å·ã‚’ã¤ã‘ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰é ˜åŸŸã®è¦ç´ ã®å³å·¦ã«çŸ¢å°ã‚’ã¤ã‘ãŸã‚Šã‚‚ã§ãã¾ã™ã€‚ シンプルãªdemo Even More Demosもオススメã§ã™ã€‚ オプション一覧ã¯ã“ã¡ã‚‰ → jquery.cycle.plugin ページ内ãƒãƒƒãƒ—アップã€lightbox風表ç¾ãªã‚‰fa
パスワードèªè¨¼
ラジック 気軽ã«æ¥½ã—ã‚るブãƒã‚°ãƒ¡ãƒ‡ã‚£ã‚¢ã€Œãƒ©ã‚¸ãƒƒã‚¯ã€ã¯ï¼’ã¡ã‚ƒã‚“ãã‚‹ã‚’ä¸å¿ƒã«ã‚¨ãƒ³ã‚¿ãƒ¡æƒ…å ±ã‚’ãŠå±Šã‘ï¼
[JS]ã“ã‚ŒFlashã˜ã‚ƒãªã„ã®ï¼Ÿã£ã¦ãªã‚‹ãƒŠãƒ“ゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
軽快ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿ƒåœ°ã‚ˆã„ナビゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ タイトルã«ã‚る通りã€Flashã¯ä½¿ã‚ãªã„ã§å®Ÿè£…ã•ã‚Œã¦ã¾ã™ã€‚ Animated Content Menu with jQuery デモページ [ad#ad-2] ã¾ãšã¯ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’å ªèƒ½ãã ã•ã„。 ナビゲーションã®å„ラベルをクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦é–‹ãよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ デモページ 実装 HTMLã®æ§‹é€ ã¯ã€èƒŒæ™¯ç”»åƒã€ã‚°ãƒªãƒƒãƒ‰ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®4ã¤ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML：背景 背景ã¯ã€èƒŒæ™¯ç”»åƒã¨ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chrome ウェブストア
{{#tags}}- {{label}}
{{/tags}}