今ã¾ã§ã«ãªã„日付入力UIãŒä½œã‚Œã‚‹jQueryプラグイン「datedropperã€:phpspot開発日誌
datedropper - jQuery Dates Plugin 今ã¾ã§ã«ãªã„日付入力UIãŒä½œã‚Œã‚‹jQueryプラグイン「datedropperã€ã€‚ カレンダーãªã©ãŒä¸€èˆ¬çš„ã§ã™ãŒã€æ¬¡ã®ã‚ˆã†ãªæ—¥ä»˜ãƒ”ッカーãŒå®Ÿè£…ã§ãã‚‹ã¿ãŸã„ 関連エントリ 日付範囲ã®å…¥åŠ›ã«ä¾¿åˆ©ãªã€ŒjQuery UI Date Range Picker Widget〠ã¡ã‚‡ã£ã¨ãƒªãƒƒãƒãªæ—¥ä»˜ãƒ”ッカー「Rich Datepickerã€
jQueryã§webサイト上ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸç®‡æ‰€ã‚’判別ã—æ“作ã™ã‚‹æ–¹æ³• | ã‚¹ã‚¿ãƒ¼ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰æ ªå¼ä¼šç¤¾
jQueryã§ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ãŸã‚Šã€æ“作ã—ãŸã‚Šã™ã‚‹ã“ã¨ã¯éžå¸¸ã«å¤šãã‚ã‚Šã¾ã™ãŒã€ 基本的ã«ã€ãã®æŒ‡å®šã¯ã€ä½•ã‹ã—らã®ãƒœã‚¿ãƒ³ã‚„è¦ç´ ã‚’ç›´ã§ã—ã¦ã„ã¾ã—ãŸã€‚ 例ãˆã°ã€
Codebit | Sviluppo Web in pillole » jQuery ReStable v0.1.2
jQuery ReStable is a very simple and lightweight (~1Kb) jQuery plugin that make tables responsive making them collapse into ul lists. Download it on GitHub To use it you just have to include jQuery and a copy of the plugin in your head or footer: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="jquery.restable.min.js"></scri
コナミコマンドをウェブサイトã«å®Ÿè£…ã§ãる「cheet.jsã€
欧米ã§ã¯ãƒ—レイステーション4ã¨Xbox OneãŒç™ºå£²ã•ã‚Œå®¶åºç”¨ã‚²ãƒ¼ãƒ æ©ŸãŒä¸–代交代を迎ãˆã¦ã„ã¾ã™ãŒã€å®¶åºç”¨ã‚²ãƒ¼ãƒ æ©Ÿã®å…ƒç¥–ã¨ã‚‚ã„ã†ã¹ãファミリーコンピューター(ファミコン)ã§ã€ä¸€ä¸–を風é¡ã—ãŸéš ã—コマンド「コナミコマンドã€ã‚’ã€ã‚¦ã‚§ãƒ–サイトã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ãŒã€Œcheet.jsã€ã§ã™ã€‚ cheet.js - easy easter eggs (konami code, etc) for your site http://namuol.github.io/cheet.js/ コナミコマンドã¯ã€ã‚³ãƒŠãƒŸã®ã‚²ãƒ¼ãƒ ã§å¤šã使ã‚ã‚ŒãŸéš ã—コマンドã®ä¸€ç¨®ã€‚コントãƒãƒ¼ãƒ©ãƒ¼ã§ã€Œä¸Šä¸Šä¸‹ä¸‹å·¦å³å·¦å³BAã€ã¨ãƒœã‚¿ãƒ³å…¥åŠ›ã™ã‚‹ã®ãŒåŸºæœ¬å½¢ã§ã™ãŒã€ã“ã®ä»–ã«ã‚‚ã„ã‚ã„ã‚ãªæ´¾ç”Ÿã‚³ãƒžãƒ³ãƒ‰ãŒã‚ã‚Šã€ã¾ãŸã€ã‚³ãƒŠãƒŸä»¥å¤–ã®ã‚²ãƒ¼ãƒ ã§ã‚‚å–り入れられるã»ã©ã«æœ‰åãªéš ã—コマンドã ã£ãŸã®ã§ã€ã¨ã‚Šã‚ãˆãšã‚²ãƒ¼ãƒ プレイ時ã«ã¯ã‚³ãƒŠãƒŸã‚³ãƒžãƒ³ãƒ‰ã‚’試ã—ã¦ã¿ãŸäººã‚‚ã„ã‚‹ã¯ãš
一度書ã„ãŸã‚³ãƒ¼ãƒ‰ã¯äºŒåº¦ã¨æŽ¢ã•ãªã„ï¼ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’究ã‚ã¦å¿«é©ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ã€HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書ã„ãŸã‚³ãƒ¼ãƒ‰ã¯äºŒåº¦ã¨æŽ¢ã•ãªã„ï¼ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’究ã‚ã¦å¿«é©ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ã€HTML, CSS, JavaScript】 ※ã“ã®è¨˜äº‹ã¯2013å¹´8月26æ—¥ã«åŸ·ç†ã•ã‚ŒãŸè¨˜äº‹ã§ã™ã€‚ç¾åœ¨ã¯ä»•æ§˜ãŒç•°ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ æ°—ãŒã¤ã‘ã°ç¹°ã‚Šè¿”ã—åŒã˜å˜èªžã§æ¤œç´¢ã—ã€åŒã˜ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã„る…ãªã‚“ã¦ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€Œã“ã®éƒ¨åˆ†ã®è¨˜è¿°ã€ã‚‚ã†ä¸€å›žä½¿ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã€ã¨æ€ã£ãŸã‚‰ãœã²ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã—ã¦ç™»éŒ²ã—ã¦ãŠãã¾ã—ょã†ï¼ スニペットã¨ã¯ç¹°ã‚Šè¿”ã—ç™»å ´ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã®æ–片ã€ã¾ãŸã¯ãれをã™ãã«å‘¼ã³å‡ºã›ã‚‹ã‚ˆã†ã«ç®¡ç†ã™ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã®æ©Ÿèƒ½ã®ã“ã¨ã§ã™ã€‚自分ãŒã‚ˆã使用ã™ã‚‹è¨˜è¿°ã‚’スニペットã«ã—ã¦ãŠã‘ã°ã„ã¡ã„ã¡æ¤œç´¢ã—ãŸã‚Šã€æ˜”書ã„ãŸã‚½ãƒ¼ã‚¹ã‚’探ã£ã¦ã¿ãŸã‚Šã™ã‚‹ã“ã¨ãªãã€ä½¿ã„ãŸã„時ã«æ£ç¢ºãªè¨˜è¿°ã‚’サッã¨å‘¼ã³å‡ºã—ã¦ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ Dreamweaverã€Sublime Textãªã©ã®ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ールやテã‚ストエディタã«ã¯ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’自在ã«ä½¿ã†ãŸã‚ã®
使用ä¸ã®Sublime Text 2ã®ãƒ—ラグインをã¾ã¨ã‚ã¦ã¿ãŸ | CodePlus
基本的ã«ã¯ä»Šä½¿ã£ã¦ã‚‹ã‚‚ã®ä¸å¿ƒã§ã™ãŒã€åƒ•ã®ãƒ¡ã‚¤ãƒ³ã‚¨ãƒ‡ã‚£ã‚¿ã§ã‚ã‚‹Sublime Text 2ã®ãƒ—ラグインをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ※細ã‹ã„è¨å®šã¯çœã„ã¦ã„ã¾ã™ã€‚ コーディング関連 Emmet Zen Codingã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€‚主ã«HTMLを書ã際㫠Hayaku Emmet(Zen-Coding)を上回るCSSã®å±•é–‹ 例)bdrds→border-radiusãªã© Dummy Image Generator Dynamic Dummy Image Generatorã§ä½¿ãˆã‚‹ãƒ€ãƒŸãƒ¼ç”»åƒã®åŸ‹ã‚込㿠BracketHighlighter タグやクォーテーションマークãªã©ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤º SCSS SCSSã®è£œå®Œ Compass Compassã®è£œå®Œ jQuery jQueryã®è£œå®Œ CSScomb CSSã®ãƒ—ãƒãƒ‘ティã®è‡ªå‹•æ•´åˆ— WordPress WordPressã®è£œå®Œ SublimeLinter
jqueryå°æŠ€ã¾ã¨ã‚３２
作æˆï¼š2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作ã—ãŸã¨ãã«ã€å‹•ãã®ã‚るサイトã«ã—ãªã„ã¨ã„ã‘ãªã‹ã£ãŸã®ã§ã€è‰²ã€…調ã¹ã¦çµ„ã¿è¾¼ã‚“ã§ã¿ãŸã‚“ã§ã™ãŒã€jQueryã§ã‚‚ã†ä½•ã§ã‚‚出æ¥ã¡ã‚ƒã„ã¾ã™ã。近ã„å°†æ¥ãƒãƒ¼ã‚«ãƒ«ã§ç”»åƒãªã‚“ã‹ã‚’編集ã—ãªãã¦ã‚‚ã€ãƒ–ラウザã ã‘ã§è‰²ã€…ã§ãるよã†ã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚今回ã¯å®šç•ªã‹ã‚‰ã¡ã‚‡ã£ã¨ãƒžã‚¤ãƒŠãƒ¼ï¼ˆGoogle Analytics関係ã¨ã‹ï¼‰ãªã‚‚ã®ã¾ã§jQueryã®å°æŠ€ã€ãƒ—ラグインを集ã‚ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠スクãƒãƒ¼ãƒ« １．ページ内リンクï¼ãƒ•ãƒƒã‚¿ãƒ¼ã¾ã‚ã‚Šï¼ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ ２．パララックス スライド ３．カルーセル ４．レスãƒãƒ³ã‚·ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ５．ヌルヌルサクサクãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ６．サムãƒã‚¤ãƒ«ä»˜ãクãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ 補助 ７．Google Ana
スマートフォンサイトを驚ãã»ã©é€Ÿãã™ã‚‹ï¼é«˜é€ŸåŒ–9ã¤ã®ãƒã‚¤ãƒ³ãƒˆ | Find Job ! Startup
回線ãŒç´°ãCPUã‚‚å¼±ã„スマートフォンã¯ã€ãƒªãƒƒãƒãªWebサイト表示ãŒè‹¦æ‰‹ã§ã™ã€‚ã—ã‹ã—ã€åœ°é“ãªå¯¾ç–ã§è¡¨ç¤ºé€Ÿåº¦ãŒé©šãã»ã©å¤‰åŒ–ã™ã‚‹ã®ã‚‚事実。 今回ã¯ã‚¹ãƒžãƒ›ã®Webサイト表示ã®é«˜é€ŸåŒ–手法をã¾ã¨ã‚ã¾ã—ãŸã€‚ã‚‚ã¡ã‚ã‚“PCå‘ã‘ã«ã‚‚効果ãƒãƒ„グンã®Tips集ã§ã™ã€‚ Webサイトを劇的ã«é«˜é€ŸåŒ–ã™ã‚‹9ã¤ã®ãƒã‚¤ãƒ³ãƒˆ １.ç”»åƒã‚’圧縮ã™ã‚‹ ï¼’.ç”»åƒã¯ã‚µã‚¤ã‚ºã‚’指定ã—ã¦ä½¿ã† ３.ç”»åƒã¯é©åˆ‡ãªã‚µã‚¤ã‚ºã§ä½¿ã† ï¼”.CSS/JavaScriptを圧縮ã™ã‚‹ ５.CSSスプライトを使ㆠ６.ä¸è¦ãªCSS/JavaScriptã‚’èªã¿è¾¼ã¾ãªã„ ï¼—.CSS/JavaScriptã‚’ã¾ã¨ã‚ã‚‹ ８.CSSセレクターを最é©åŒ–ã™ã‚‹ ï¼™.mod_deflateã§gzip圧縮ã™ã‚‹ １.ç”»åƒã‚’圧縮ã™ã‚‹ ç”»åƒã‚’最é©åŒ–ã™ã‚‹ã“ã¨ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é«˜é€ŸåŒ–ã«çµ¶å¤§ãªåŠ¹æžœã‚’発æ®ã—ã¾ã™ã€‚Photoshopを使ã£ã¦åœ§ç¸®ã—ã¦ã‚‚良ã„ã®ã§ã™ãŒã€ã‚‚ã£ã¨æ‰‹è»½ã«åœ§ç¸®
CSS3 support in Internet Explorer 6, 7, and 8
NOTE: This script is obsolete. You should use the far superior CSS3PIE instead. CSS3 support for Internet Explorer 6, 7, and 8 What is it? IE-CSS3 is a script to provide Internet Explorer support for some new styles available in the upcoming CSS3 standard. How it works If you're viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (
CSSã‚„JavaScriptã§ãƒ„ールãƒãƒƒãƒ—を表示ã•ã›ã‚‹æ–¹æ³•ã¾ã¨ã‚
#sample1 li { position:relative; } #sample1 li:hover { background: #deb3ba; } .sample1-tooltips { display: none; position: absolute; bottom: -2.8em; left: 0.3em; z-index: 9999; padding: 0.3em 0.5em; color: #FFFFFF; background: #c72439; border-radius: 0.5em; } .sample1-tooltips:after { width: 100%; content: ""; display: block; position: absolute; left: 0.5em; top: -8px; border-top:8px solid transpa
HTML5ã‚„CSS3を使ã£ãŸæ¬¡ä¸–代表ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ル
ã‚ãšã‹280行程度ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14件
Webデザインã®ã‚¿ãƒ | 未経験ã‹ã‚‰Webデザイナーを目指ã—ãŸç§ãŒã€Web制作ã®ã‚¹ã‚ルアップã®ãŸã‚ã®Tipsã‚’ãŠå±Šã‘ã—ã¾ã™
Web制作ã®ç¾å ´ã§ã¯ã€æ—¥ã€…æ–°ã—ã„デザインã®ã‚¤ãƒ³ã‚¹ãƒ”レーションを得るãŸã‚ã«ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’活用ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€æ•°å¤šãã‚るギャラリーサイトã®ä¸ã‹ã‚‰ã€è‡ªåˆ†ã®ç›®çš„ã«åˆã£ãŸé©åˆ‡ãªã‚µã‚¤ãƒˆã‚’見ã¤ã‘出ã™ã®ã¯æ„外ã¨é›£ã—ã„ã‚‚ã®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€è¤‡æ•°ã®...
[JS]lightboxã®é€²åŒ–å½¢ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã§ç”»åƒã‚’拡大表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SuperBox
lightboxよりJavaScriptã¨ç”»åƒãƒãƒ¼ãƒ‰ã®ä¾å˜ã‚’å°‘ãªãã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã§ç”»åƒã‚’拡大表示ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デモページ：幅780pxã§è¡¨ç¤º SuperBoxã®ä½¿ã„æ–¹ Step 1: 外部ファイル 「jquery.jsã€ã¨å½“スクリプト・スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML ã¾ãšã¯ã€åŸºæœ¬æ§‹é€ ã§ã™ã€‚ HTML5ã®data属性ã§æ‹¡å¤§ã™ã‚‹ç”»åƒã‚’指定ã—ã€classã«ã€Œsuperbox-im
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
webamb.com
http://no-delay.com/?p=1505
æ±äº¬éƒ½è¿‘郊｜エッãƒãªå‡ºä¼šã„サイトã€ç¢ºå®Ÿã«ã‚»ãƒƒã‚¯ã‚¹ãƒ•ãƒ¬ãƒ³ãƒ‰ã¨ä¼šãˆã‚‹ä¿¡é ¼ã®ã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ング】エッãƒå‡ºä¼šã„クリエイト
{{#tags}}- {{label}}
{{/tags}}