デザイン仕様書(ガイド) ã®æ›¸ãæ–¹(åˆæ©ç”¨)
8. ã€€ãƒ‡ã‚¶ã‚¤ãƒ³å®Œäº†ï¼ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ä½œæˆï¼ 開発完了ï¼äº‹å‰ã«æ‰“ã¡åˆã‚ã›ï¼ （è¨è¨ˆæ®µéšŽï¼‰ 開発者ã¨ã€ A ã‹ã‚‰ Z ã¾ã§äº‹å‰ã«ã¨ã“ã¨ã‚“話ã—åˆã†ã“㨠å¯èƒ½ãªé™ã‚Šã€æ¯Žå›žç¢ºèªï¼ˆé–‹ç™ºç¤¾ ( 者 ) ã”ã¨ã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã¯é•ã†ï¼ï¼‰ å…¨ã¦ã®ãƒ‡ãƒ¼ã‚¿ã‚’表記ã™ã‚‹è€ƒãˆã¯ã€æ¨ã¦ã‚‹ã“ã¨ï¼ˆäº’ã„ã«ç–²ã‚Œã‚‹ã ã‘） 何ã ã€ã„ã„ヤツ ã˜ã‚ƒãªã„㋠デザインガイド ? ãŠã™ã™ã‚ã®ãƒ—ãƒã‚»ã‚¹ã¨ã¯â€¦
「明日ã‹ã‚‰æœ¬æ°—出ã™ã€ã¨ã„ã†äººã«ã‚ªã‚¹ã‚¹ãƒ¡ã®æ—¥æœ¬èªžã§å¦ã¹ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’サイト9é¸
「プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã ã‘ã©Webサービスã¨ã‹ä½œã£ã¦ã¿ãŸã„ãªãƒ¼ã€ã¨ã„ã†æ·¡ã„夢をæŒã¡ã¤ã¤ã‚‚日々ã®ç”Ÿæ´»ã«è¿½ã‚ã‚Œã¦ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å‹‰å¼·ãŒç¶™ç¶šã§ãã¦ã„ãªã„今日ã“ã®é ƒã€è‡ªåˆ†ã¨åŒã˜ã‚ˆã†ã«ã€Œæ˜Žæ—¥ã‹ã‚‰æœ¬æ°—出ã™ã€ã¨ã„ã†æ„Ÿã˜ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã¶æ°—æŒã¡ãŒã‚る人å‘ã‘ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ç¿’ã§ãるサイトをピックアップã—ã¦ã¿ã¾ã—ãŸã€‚ 1.  Codecademy コードã®æ›¸ã方をå¦ã¼ã† | Codecademy 世界的ã«æœ‰å且ã¤äººæ°—ãŒã‚ã‚‹å¦ç¿’サイトã§ã™ã€‚HTML+CSSã‚„JavaScriptã€Pythonã‚„Rubyãªã©ã€ã„ã‚ã„ã‚ãªè¨€èªžã‚’å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ブラウザ内ã®ã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚³ãƒ¼ãƒ‰ã‚’記述ã§ãã‚‹ã®ã§é–‹ç™ºç’°å¢ƒã‚’準備ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“。ã¾ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ãƒ¬ãƒƒã‚¹ãƒ³ã‚’作れる機能もã‚ã‚Šã¾ã™ã€‚ 2. ドットインストール ドットインストール – 3分動画ã§ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹åˆå¿ƒè€…å‘ã‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’サイト 国内ã§æœ€ã‚‚有
å‹•ãCSSã®ãŸã‚ã®ãƒ¡ãƒ¢ã€‚
CSSã§ã§ãる事ãŒã©ã‚“ã©ã‚“増ãˆã¦ã¾ã™ã€‚JavaScriptを使ã£ã¦å®Ÿè£…ã™ã‚‹ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚‚ã€CSSã ã‘ã§ä½œã‚Œã¡ã‚ƒã†ã»ã©ã€ä¾¿åˆ©ãªãƒ—ãƒãƒ‘ティãŒã˜ã‚ƒã‚“ã˜ã‚ƒã‹å¢—ãˆã¾ã—ãŸã。ã“ã“ã§ã¯ã€è¦ç´ ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘ã‚‹ãŸã‚ã®CSSを使ã£ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ã€ã¾ã¨ã‚ã¦ã‚†ã“ã†ã¨æ€ã„ã¾ã™:)。 CSSã§å‹•ã‹ã™ 「動ãã€ã¨ã„ã£ã¦ã‚‚ã€è‡ªç”±è‡ªåœ¨ã«ãã«ã‚ƒãã«ã‚ƒå‹•ã‹ã›ã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€CSSアニメーションã§ã¯ã€ãƒ—ãƒãƒ‘ティã®æ•°å€¤ã‚’スムーズã«å¢—減ã•ã›ã‚‹ã“ã¨ã§ã€è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’滑らã‹ã«å¤‰åŒ–ã•ã›ã¾ã™ã€‚ 例ãˆã°ã€ä¸‹ã®ã‚µãƒ³ãƒ—ルã§ã¯ã€pè¦ç´ ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ãŸæ™‚ã«ã€font-sizeã®å€¤ã‚’ã€1emã‹ã‚‰2emã«ã€ã‚¹ãƒ ーズã«å¤‰åŒ–ã™ã‚‹ã‚ˆã†ã«æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ p { transition: font-size 1s; } å‹•ã‹ã™ãŸã‚ã®ãƒžã‚¹ãƒˆãƒ—ãƒãƒ‘ティ CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ãŸã‚ã«å¿…è¦ä¸å¯æ¬ ãªã®ãŒtransitionプãƒãƒ‘ティ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}