CSSã§ä½œã‚‹ï¼æŠ¼ã—ãŸããªã‚‹ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³100（Web用）
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押ã—ãŸã¨ã*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下ã«å‹•ã*/ border-bottom: none;/*線を消ã™*/ }
ã“ã‚Œãžãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ç°¡å˜ãªã®ã«ã™ã”ã„ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’作るテクニックã®ã¾ã¨ã‚
オリジナルã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’作るシンプルã§ç°¡å˜ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ 円や矩形ãªã©ã®åŸºæœ¬çš„ãªå½¢ã‚’組ã¿åˆã‚ã›ãŸã‚Šã€å¤‰å½¢ã•ã›ãŸã‚Šã—ã¦ã€ã•ã¾ã–ã¾ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’作æˆã—ã¾ã™ã€‚ 作æ¥ã«æ…£ã‚Œã¦ã—ã¾ãˆã°ã€ã©ã‚Œã‚‚1分もã‹ã‹ã‚‰ãšã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’作æˆã§ãã¾ã™ã€‚ The Super Simple Guide to Iconography 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ç›®ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ 矢å°ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ ãƒãƒƒãƒ†ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ 箇æ¡æ›¸ãリストã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ クラウドã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ 次ã«é€²ã‚€ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ ファンãƒãƒ«ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ プレイ・ãƒãƒ¼ã‚ºã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ ä½ç½®çŸ¢å°ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ ä½ç½®ãƒ”ンã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ サウンドã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ ウェーブã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹ Toptalã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä½œã‚Šæ–¹
Facebook UIデザイン大解剖─UIã®ä½¿ã„ã‚„ã™ã•ã‚’決ã‚る「グレースケールã€ã®é…色ルール ｜ブãƒã‚°ï½œroot｜デザインã®å®Ÿè·µã‚’個ã‹ã‚‰çµ„織・事æ¥ã¸
åˆã‚ã¾ã—ã¦ã€rootアシスタントデザイナーã®å†…è—¤ã§ã™ã€‚ 今日ã¯Facebookã®ãƒ¢ãƒã‚¤ãƒ«UIを事例ã«ã€UIデザインã«ãŠã‘る「グレースケールã€ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ ãã‚‚ãも「グレースケールã€ã¨ã¯ãªã‚“ãªã®ã‹ã€‚僕もã€è¨€è‘‰ã ã‘知ã£ã¦ã„ã¦ãªã‚“ã¨ãªã使ã£ã¦ã„ãŸã®ã§æ”¹ã‚ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ IT用語辞典（e-words.jp）ã«ã‚ˆã‚‹ã¨ グレースケールã¨ã¯ã€ç”»åƒãªã©ã«ä½¿ã‚れる色ã®ç¨®é¡žãƒ»ç¯„囲を表ã™ç”¨èªžã®ä¸€ã¤ã§ã€ç™½ã¨é»’ã¨ãã®ä¸é–“ã®ä½•æ®µéšŽã‹ã®ç°è‰²ã®ã¿ã‚’用ã„ã‚‹ã“㨠一言ã§ã„ã£ã¦ã—ã¾ãˆã°ã€é™ã‚Šãªãé»’ã«è¿‘ã„ã‚‚ã®ã‹ã‚‰é™ã‚Šãªã白ã«è¿‘ã„ã‚‚ã®ã¾ã§ã€Œã„ã‚ã‚“ãªã‚°ãƒ¬ãƒ¼ã€ã¨ã„ã†ã“ã¨ã§ã—ょã†ã‹ã€‚ グレーã¨ã„ã†è‰²ã¯åœ°å‘³ã§ã™ãŒã€UIデザインã«ãŠã„ã¦å®Ÿã¯ã‚‚ã£ã¨ã‚‚é‡è¦ã§ã€ãªãŠã‹ã¤é›£ã—ã„色ãªã®ã§ã¯ãªã„ã‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ 例ãˆã°ã€Webサイトã®ã‚ーカラーãªã©ã¯ã€ç›®ç«‹ã¡ã¾ã™ã—ã€ã‚µã‚¤ãƒˆã€ã—ã„ã¦ã¯ãƒ–ランドãã®ã‚‚ã®ã®å°è±¡ã‚’決定ã¥ã‘る色ãªã®ã§ã€è‰²é¸
é…力的ãªã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´ æ—©ã仕上ã’ã‚‹ã€ã™ã”ã„ç„¡æ–™UIコンãƒãƒ¼ãƒãƒ³ãƒˆç´ æ30個ã¾ã¨ã‚
インターãƒãƒƒãƒˆãŒé€²åŒ–ã™ã‚‹ã“ã¨ã§ã€ã‚¦ã‚§ãƒ–デザインã®ä½œæˆæ–¹æ³•ã¯å¤‰åŒ–ã—ã¦ãã¦ã„ã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„é…色ãªã©åŸºæœ¬çš„ãªè¦ç´ ã§æ‚©ã‚“ã§ã—ã¾ã†ã¨ã„ã†ã“ã¨ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã‚らã‹ã˜ã‚利用ã™ã‚‹ç´ æã‚’æƒãˆãŸUIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’使ãˆã°ã€ã‚ˆã‚Šæ‰‹è»½ã«ãã—ã¦ã‚¹ãƒ”ーディーã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ウェブサイト制作を進ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 今回ã¯ã€ã‚らゆるデザインコンセプトやプãƒã‚¸ã‚§ã‚¯ãƒˆæ¡ˆä»¶ã«å¯¾å¿œã§ãã€ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹UIコンãƒãƒ¼ãƒãƒ³ãƒˆç´ æã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚Photoshop ã§åˆ©ç”¨ã§ãã‚‹ã®ã¯ã‚‚ã¡ã‚ã‚“ã€æœ€è¿‘人気㮠Sketch ã‚„ Figmaã€Illustrator ã«ã‚‚対応ã™ã‚‹ç´ æãŒæƒã„ã¾ã™ã€‚デザインアイデアãŒæ¬²ã—ã„ã¨ããªã©ã€ä»Šå¾Œã®å‚考ã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã€‚ 詳細ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ é…力的ãªã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´ æ—©ã仕上ã’ã‚‹ã€ã™ã”ã„ç„¡æ–™UIコンãƒãƒ¼ãƒãƒ³ãƒˆç´ æã¾ã¨ã‚ iOS 10 GUI Kit Sketch / PS
Metronic | Tailwind, Bootstrap, React, Vue, Angular, Asp.Net & Laravel Admin Dashboard HTML Template
ã“ã‚Œã ã‘èªã‚ã°å¤§ä¸ˆå¤«ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤ŽãŒå¦ã¹ã‚‹åŽ³é¸5記事｜ferret [フェレット]
ferret編集部：2014å¹´12月11æ—¥ã«å…¬é–‹ã•ã‚ŒãŸè¨˜äº‹ã‚’å†ç·¨é›†ã—ã¦ã„ã¾ã™ã€‚ 「デザインã«é–¢ã—ã¦ã¯ã€å…¨ãã‚ã‹ã‚‰ãªã„ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«å…¨ã¦ãŠä»»ã›ï¼ã€ 「デザインã¯æ„Ÿæ€§ã‚„æ‰èƒ½ã ã—ã€ãªã‚“ã¦ä¼ãˆã¦ã„ã„ã‹ã‚‚ã‚ã‹ã‚‰ãªã„。〠ã¨æ„Ÿã˜ã‚‹æ–¹ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ デザインãŒæœ¬æ¥ã§ãªã„å ´åˆã€æ™‚間を割ãã®ãŒé›£ã—ã„ã¨ã„ã†æ‹…当者ã•ã‚“ãŒå¤šã„ã®ãŒç¾çŠ¶ã§ã™ã€‚ ã—ã‹ã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤šãã¯åŽŸç†åŽŸå‰‡ã‚„ã€æ³•å‰‡ã«å‰‡ã£ãŸã†ãˆã§è€ƒãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚å°‘ã—ã§ã‚‚ç†è§£ã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¨ã®é€£æºã‚‚スムーズã«ãªã‚Šã¾ã™ã—ã€ãªã«ã‚ˆã‚Šã‚¯ã‚ªãƒªãƒ†ã‚£ãŒä¸ŠãŒã‚‹ã“ã¨é–“é•ã„ãªã„ã§ã™ã€‚ 今回ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŽŸç†åŽŸå‰‡ãŒåˆ†ã‹ã‚Šã‚„ã™ã書ã‹ã‚Œã¦ã„る記事をã¾ã¨ã‚ã¾ã—ãŸã€‚ 1.デザインã®åŸºç¤Ž ã€è¿½è¨˜ã‚り】ã€åˆå¿ƒè€…】デザインã£ã¦ãªã‚“ã ？「デザインã€ã®æ¦‚念ã¨ã€ï¼”ã¤ã®åŸºæœ¬åŽŸå‰‡ã‚’知ã‚ㆠhttp://wp-e.org/2014/03/09/995/ ã“ã¡ã‚‰ã®è¨˜äº‹ã§ã¯ã€ãã‚‚ãã‚‚
![ã“ã‚Œã ã‘èªã‚ã°å¤§ä¸ˆå¤«ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤ŽãŒå¦ã¹ã‚‹åŽ³é¸5記事｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/737c1201be8e91c4ffb6b8253f2f3a5fc2f857f3/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F467%2Feyecatch%2Fdefault-e50f142a015d29fc107e85693be29ce9.jpeg)
サクッã¨èªã‚る話題 - ãƒãƒƒãƒˆç‰æ§˜ã€…ãªè©±é¡Œã‚’èª¤å ±ã‚’é˜²ãŽãªãŒã‚‰æ›´æ–°
京アニ放ç«äº‹ä»¶ã‚’å—ã‘ã¦ã€ãƒ¡ãƒ«ã‚«ãƒªã«äº¬ã‚¢ãƒ‹é–¢é€£ã‚°ãƒƒã‚ºå‡ºå“ãŒæ€¥å¢—ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ä¸ã«ã¯é«˜é¡ã™ãŽã‚‹å‡ºå“ãŒã‚ã£ãŸã‚Šã€ãã‚‚ãもメルカリã§äº¬ã‚¢ãƒ‹ã‚°ãƒƒã‚ºÂ …
Photoshopã§ã®é¢å€’ãªä½œæ¥ã‚’ç°¡å˜ã«ï¼ä¾¿åˆ©ã™ãŽã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚ | コリス
グラデーションã®ç¸žã€…ã‚’å–り除ã„ãŸã‚Šã€èƒŒæ™¯ã‚’削除ã—ãŸã‚Šã™ã‚‹å®Ÿç”¨çš„ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã¯ã˜ã‚ã€ã‚«ãƒ©ãƒ¼ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’生æˆã—ãŸã‚Šã€ç”»åƒã‚’幾何å¦æ¨¡æ§˜ã‚„ãƒãƒ¼ãƒ•ãƒˆãƒ¼ãƒ³ã«ã—ãŸã‚Šã€ãƒ†ã‚ストやオブジェクトを3Dã«ã™ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ no more banding フラットやソリッドãªã‚¹ã‚¿ã‚¤ãƒ«ãŒãƒˆãƒ¬ãƒ³ãƒ‰ã§ã‚‚ã€ã¾ã ã¾ã グラデもå¥åœ¨ã§ã™ã€‚ãã‚“ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ±šã見ãˆã¦ã—ã¾ã†ç¸žã€…（ãƒãƒ³ãƒ‡ã‚£ãƒ³ã‚°ï¼‰ã‚’å–り除ã„ã¦ã€ç¾Žã—ã仕上ã’ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã€‚ ãƒãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å–り除ã仕組ã¿ã¯ã€ä»¥å‰ã®è§£èª¬è¨˜äº‹ï¼ˆã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’より美ã—ã滑らã‹ã«ã™ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ）をã”覧ãã ã•ã„。
ãŠé¡˜ã„ã ã‹ã‚‰Webフォームã§ã¯ã‚’æ£ã—ã使ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティを上ã’ã¦ãã‚Œ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
今日ã¯ã€WebフォームãŒã€Œã†ã‚ã€ä½¿ã„ã¥ã‚‰ã„ã€ã¨ãªã£ã¦ã—ã¾ã‚ãªã„よã†ã«ã™ã‚‹ã€æ„外ã¨å¯¾å¿œã•ã‚Œã¦ã„ãªã„ã“ã¨ãŒå¤šã„HTMLタグ「<label>ã€ã«ã¤ã„ã¦ã€‚ HTMLを自分ã§æ›¸ã‹ãªã„Web担当者ã•ã‚“ã§ã‚‚ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ãŒä½œã£ãŸãƒ•ã‚©ãƒ¼ãƒ ã«é–¢ã—ã¦æœ€ä½Žé™ã“ã‚Œã ã‘ã¯ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠãã¨ã„ã„ã§ã™ã‚ˆã€ã¨ã„ã†ãŠè©±ã—ã§ã™ã€‚ コンãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è¦ã§ã‚る「Webフォームã€ã€‚アクセス解æžã§ã®æ”¹å–„ã‚„EFO（入力フォーム最é©åŒ–）をã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€æ„外ã¨å¿˜ã‚Œã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„「<label>ã€ã‚’ã”å˜ã˜ã§ã—ょã†ã‹ã€‚ フォームã®å…¥åŠ›é …ç›®ãã‚Œãžã‚Œã®ã€Œãƒ©ãƒ™ãƒ«ï¼ˆé …ç›®å）ã€ã‚’書ããŸã‚ã®HTMLã®ä½œæ³•ãªã®ã§ã™ãŒã€ã“れをã¡ã‚ƒã‚“ã¨ä½¿ã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½¿ã„ã‚„ã™ã•ãŒã‚¬ãƒ©ãƒƒã¨å¤‰ã‚ã‚‹ã®ã§ã™ã€‚ 一番ã‚ã‹ã‚Šã‚„ã™ã„ã®ã¯ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚„ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€‚<label>ã‚’ã¡ã‚ƒã‚“ã¨ä½¿ã£ã¦ã„ã‚‹ã¨ã€ãƒœã‚¿ãƒ³éƒ¨åˆ†ã§ã¯ãªãæ–‡å—ã®éƒ¨åˆ†ã‚’クリックã™ã‚‹ã ã‘ã§é …目を
最åˆã®ä¸€æ©ã¯å§‹ã‚ã‚‹ã“ã¨
Jason Zimdars / é’æœ¨é– è¨³ 2010å¹´8月31æ—¥ 「Webデザインを始ã‚ãŸã„å ´åˆã€ã©ã†ã™ã‚Œã°ã„ã„ã‚“ã§ã—ょã†ï¼Ÿã€ã¨ã‹ã€ã€ŒWebアプリを作り始ã‚ã‚‹ã«ã¯ã€ã©ã‚“ãªã‚¹ã‚ルãŒå¿…è¦ã§ã™ã‹ï¼Ÿã€ã¨ã„ã£ãŸè³ªå•ã‚’ã™ã‚‹äººãŒãŸãã•ã‚“ã„る。ãŠã™ã™ã‚ã®æœ¬ã‚’å±±ã»ã©æŒ™ã’ãŸã‚Šã€ã€Œã¨ãªã‚Šã®ã‚„ã¤ã‚ˆã‚Š115%上をã„ã55ã®æŠ€ã€ã¿ãŸã„ãªè¨˜äº‹ã‚’何å本ã‹ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã™ã‚‹ã®ã¯ç°¡å˜ã ãŒã€æœ¬å½“ã®ã¨ã“ã‚を言ã†ã¨ã€å§‹ã‚ã‚‹ãŸã‚ã«ä½•ã‹ã‚’å¦ã¶å¿…è¦ã¯ãªã„。一番é‡è¦ãªã“ã¨ãŒä½•ã‹ã¨ã„ã†ã¨ã€ãŸã 始ã‚ã‚‹ã“ã¨ãªã®ã 。 何ã‹ã‚’作り始ã‚ã‚‹ã“ã¨ã€‚Webデザインをå¦ã³ãŸã„ãªã‚‰Webサイトを作れã°ã„ã„。起æ¥å®¶ã«ãªã£ã¦Webベースã®è£½å“を売るビジãƒã‚¹ã‚’始ã‚ãŸã„ãªã‚‰ä½•ã‹ã‚¢ãƒ—リを作れã°ã„ã„。ã¾ã スã‚ルãŒãªã„ã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ã€ã©ã†ã—ã¦ãã‚“ãªã“ã¨æ°—ã«ã™ã‚‹ã®ï¼Ÿ ã©ã‚“ãªã‚¹ã‚ルãŒå¿…è¦ã«ãªã‚‹ã‹ã‚‚ã‚ã‹ã‚‰ãªã„ã¨ã„ã†ã®ã«ã€‚ ã™ã§ã«çŸ¥ã£ã¦ã„ã‚‹ã“ã¨ã‚’使ã£ã¦å§‹ã‚ã‚‹ Webã§ä½•ã‹ä½œã‚ŠãŸã„ã‚“
Bootstrapã®ä½¿ã„方超入門 (1/4) - ï¼ IT
話題ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインも簡å˜ã«ã§ãã‚‹ã€CSSフレームワーク「Bootstrapã€ã®æ¦‚è¦ã¨åŸºæœ¬çš„ãªä½¿ã„方をサンプルã¨ã‚³ãƒ¼ãƒ‰ã‚’交ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 最近ã¯ã‚„ã‚Šã®HTML5ã€JavaScriptライブラリã€CSS3ã€APIã®ç´¹ä»‹ã€ã¾ãŸãれらを組ã¿åˆã‚ã›ãŸã‚µãƒ³ãƒ—ルアプリケーションã®ç´¹ä»‹ã¨è§£èª¬ã‚’厳é¸ã—ã¦ç´¹ä»‹ã€è§£èª¬ã—ã¦ã„ã本連載「HTML5アプリ作ã‚ã†ãœï¼ã€ã€‚今回紹介ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ã€ŒBootstrapã€ã§ã™ã€‚ 話題ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインも簡å˜ã«ã§ãã‚‹ã€CSSフレームワーク「Bootstrapã€ã¨ã¯ ç¾åœ¨ã®Web制作ã€é–‹ç™ºã§ã¯ã€ã¨ã‚‚ã«ã‚¹ãƒ”ードãŒé‡è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚「Bootstrapã€ã‚’使用ã™ã‚‹ã¨ã€æ—¢ã«ç”¨æ„ã•ã‚Œã¦ã„るスタイルをé©ç”¨ã™ã‚‹ã ã‘ã§ã€æ ¼æ®µã«é€Ÿãè¦‹æ „ãˆã‚’æ•´ãˆã‚‰ã‚Œã¾ã™ã€‚事実ã€Webシステムã®ç®¡ç†ç”»é¢ãªã©ã§Bootstrapを使用ã™ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ Bootstrapã¯æœ€è¿‘
ã€æ°¸ä¹…ä¿å˜ç‰ˆã€‘åˆå¿ƒè€… ~ 上級者å‘ã‘ Gitをよりç†è§£ã™ã‚‹ãŸã‚ã«åŽ³é¸ã—ãŸã‚µã‚¤ãƒˆã‚„スライドをã¾ã¨ã‚ã¦ã¿ãŸ | nanapi [ナナピ]
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ã€ç†è€…ãŒè‡ªåˆ†è‡ªèº«ã®ãŸã‚ã«ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ãŒã€‚以下ã®ã‚ˆã†ãªæ–¹ã«ã‚‚ã¨ã£ã¦ã‚‚オススメã§ãã‚‹ã®ã§ãœã²ã”覧ãã ã•ã„。 ã“ã‚Œã‹ã‚‰Gitを覚ãˆãŸã„方（ã¾ã ç°¡å˜ã«è¿½ã„ã¤ã‘ã¾ã™ï¼ï¼‰ Git使ã£ã¦ã„ã‚‹ã‘ã©å®Ÿã¯ã‚ˆãã‚ã‹ã£ã¦ã„ãªã„方（怖ãŒã‚‰ãšè£ã‚’ç†è§£ã™ã‚Œã°æ„外ã¨ç°¡å˜ã§ã‚·ãƒ³ãƒ—ルãªã‚“ã§ã™ã‚ˆï¼ï¼‰ 日常的ã«Git使ã„ã“ãªã—ã¦ã„ã‚‹ã‘ã©ã€ã„ã–ã¨ã„ã†ã¨ãã‚°ã‚°ã£ã¦ã—ã¾ã†æ–¹ã‚‚ç†è§£ã‚’æ·±ã‚ã‚‹ã®ã«å½¹ç«‹ã¤ã¨æ€ã„ã¾ã™ã€‚（怖ããªã„ï¼Gitï¼ï¼ï¼‰ Gitã®åŸºç¤Žãƒ»æŒ¯è¿”ã‚Šå‘ã‘サイト Gitæœ¬å®¶ï¼ ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‹ãªã‚Šæ´—礼ï¼ã“ã“らã¸ã‚“ã«ã‚‚人気具åˆãŒä¼ºãˆã¾ã™ã€‚ git-scm.com ドã‚ュメント(日本語)も豊富ã§ç´ 晴らã—ã„。 Git - Book The entire Pro Git book, written by Scott Chacon and published by Apress, is available here
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã‚»ã‚ュリティ診æ–・検査ã®GMOサイãƒãƒ¼ã‚»ã‚ュリティ byイエラエ
x.com
[CSS]ユーザーを楽ã—ã¾ã›ã‚‹æ°—æŒã¡ã„ã„エフェクトãŒãŸãã•ã‚“ã‚ã‚‹CSS3ã®ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆ -CSS3 Playground
{{#tags}}- {{label}}
{{/tags}}