Camera 表示サイズã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Design対応ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2012å¹´2・3月
Camera 表示サイズã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Design対応ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚
YouTube動画上ã«ãƒ†ã‚ストを表示ã™ã‚‹jQueryプラグイン　Text on YouTube - ウィザード・コード | WIZARD-CODE
Text on YouTube - YouTube動画上ã«ãƒ†ã‚ストを表示ã™ã‚‹jQueryプラグイン Text on YouTubeã¯ã€å—幕inやニコニコ動画ã®ã‚ˆã†ã«YouTubeã®å‹•ç”»ä¸Šã«ãƒ†ã‚ストを表示ã•ã›ã‚‹jQueryプラグインã§ã™ã€‚ ç¾åœ¨ãƒ™ãƒ¼ã‚¿ç‰ˆã‚’公開ã—ã¦ã„ã¾ã™ã€‚ YouTubeã®å—幕機能ã¨é•ã†ã®ã¯ã€ãƒ†ã‚スト表示部分をJavaScriptã§åˆ¶å¾¡ã—ã¦ã„ã‚‹ã“ã¨ã¨ã€ YouTubeã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹å‹•ç”»ãªã‚‰èª°ã®ã§ã‚‚利用ã§ãã‚‹ã¨ã“ã‚ã§ã™ï¼ˆå‹•ç”»è‡ªä½“ã‚’åŠ å·¥ã™ã‚‹ã‚ã‘ã§ã¯ãªã„ã‹ã‚‰ã§ã™ï¼‰ã€‚ ã¾ãŸã€ãƒ†ã‚ストã®è¡¨ç¤ºã«jQueryã®Effectsクラスを使用ã—ã¦ã„ã‚‹ã®ã§ã€å˜ç´”ãªshow/hideメソッドã‹ã‚‰ã€ animateメソッドã¾ã§å¹…広ãエフェクトを利用ã§ãã¾ã™ã€‚ ãŸã ã—専用エディタãŒãªã„ã®ã§ã€å—幕表示ã®ãŸã‚ã«ã¯JavaScriptã‚„JSON文法ã®ç†è§£ãŒã‚る程度必è¦ã«ãªã‚Šã¾ã™ã€‚一方ã§ã€ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ã‚’
jQueryã§ã‚¢ãƒ³ã‚«ãƒ¼ãƒã‚¤ãƒ³ãƒˆã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€‚ | Almondlab
jQueryã§ãƒšãƒ¼ã‚¸å†…ã®ã‚¢ãƒ³ã‚«ãƒ¼ãƒã‚¤ãƒ³ãƒˆã¾ã§ã‚¹ãƒ ーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ スクãƒãƒ¼ãƒ«ã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã«ã¯ã€Œjquery.easing.1.3.jsã€ã‚’利用ã—ã¦ã„ã¾ã™ã€‚ サンプルã¯ã“ã¡ã‚‰ function scrollToAnchor() { $("a[href*=#]").click(function() { var target = this.hash; var offset = $(target).offset().top; if (offset > $(document).height()-$(window).height()) { offset = $(document).height()-$(window).height(); } $("html, body").animate({scrollTop:offset}, {duration:1000, easing:"eas
グラフィックデザイナーã®ãŸã‚ã®CSSレイアウトメモ : Ajaxライブラリ使用サンプル集「ブãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹ã€
ブãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹ ã“ã®ãƒšãƒ¼ã‚¸ã¯å³å›³ã®ã‚ˆã†ã«ã€Œ#sideã€ã€Œ#mainã€ã®ï¼’ã¤ã®ãƒœãƒƒã‚¯ã‚¹ã‚’並ã¹ã¦ä½œã£ã¦ã„る。#sideãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚¹ãƒšãƒ¼ã‚¹ã€#mainãŒæœ¬æ–‡ã®ã‚¹ãƒšãƒ¼ã‚¹ã€‚ å·¦å³ã«ä¸¦ã¹ãŸãƒœãƒƒã‚¯ã‚¹ã¯ã€å…¥ã‚‹å†…容ã®é‡ãŒå¯å¤‰ãªã‚‰ã°ã€é«˜ã•ã¯æƒã‚ãªã„。 ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€æœ¬æ–‡ã‚¹ãƒšãƒ¼ã‚¹(#main)ã®ã»ã†ãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚¹ãƒšãƒ¼ã‚¹(#side)より長ããªã‚ŠãŒã¡ã€‚ ã—ã‹ã—ã€èƒŒæ™¯ã‚’æƒãˆãŸã‚Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ã®ä¸‹éƒ¨ã«ãƒãƒŠãƒ¼ã‚’入れãŸã„時ãªã©ã«ã€Œé«˜ã•ã‚’æƒãˆãŸã„ã€ã¨ã„ã†ã“ã¨ãŒã‚る。 PHOTOライブラリページãªã©ã‚‚ã€å¤©åœ°ãŒãƒãƒ©ãƒãƒ©ã ã¨è¦‹è‹¦ã—ã„ã®ã§æƒãˆãŸã„。 ãã‚“ãªæ™‚ã€ã€ŒjQueryã€ã¨ã€ 北æ‘曉æ°ã«ã‚ˆã‚‹ã€Œjquery.flatheights.jsã€ã‚’使ã£ã¦ã€æŒ‡å®šã—ãŸãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’ç°¡å˜ã«æƒãˆã‚‹ã“ã¨ãŒã§ãる。 ã“ã®æ–¹æ³•ã¯ã€JavaScriptã‚’<head>部ã«èªã¿è¾¼ã‚€ã ã‘ãªã®ã§ã€æ‰‹é–“入らãšã§ãƒ›ãƒ³ãƒˆç°¡å˜ã€‚ â—ã“ã¡ã‚‰ãŒã‚µãƒ³ãƒ—ル
é…ã›ã‚‹ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼JavaScript「jQuery GalleryViewã€
スライドショー的ãªJavaScriptã¯å¤šã„ã§ã™ãŒã€ã“ã“ã¾ã§é…ã›ã‚‹ã‚‚ã®ã¯ãªã‹ã£ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ jQuery GalleryViewã¯ã©ã“を見ã¦ã„ã‚‹ã®ã‹ã€æ¬¡ã®ç”»åƒã¯ä½•ã‹ãªã©ç´°ã‹ã„点ã«ã‚‚é…æ…®ã—ã¦ã„ã¾ã™ã€‚ sponsors 使用方法 jQuery GalleryViewã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ themesã¯jsã¨åŒã˜ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ã‚¢ãƒƒãƒ—ã—ã¦ä¸‹ã•ã„。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.galleryview-1.0.js"></script> <script type=
ユーザビリティã«å„ªã‚ŒãŸç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼JavaScript「jquery.showcaseã€
ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯ã€æ•°å¤šãã‚ãµã‚Œã¦ã„ã¾ã™ãŒã€ç™ºç«¯ãŒLightBoxã ã£ãŸã‹ã‚‰ã‹ã€ã‚ã¾ã‚Šãƒ¦ãƒ¼ã‚¶ãƒ“リティã«å„ªã‚Œã¦ã„ã‚‹ã¨ã¯ã„ãˆã¾ã›ã‚“。 jQueryプラグインã®jquery.showcaseを使用ã™ã‚‹ã¨ã€ä»Šä½•ã‚’見ã¦ã„ã¦ã€å¾Œä½•æžšã‚ã‚‹ã®ã‹ã‚’明示ã™ã‚‹ã“ã¨ãŒã§ãã€ã‚ã‚Šã¨ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«é…æ…®ã§ãã¾ã™ã€‚ sponsors 使用方法 jquery.showcaseã‹ã‚‰jquery.showcase.1.0.jsã‚’jQueryã‹ã‚‰jquery.jsをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.showcase.1.0.js"></script> <script language="javascript" type="text/
CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ を美ã—ã装飾ã™ã‚‹æ–¹æ³•
2014å¹´8月22æ—¥ CSS, jQuery ã©ã‚“ãªWebサイトã§ã‚‚è¨ç½®ã•ã‚Œã¦ã„るフォーム。ãªã‚“ã®è£…飾もãªã味気ãªã„フォームよりã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã®ã»ã†ãŒé€£çµ¡ã—ã¦ã¿ãŸããªã‚‹ã¯ãšã§ã™ï¼ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã‚‚å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚今回ã¯CSS3ã¨jQueryを使ã£ã¦ã‚ˆã‚Šç¾Žã—ã„フォームを作æˆã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚©ãƒ¼ãƒ ã®ä»•æ§˜ 今回ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸»ãªä»•æ§˜ã§ã™ï¼ グラデーション・ボックスシャドウを使ã£ã¦ç«‹ä½“æ„Ÿã‚’è¡¨ç¾ è§’ä¸¸ã§ä¸¸ã¿ã‚’ã¤ã‘る（モダンブラウザ） 対応ブラウザ: IE7â–³, IE8â–³, IE9, Firefox, Chrome, Safari フォーム制作ã®æµã‚Œ CSS3ã£ã¦ãªã‚“ã ？ã¨ã„ã†äººã‚‚ã²ã¨ã¤ã²ã¨ã¤è¨˜è¿°ã—ã¦ã„ã‘ã°æ„外ã¨ç°¡å˜ã«ä½œã‚Œã‚‹ã¯ãšã§ã™ï¼ãƒªãƒ³ã‚¯ã‚’クリックã§å„é …ç›®ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ テã‚ストボック
jQuery 642 プラグイン：skuare.net
jQueryã®ãƒ—ラグインを利用ã—ã¦å‡ºæ¥ã‚‹ã‚µãƒ³ãƒ—ルã§ã™ã€‚ jQueryã¯ã€John Resig ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚ŒãŸJavaScriptライブラリã§ã€Ajaxã‚„DOMプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚³ãƒ¼ãƒ‰ã‚’「簡潔・簡å˜ã€ã«æ›¸ã‘ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ç”»åƒé–¢é€£ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼é–¢é€£ã€ãƒ•ã‚©ãƒ¼ãƒ 関連ã€ãƒ†ã‚ストï¼ãƒªãƒ³ã‚¯é–¢é€£ã€ãã®ä»–ã€æ—¥æœ¬èªžæœªè§£èª¬ã®jQueryプラグインを分類ã—ã¦ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ åˆå¿ƒè€…ã§ã‚‚ã™ãã«ãƒªãƒƒãƒãªã‚µã‚¤ãƒˆã‚’作æˆå¯èƒ½ã§ã™ã®ã§ã€ãœã²jQueryプラグインをã”利用ãã ã•ã„ Image Menu Form Text/Link Other W/O_JP
webデザイナーã®ãŸã‚ã®jQueryベストプラグイン＆ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«10個
ã‹ãªã‚Šäººæ°—ã®ã‚ã‚‹jQueryã§ã™ãŒã€ãã‚“ãªjQueryã®ç§å€‹äººãŒé¸ã¶ç´ 敵ãªãƒ—ラグインã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«10é¸ã€‚ ã¨ã‚Šã‚ãˆãšå®šç•ªçš„ãªã‚‚ã®ã‚’ã©ã†ãžã€‚ ã¡ãªã¿ã«jQueryを自作ã§ãるレベルã¾ã§æ‰‹è»½ã«ãªã‚ŠãŸã„人ã¯ä»¥ä¸‹è¨˜äº‹å‚照。 web制作ã®ç¾å ´ã§ä½¿ã†jQueryデザイン入門ãŒæ¿€ã—ããŠå‹§ã‚ãªä»¶ タグクラウドã®ç´°åˆ†åŒ– jquery Hover Sub Tag Cloud - Noupe サンプルデモ ã“ã‚Œã‹ãªã‚Šå¥½ã。 タグクラウドをã•ã‚‰ã«ç´°åˆ†åŒ–ã•ã›ã¦è¡¨ç¤ºã•ã›ã¦ã¾ã™ã€‚ ã“ã†ã„ã†ç™ºæƒ³ã¯ä»Šã¾ã§ãªã‹ã£ãŸã®ã§æœ€åˆè¦‹ãŸã¨ãã¡ã‚‡ã£ã¨æ„Ÿå‹•ã—ã¾ã—ãŸã。 ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼éƒ¨åˆ†ã‚’クリックã—ã¦ã¿ã¦ãã ã•ã„。 å³ä¸Šã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒžãƒ¼ã‚¯ãŒè‹¥å¹²å‡ºã¦ã€ã•ã‚‰ã«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³é¢¨ã«å†…容ãŒå¤‰ã‚ã‚Šã¾ã™
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Create a new fiddle - JSFiddle
{{#tags}}- {{label}}
{{/tags}}