[JS]シンプルã§è¶…軽é‡ãªã®ãŒã„ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -minigridレスãƒãƒ³ã‚·ãƒ–対応ã®ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€jQueryãªã©ã®ä»–スクリプトã«ä¾å˜ã—ãªã„シンプルã§è¶…軽é‡ï¼ˆ2KB）ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ デモã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ minigridã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... コンテンツ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML å„アイテムã«ã¯ã€Œ.grid-itemã€ã‚’ã€ãƒ©ãƒƒãƒ‘ーã«ã¯ã€Œ.gridã€ã‚’付与ã—ã¾ã™ã€‚ <div class="grid"> <div class="grid-item"></div> <div class="grid-item"></div> <div class="grid-item"></div
![[JS]シンプルã§è¶…軽é‡ãªã®ãŒã„ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -minigrid](https://cdn-ak-scissors.b.st-hatena.com/image/square/51d7e65c86ee67bce7000a1d7008655aaff74295/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015080204-01.png)
プãƒã‚°ãƒ©ãƒ 組んã ã‚‰è² ã‘ï¼å®Ÿã¯HTML/CSSã ã‘ã§ã§ãã‚‹ã“ã¨2015å¤
jQuery Mobileを使ã£ãŸå›½å†…スマホサイトã¾ã¨ã‚ (1/3)
[jQuery] プラグインを使ã‚ãšã«å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã‚’使ã£ã¦ãƒ†ãƒ¼ãƒ–ルã®ã‚»ãƒ«ã‚’分ã‹ã‚Šã‚„ã™ããƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹![[jQuery] プラグインを使ã‚ãšã«å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã‚’使ã£ã¦ãƒ†ãƒ¼ãƒ–ルã®ã‚»ãƒ«ã‚’分ã‹ã‚Šã‚„ã™ããƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3b64fcae12fc4680a913e41df94f680d0ec3caf/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2011%2F04%2Fjq.jpg)
ディスプレイã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’表示ã™ã‚‹CSSã‚„jQueryプラグインã„ã‚ã„ã‚
JavaScriptコーディングã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンスç‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹é›†:phpspot開発日誌
マウスオーãƒãƒ¼ã‚’デザインã™ã‚‹ | DesignWalker
一工夫ã§ãƒšãƒ¼ã‚¸ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’アップã™ã‚‹CSSã¨JavaScriptã®ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³é›†
スタイリッシュãªãƒ•ã‚©ãƒ¼ãƒ を作るã¨ãã«è¦‹ã‚‹ã¹ãエントリã¾ã¨ã‚
[JS]背景画åƒã‚’アニメーションã•ã›ã¦ã€ã‚µã‚¤ãƒˆã®å°è±¡ã‚’ガラッã¨å¤‰ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
[JS]リã‚ッドレイアウト上ã®ã‚«ãƒ©ãƒ ã®å¹…や数を自動調整ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Smart Columns
Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web
CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’インタラクティブã«ç¢ºèªã§ãる超絶便利ブックマークレット『SelectorGadget〠| 100SHIKI
[JS]ã“れ最強ã‹ã‚‚ã®ãƒ„ールãƒãƒƒãƒ—スクリプト -BeautyTips
IDEA * IDEA
{{#tags}}- {{label}}
{{/tags}}