Honoka - 日本語も美ã—ã表示ã§ãã‚‹Bootstrapテーマ
Honokaã¯ã‚ªãƒªã‚¸ãƒŠãƒ«Bootstrapテーマã§ã™ Honokaã¯Bootstrapテーマã®ä¸€ã¤ã§ã™ãŒã€ä»¥ä¸‹ã®ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ Easy to Start Honokaã¯Bootstrapã‚’å…ƒã«è£½ä½œã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€éžå¸¸ã«é«˜ã„互æ›æ€§ã‚’æŒã£ã¦ã„ã¾ã™ã€‚マークアップã«é–¢ã™ã‚‹è¦ç´„ã¯ã»ã¨ã‚“ã©å¤‰ã‚ã‚Šã¾ã›ã‚“。
ã†ã‚ã£ã€ç§ã®ã‚µã‚¤ãƒˆBootstrapãã•ã™ãŽ!? ãŸã£ãŸæ•°æ–‡å—変ãˆã‚‹ã ã‘ã§Bootstrapã®ãã•ã¿ãŒæŠœã‘ã‚‹7ã¤ã®CSSテクニック。
ãªã‚“ã‹ã€ã“ã®ã‚µã‚¤ãƒˆBootstrapãã•ã„。ãã†æ„Ÿã˜ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹? ãã®ç†ç”±ã¯ã‚ºãƒãƒªã€æ¬§æ–‡ãƒ™ãƒ¼ã‚¹ã§ã¤ãられãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークを文å—æ§‹é€ ã®é•ã†æ—¥æœ¬èªžã§é©ç”¨ã—ãŸéš›ã«ä¸éƒ½åˆãŒå‡ºã¦ã—ã¾ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ãれらãŒé†¸ã—出ã™é•å’Œæ„Ÿã‚’放ã£ã¦ãŠãã¨ã€Bootstrapãã•ã•ã‚’生ã¿å‡ºã™å¤§ããªåŽŸå› ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã®å•é¡Œã¨ã—ã¦ã€æ¬§æ–‡ã¨æ¯”較ã—ã¦å’Œæ–‡ã¯æ–‡å—ã®è¦ç´ ãŒå¤šãã€æ–‡å—自体ã®ãƒªã‚ºãƒ ã‚‚å°‘ãªã„ãŸã‚ã€ã©ã†ã—ã¦ã‚‚複雑ã§å˜èª¿ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€å’Œæ–‡ã ã‹ã‚‰ã¨ã„ã£ã¦ã‚ãらã‚ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。Bootstrapã®CSSã‚’å°‘ã—ã ã‘変ãˆã‚‹ã ã‘ã§ã‚°ãƒƒã¨è¦‹ãŸç›®ãŒã‚ˆããªã‚‹éš ã—味をã”紹介ã—ã¾ã™ã€‚ 1. line-heightã§è¡Œé–“ã«ã‚†ã¨ã‚Šã‚’。明æœã‚„ゴシックãªã©ã€ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žãŒè¨€è‘‰ã®å°è±¡ã‚’表ã™ã‚ˆã†ã«ã€æ–‡å—ã®è¡Œé–“ã¯èªã¿ã‚„ã™ã•ã€æ–‡ç« 全体ã®é›°å›²æ°—ã‚’å·¦å³ã—ã¾ã™ã€‚ 欧文をベースã«è¨è¨ˆã•ã‚ŒãŸBootstrapã‚’ãã®ã¾ã¾
レスãƒãƒ³ã‚·ãƒ–対応ã®CSSフレームワーク22é¸
手軽ã«ç´ 敵ãªãƒ›ãƒ¼ãƒ ページを作æˆã™ã‚‹ã“ã¨ãŒã§ãã‚‹CSSフレームワークãŒæ²¢å±±ç™»å ´ã—ã¦ã„ã¾ã™ã€‚アイコンãªã©ã‚‚å…¨ã¦ã‚»ãƒƒãƒˆã«ãªã£ãŸã‚‚ã®ãªã©ã‚‚ã‚ã‚Šã€ã‚³ãƒ¼ãƒ€ãƒ¼ã§ãªãã¨ã‚‚ç°¡å˜ã«ä½œæ¥ã§ãã‚‹ã“ã¨ã‹ã‚‰äººæ°—ã‚’åšã—ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸCSSフレームワークをã«ç´¹ä»‹ã—ã¾ã™ã€‚CSSフレームワークをé¸ã¶éš›ã®å‚考ã«ã—ã¾ã—ょã†ã€‚ CSSフレームワークã¨ã¯ï¼Ÿãã®ç‰¹å¾´ã¨ãƒ¡ãƒªãƒƒãƒˆ CSSフレームワークを簡å˜ã«è¨€ã†ã¨ã€Webサイトã«å¿…è¦ãªãƒ‘ーツや主ãªæ©Ÿèƒ½ãªã©ãŒã‚»ãƒƒãƒˆã«ãªã£ãŸãƒ‘ックã®ã“ã¨ã§ã™ã€‚Webサイトをデザインã™ã‚‹ã¨ãã€é€šå¸¸ã¯ã‚¤ãƒã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã¦ã€ãƒ‘ーツをæƒãˆã€CSSを記述ã—ã¦ã„ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯æ™‚é–“ãŒã‹ã‹ã‚‹ä¸Šã€Webデザイナーやエンジニアãªã©ã®å°‚門家ãŒã„ãªã„å ´åˆã€æ•´ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®Webサイトを制作ã™ã‚‹ã“ã¨ã¯éžå¸¸ã«å›°é›£ã ã¨è¨€ãˆã‚‹ã§ã—ょã†ã€‚ ãã‚“ãªã¨ãã«ä¾¿åˆ©ãªã®ãŒCSSフレームワークã§ã™ã€‚CSSフレーãƒ
Bootstrapよりã‚レイï¼Googleã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ット - ku-sukeã®ãƒ–ãƒã‚°
Bootstrapã®è¦‹æ…£ã‚ŒãŸæ„Ÿã¨ã„ã†ã‹ã€ãƒ¢ãƒƒã‚¯æ„Ÿã‹ã‚‰è„±å´ã—よã†ã¨Foundationã¨ã‹ã«æ‰‹ã‚’出ã—ã‹ã‘ã¦ãŸã®ã§ã™ãŒã€GoogleãŒã ã—ã¦ããŸãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ットãŒã™ã”ã良ã‹ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ãŸã¨ãˆã°ç®¡ç†ç”»é¢é¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã“ã‚Œ ã»ã‹ã«ã‚‚Bootstrap風ã®ä¸Šéƒ¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆAndroid）もã‚ã£ãŸã‚Š コンãƒãƒ¼ãƒãƒ³ãƒˆã¨å‘¼ã°ã‚Œã‚‹éƒ¨å“も充実ã—ã¦ã„ã¾ã™ã€‚ã“れ見るã ã‘ã§è‰²ã€…ã§ããã†ãªæ°—ãŒã—ã¾ã™ãï¼ Blog風ãªã©å¹¾ã¤ã‹æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã„ã¾ã¨ã‚るサイドプãƒã‚¸ã‚§ã‚¯ãƒˆã§ç°¡æ˜“çš„ãªç®¡ç†ç”»é¢ã‚’ã¤ãã‚ã†ã¨ã—ã¦ãŸã®ã§ã™ãŒã€æ—©é€Ÿæ´»ç”¨ã—ã¦ã„ã„æ„Ÿã˜ã«ä»•ä¸Šã’ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã—ãŸã€‚ ダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã¨å…¨ãƒ†ãƒ³ãƒ—レートãŒå«ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚³ãƒ”ペã§çµ„ã¿åˆã‚ã›ã‚‹ã ã‘ã§ã‚‚çµæ§‹ã„ã„æ„Ÿã˜ã«å‡ºæ¥ã¾ã™ã€‚Bootstrapã«é£½ãã¦ããŸã‚‰ã€ãœã²ä½¿ã£ã¦ã¿ã¦ãã ã•ã„。 www.getmdl.io
知ã£ã¦ãŠãã¨åŠ¹çŽ‡çš„ï¼ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆåˆ¶ä½œãŒæ—ã‚‹jQuery プラグインや使ã„æ–¹ã¾ã¨ã‚
作æˆï¼š2014/04/7 更新：2014/11/01 Web制作 > ã‚ã®ä¼æ¥ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„る効果やテクニックをã¾ãŸæŽ¢ã•ãªã„ã¨ã„ã‘ãªã„ã€ãã‚‚ãã‚‚ã©ã†ã„ã£ãŸã‚ーワードã§æŽ¢ã—ãŸã‚‰ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„。ãã‚“ãªã“ã‚“ãªã§ã€ä»Šå›žã¯å¥‡æŠœãªã‚‚ã®ã§ã¯ãªãã€ã€Œä¼æ¥ã‚µã‚¤ãƒˆã§è¦‹ãŸã“ã¨ã‚ã‚‹ï¼ã€ã¨ã„ã†ã‚ˆã†ãªã€ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã«ä½¿ãˆãã†ãªå®šç•ªã®ãƒ—ラグインや作り方をã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠スライドショー １．カルーセル（横） ２．フェードアウト ３．画åƒã¨æ–‡å—をスライド ４．文å—ãŒé…ã‚Œã¦ç§»å‹•ã™ã‚‹åŠ¹æžœ ５．異ãªã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è¨å®šã§ãã‚‹ ナビゲーション・メニュー ６．多階層 ドãƒãƒƒãƒ—ダウンメニュー ７．多階層 効果ã¤ã ８．スマホã§ã¯ãƒ‰ãƒãƒƒãƒ—ダウン ９．スマホã§ã¯ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã« １ï¼ï¼ŽAmazon風 メガドãƒãƒƒãƒ—ダウンメニュー １１．横スライド １
å…¨200種類以上ã€ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã•ã¾ã–ã¾ãªã‚¦ã‚§ãƒ–サイトã«ãƒžãƒƒãƒã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Freecns
å…¨200種類以上ã€ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã•ã¾ã–ã¾ãªã‚¦ã‚§ãƒ–サイトã«ãƒžãƒƒãƒã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Freecns
[JS]ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã‚’æƒãˆã‚‹ã ã‘ã§ãªãã€å‡ç‰å‰²ä»˜ã‚„グリッドã«æƒãˆã‚‹ã“ã¨ã‚‚ã§ãるスクリプト -jQuery.grrrid.js
[JS]ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã‚’æƒãˆã‚‹ã ã‘ã§ãªãã€å‡ç‰å‰²ä»˜ã‚„グリッドã«æƒãˆã‚‹ã“ã¨ã‚‚ã§ãるスクリプト -jQuery.grrrid.js
北米WEB屋ãªã‚‰èª°ã§ã‚‚知ã£ã¦ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã£ã¦æ€ã†ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ãŸ - ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®WEB屋
他人ã®ãƒ–ックマークã£ã¦æ°—ã«ãªã‚Šã¾ã›ã‚“ã‹ï¼Ÿç‰¹ã«åŒã˜æ¥ç•Œã®äººã®ãƒ–ックマークã£ã¦ã™ã”ãæ°—ã«ãªã‚Šã¾ã™ã‚ˆã。 興味本ä½ã§WEB屋å‹äººã®ãƒ–ックマークã—ã¦ã‚‹ã‚µã‚¤ãƒˆã‚’æ•™ãˆã¦ã‚‚らã†ã“ã¨ã‚‚多ã„ã§ã™ãŒã€ãªã‚“ã ã‹ç‹™ã„ã™ã¾ã—ãŸã‚ˆã†ã«ã€ã„ã‚ã‚“ãªäººãŒåŒã˜ã‚ˆã†ãªã‚µã‚¤ãƒˆã‚’ブックマークã—ã¦ã„ã‚‹ã“ã¨ã«æ°—ãŒã¤ã„ã¦ã€ã€Œã‚ãーã€ã“ã®ã‚µã‚¤ãƒˆã¯ã¿ã‚“ãªè‰¯ã見ã¦ã‚‹ã®ã‹ã‚‚ã€ã£ã¦æ€ã£ãŸã‚µã‚¤ãƒˆãŒã„ãã¤ã‹ã‚ã£ãŸã‚“ã§ã™ã。 ãã“ã§ã€WEB屋ã®ãƒ–ックマークをã¾ã¨ã‚ã¦ã€åŒ—ç±³WEB屋ãªã‚‰ã“ã‚Œã¯ãŸã¶ã‚“皆ã¿ã¦ã‚‹ã‚“ã ã‚ã†ãªã£ã¦ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã®ã§ï¼ˆç‹¬æ–ã¨å見ã§ï¼‰ã”紹介。 海外ã§WEB屋をやる方ã€ã„ã¡æ—©ã海外ã®WEBãƒ‡ã‚¶ã‚¤ãƒ³æƒ…å ±ã‚’ã‚²ãƒƒãƒˆã—ãŸã„æ–¹ã€çŸ¥ã£ã¦ã„ã¦æã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚ Smashing Magazine ã¾ãšã¯çŽ‹é“？Smashing Magazine。ã“ã®ã‚µã‚¤ãƒˆã¯æ—¥æœ¬ã§ã‚‚有åã‹ãªã¨æ€ã„ã¾ã™ã€‚よãWEBã¾ã¨ã‚記事ã¨ã‹ã§å–り上ã’られã¦ã¾ã™ã‚ˆã。WEBã®
ã™ãã„㬠WEBデザイン詳ã—ã„暇ãªäººã¡ã‚‡ã£ã¨ãƒ‹ãƒ¼ãƒˆã‚’助ã‘ã¦
2024 07 ≪ 12345678910111213141516171819202122232425262728293031≫ 2024 09 1 åå‰ï¼šä»¥ä¸‹ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™[] 投稿日：2009/11/24(ç«) 11:47:13.45 ID:ZAwq5sRE0 ã¡ã‚‡ã£ã¨ã‚«ãƒ³ãƒ—ã¨ã‹ã„ã†ã®ä½œã£ãŸã‚“ã§è¦‹ã¦(´･.ã‚ï½¥`) æ ¹æœ¬ã‹ã‚‰ãƒ€ãƒ¡ãªã®ã¯ã‚ã‹ã‚‹ã‘ã©å®Œæˆã ã‘ã¯ã•ã›ãŸã„ん㧠アドãƒã‚¤ã‚¹ãŠãã‚Œ(´･.ã‚・`) 見出ã—ã®ä¸èº«ãƒ»ãƒ»ãƒ» 3 åå‰ï¼šä»¥ä¸‹ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™[] 投稿日：2009/11/24(ç«) 11:52:02.96 ID:ZAwq5sRE0 ã“ããˆ(ï¼› ï½¥`д･´) 4 åå‰ï¼šä»¥ä¸‹ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™[] 投稿日：2009/11/24(ç«) 11:53:31.47 ID:ZAwq5sRE0 ã¬ãƒ»ãƒ»ãƒ» ãã†ã‹ã€ç”˜ãˆ
JavaScriptã§èªã¿è¾¼ã‚€CSSファイルをã¾ã‚‹ã£ã¨[7korobi8oki.com]
代表ä¸å±±é™½å¹³ ブãƒã‚°ã€Œè‹¦æ‰‹æ„è˜ã‚’ç„¡ãã›ã°Web活用ã¯ã†ã¾ãã„ãã€å¼Šç¤¾ã§ã¯ã€ŒãŒã‚“ã°ã‚‹ä¸å°ä¼æ¥ã€ã®Web活用をサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚今ã®æ™‚代ã€ç¬¬3者ã§ã‚ã‚‹ã€åˆ¶ä½œä¼šç¤¾ã‚„代ç†åº—ã«ãŠã¾ã‹ã›ã§ã¯å‹ã¦ã¾ã›ã‚“。åŒã˜ã‚ˆã†ãªå•†å“・サービスãŒæº¢ã‚Œã‚‹ä¸ã€é¸ã‚“ã§ã‚‚らã†ãŸã‚ã®ã‚³ãƒ³ã‚»ãƒ—トを立ã¦ã€ãれを実ç¾ã™ã‚‹ãŸã‚ã«ãƒãƒƒãƒˆã‚‚リアルもç·å‹•å“¡ã—ãªãŒã‚‰æˆ¦ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã¿ãªã•ã‚“ãŒä¸–ã®ä¸ã«ãƒ»è‡ªç¤¾ã®å¾“æ¥å“¡ã«å®Ÿç¾ã—ãŸã„幸ã›ã‚„æ供価値をã€ã—ã£ã‹ã‚Šã¨å®Ÿç¾ã—ã¦ã„ããŸã‚ã«ã¯ã€ã¿ãªã•ã‚“自身ãŒä¸»å½¹ã«ãªã‚Šã€ç§é”ã®ã‚ˆã†ãªå°‚門会社ãŒå´é¢æ”¯æ´ã™ã‚‹ã®ãŒãƒ™ã‚¹ãƒˆã§ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã§ã¯å¾¡ç¤¾ãŒä¸å¿ƒã¨ãªã£ã¦ã‚¦ã‚§ãƒ–活用ã§ãるヒントをé…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ãŠæ‚©ã¿ã®æ–¹ã¯ãŠæ°—軽ã«å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰ã”相談ãã ã•ã„。 最新ã®è¨˜äº‹ä¸€è¦§
![JavaScriptã§èªã¿è¾¼ã‚€CSSファイルをã¾ã‚‹ã£ã¨[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã“ã“ã¾ã§ã‚„る？ã¨ã„ã†ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBレイアウト作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã“ã“ã¾ã§ã‚„る？ã¨ã„ã†ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBレイアウト作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 2009å¹´03月17æ—¥- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã“ã“ã¾ã§ã‚„る？ã¨ã„ã†ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBレイアウト作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ プãƒãƒ¬ãƒ™ãƒ«ã¨ã„ã£ã¦ã‚‚様々ã§ã™ãŒã€ãã®ãªã‹ã§ã‚‚優れãŸã¨ã„ãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 真似ã™ã‚‹ã“ã¨ã§ãã‚Œãªã‚Šã®ã‚‚ã®ã‚’作るã®ã¯é›£ã—ããªã•ãã†ã§ã™ã€‚ Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージã—ãŸã€å°‘ã—怪ã—ã’ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚å
セクシーã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…JSライブラリ:phpspot開発日誌
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.セクシーã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…JSライブラリ。 クリックã™ã‚‹ã¨ãƒ‹ãƒ¥ãƒ¼ã£ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã‚»ã‚¯ã‚·ãƒ¼ã«é–‹ã„ã¦ãれるメニュー実装ã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ デモã¯ã“ã¡ã‚‰ CSSã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã§ã™ã€‚ ã¡ã‚‡ã£ã¨å¤‰ã‚り種ã¨ã„ã†ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚µã‚¤ãƒˆã§ä½¿ãˆãã†ã§ã™ã。
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
UNIQLO_GRID
ã‚ã¾ã‚Šã«æœ€å¼·ã™ãŽã‚‹å‹•ç”»ã¾ã¨ã‚flashを作æˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿*ホームページを作る人ã®ãƒã‚¿å¸³
{{#tags}}- {{label}}
{{/tags}}