ラーテルç¾åœ¨ãŠæŒã¡ã®ä¸å‹•ç”£ã®ã”売å´ã‚’ãŠè€ƒãˆã«ãªã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ 当社ã§ã¯å£²å´ç‰©ä»¶ã‚’大募集ã—ã¦ã„ã¾ã™ã€‚å…ˆãšã¯ã”相談ãã ã•ã„。
å³¶æ ¹çœŒç«‹æ´¥å’Œé‡Žé«˜ç‰å¦æ ¡ï½œæ–‡æ•™ã®é‡Œã§å¦ã¶
ã§ã®å‡ºä¼šã„㌠感動を呼ã¶ã€‚ ã‚ãªãŸã¯ ã¯ã˜ã‚ã®ä¸€æ©ã‚’ è¸ã¿å‡ºã™ã€‚ æ´¥å’Œé‡Žé«˜æ ¡ã¯ã€ã€Œã‚„ã£ã¦ã¿ãŸã„ã€ã‚’「やã£ã¦ã¿ã‚‹ã€ã«ã™ã‚‹å¦æ ¡ã€‚ ã‚ãªãŸã®ä¸€æ©ã«å¯„ã‚Šæ·»ã„ã¾ã™ã€‚ 全国å„地ã‹ã‚‰å¤šæ§˜ãªä»²é–“ãŒé›†ã¾ã‚‹æ´¥å’Œé‡Žé«˜æ ¡ã«ã¯ã€ ãŠäº’ã„ã«åˆºæ¿€ã—ã‚ã„高ã‚åˆã†ç’°å¢ƒãŒã‚ã‚Šã¾ã™ã€‚ å¦æ ¡ç”Ÿæ´»ã‚„寮・下宿生活ã§ã€ 生涯ã®å‹ã¨ã‚ãã‚Šåˆã†ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ょã†ã€‚ ã‚ãªãŸã®æœªæ¥ã®é¸æŠžè‚¢ã‚’増やã—〠自分ã®å¯èƒ½æ€§ã‚’広ã’ã‚‹ãŸã‚ã«ã€æ´¥å’Œé‡Žã§å¦ã³ã¾ã›ã‚“ã‹ã€‚
ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¤ãƒ©ã‚¹ãƒˆã‚’æœ¬æ ¼çš„ãªã‚¿ãƒƒãƒã§æã‘ã‚‹ï¼è³ªæ„Ÿã‚„空気感やディテールã®è¡¨ç¾ãŒã™ã”ã„Photoshopã®ãƒ–ãƒ©ã‚·ç´ æ -Fenris31
ã•ã¾ã–ã¾ãªãƒšã‚¤ãƒ³ãƒˆã‚„シェイプã€è³ªæ„Ÿã‚’生ã¿å‡ºã™ãƒ†ã‚¯ã‚¹ãƒãƒ£ã€ç©ºã‚„雲や煙や埃ãªã©ã®ç©ºæ°—æ„Ÿã€æ¨¡æ§˜ã‚„飾りãªã©ã®ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã€ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¤ãƒ©ã‚¹ãƒˆã‚’æœ¬æ ¼çš„ãªã‚¿ãƒƒãƒã§æã‘ã‚‹Photoshopã®ãƒ–ãƒ©ã‚·ç´ æを紹介ã—ã¾ã™ã€‚
[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)
Bootstrapã§æœ€è¿‘人気ã®é«˜ã„レイアウトやコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるテンプレートã®ã¾ã¨ã‚
上部固定ã®Scrollspy対応ナビゲーションã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã£ã“ã„ã„オフã‚ャンãƒã‚¹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒ–ラウザã®é«˜ã•ã„ã£ã±ã„・åŠåˆ†ã«ç”»åƒã‚’é…ç½®ã€è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã©ã€æœ€è¿‘よã見ã‹ã‘る人気ã®é«˜ã„レイアウトやコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹Bootstrap用ã®ãƒ†ãƒ³ãƒ—レートを紹介ã—ã¾ã™ã€‚ Bootstrap 実装方法ã®ã»ã¨ã‚“ã©ã¯ã€Bootstrapã®æœ€å°é™ã®æ§‹æˆã«æ•°è¡Œã®HTMLã¨å¤–部スタイルシートを記述ã™ã‚‹ã ã‘ã§ã™ã€‚ Bootstrapã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®è¨˜äº‹ã‚’å‚考ã«ã©ã†ãžã€‚ å‚考 Bootstrapã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®åŸºæœ¬ãªä½¿ã„æ–¹ Bootstrapã®ãƒ™ãƒ¼ã‚¹ã®CSSを使ã£ã¦ã•ã¾ã–ã¾ãªè¦ç´ を実装ã—ã¦ã¿ã‚ˆã†ï¼åŸºæœ¬è¦ç´ ã¨ãƒŠãƒ“ゲーションã®ã‚¹ã‚¿ã‚¤ãƒ« 以下ã®ãƒ†ãƒ³ãƒ—レートã¯Apache 2.0ライセンスã§ã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Scrolling
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}