HTMLã‚’ã¯ã˜ã‚ã€CSSã‚„JavaScriptãªã©ã§å®Ÿè£…ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¸»è¦ãªæ©Ÿèƒ½ãŒä¸€ã¤ã®ãƒ‘ッケージã«ãªã£ãŸã€ŒEasy front-end frameworkã€ã‚’紹介ã—ã¾ã™ã€‚
æ–°è¦ã‚µã‚¤ãƒˆã‚’構築ã™ã‚‹ãƒªã‚½ãƒ¼ã‚¹ãŒãƒ‘ッケージã«ãªã£ãŸ -Easy front-end framework
HTMLã‚’ã¯ã˜ã‚ã€CSSã‚„JavaScriptãªã©ã§å®Ÿè£…ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¸»è¦ãªæ©Ÿèƒ½ãŒä¸€ã¤ã®ãƒ‘ッケージã«ãªã£ãŸã€ŒEasy front-end frameworkã€ã‚’紹介ã—ã¾ã™ã€‚
ノンデザイナーも必見ï¼Twitter BootStrapã®ç‰¹å¾´ã¨å°Žå…¥å‰ã«ç¢ºèªã™ã¹ã事 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã‚。アートディレクター兼2å…ã®ãƒ‘パã€é•·å²¡ã§ã™ã€‚ 毎回åã©ã‚‚ãƒã‚¿ã§ã™ãŒã€æœ€è¿‘アンパンマンを指ã•ã—ã¦ã€Œãƒ‘ンパーンパンã€ã¨ãã‚Œã£ã½ã„発音をã—ã¦ã„ã‚‹æ¯åを見ã¦ã€Œã“ã„ã¤å¯æ„›ã„ãªã€ã¨ç™’ã•ã‚Œã¦ã„ã¾ã™ï¼ˆç¬‘） 屈託ã®ãªã„笑顔ã¨æŒã¡å‰ã®ã‚ã©ã‘ãªã„仕è‰ã§ã€ä¿è‚²åœ’ã®ãƒžãƒ€ãƒ ãŸã¡ã‚’イãƒã‚³ãƒï¼ˆè¡¨ç¾ãŒå¤ã„？）ã«ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚å°†æ¥ãŒã¡ã‚‡ã£ã¨å¿ƒé…ã§ã™ãƒ»ãƒ»ãƒ»ã€‚ ã•ã¦ä»Šå›žã¯ã€HTML5・CSS3・jQueryを使用ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ールã®çŽ‹é“「Twitter Bootstrap（※ver2.3.1）ã€ã®ãŠè©±ã€‚ ※ã“ã®è¨˜äº‹ã‚’書ã„ã¦ã„る最ä¸ã«ver3.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸï¼ï¼ˆæ±—）後ã§ã‚†ã£ãり触ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â–²Twitter BootStrap ver2.3.1 Web制作者ãªã‚‰ã€ä¸€åº¦ã¯è§¦ã‚ŒãŸã“ã¨ãŒã‚ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãã®ã¾ã¾ä½¿ã£ã¦ã¿ãŸã‚Šã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ä½¿ã£ã¦ã¿ãŸã‚Šãƒ»ãƒ»ãƒ»ã€‚ 使ã„方を間é•ãˆãªã‘ã‚Œã°ã€ã¨ã¦ã‚‚
スマートフォン時代ã®CSS Frameworkã‚ã‚Œã“ã‚Œ : 構想雑文
構想雑文 WEBデザインã¨macã«é–¢ã™ã‚‹ã“ã¨ä¸å¿ƒã®è‡ªåˆ†å‘ã‘メモ主体ã®ãƒ–ãƒã‚°ã€‚ DREAMWEAVERã€Illustratorã€Photoshopãªã©ã®ã‚¢ãƒ—リケーションã®è¨å®šã‚„使ã„方。HTMLã€CSSã€JavaScriptã€PHPã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã“ã¨ã‚’ã‚ã‚Œã“れ書ã„ã¦ã„ã¾ã™ã€‚ ã“ã“最近ã®ã‚µã‚¤ãƒˆã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ãƒã‚°ã‚’見ã¦ã„ã‚‹ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒå¢—åŠ å‚¾å‘ã«ã‚ã‚‹ã®ã§ã€ã‚¦ã‚§ãƒ–サイトã¤ãã‚‹ã¨ãもスマートフォンã«è€ƒæ…®ã—ãŸã‚µã‚¤ãƒˆã«ã›ãã°ã€ã¨ã‚ˆã†ã‚„ãæ€ã„始ã‚ã¦ã„ã¾ã™ã€‚ スマートフォンå‘ã‘ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã¤ãã‚‹ã®ã¯è‹¦æ‰‹ã ã—ã€ç‰¹ã«ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ウェブデザインã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã£ã¦é¢å€’ã¨ã—ã‹æ€ãˆãªã„ã—ã€ã©ã†ã™ã‚‹ã‹ãªãã€ã¨æ€ã†ã‚‚ã™ãã«CSS Frameworkを使ãˆã°è§£æ±ºã™ã‚‹ã‹ãªãã€ã¨æ€ã£ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ CSS Frameworkã®æ•°ã‚ã‚ŠéŽãŽã§ã™ã€‚ 昔ã¯ã€ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãã‚Œã„ã«ä½œæˆã™ã‚‹ãらã„ã®ã‚‚ã®ã§ã—ãŸãŒ
肉çƒãŒãƒ‘ララックスã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Cool Kitten
ベータ版ã§ã™ãŒã€ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªã‚·ãƒ³ãƒ—ルãªãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚肉çƒã«æƒ¹ã‹ã‚ŒãŸã‚ã‘ã§ã¯ãªã„ã§ã™ã‚ˆã€‚ Cool Kitten Cool Kitten -GitHub Cool Kittenã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—・タブレット・スマートフォンãªã©ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ‘ララックススクãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€è‚‰çƒãŒãƒ‘ララックスï¼
ウェブ制作者ã®ãŸã‚ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨æ‹¡å¼µã«é‡ç‚¹ã‚’ãŠã„ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -UIkit
ç°¡å˜ã«åˆ©ç”¨ã§ãã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚容易ã§ã€ã‚¦ã‚§ãƒ–制作者ã®ãŸã‚ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨æ‹¡å¼µã«é‡ç‚¹ã‚’ãŠã„ãŸHTML, CSS, JavaScriptã§ä½œæˆã•ã‚ŒãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ UIkit UIkit -GitHub UIkitã¯ç¾åœ¨å¤šãã®åˆ¶ä½œè€…ãŒåˆ©ç”¨ã—ã¦ã„ã‚‹jQuery, normalize.cssをベースã«ã€ã‚¦ã‚§ãƒ–ページã§åˆ©ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIエレメントãŒç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ ã¾ãŸã€UIkitã§ã¯ã™ã¹ã¦ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ†ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒæä¾›ã•ã‚Œã¦ãŠã‚Šã€å®Ÿéš›ã«ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã‹ã©ã®ã‚ˆã†ãªè¦‹ãŸç›®ã«ãªã‚‹ã‹ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Under construction - Awesome site in the making!
Home
ã“ã‚Œã‹ã‚‰ã®Web制作ã«ä½¿ãˆã‚‹ã€é¢ç™½ã„UIを実装ã§ãã‚‹jQuery・CSS集
http://easyframework.com/
{{#tags}}- {{label}}
{{/tags}}