Web制作者ãŒãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€æ°—æŒã¡ã„ã„インタラクションやUIを実装ã§ãã‚‹JavaScriptã®ã¾ã¨ã‚
Webサイトやブãƒã‚°ã«ã€æ°—æŒã¡ã„ã„インタラクションやユーザーインターフェイスを実装ã§ãã‚‹JavaScriptを紹介ã—ã¾ã™ã€‚実用的ãªã‚‚ã®ã‹ã‚‰ã€ã‚ã¾ã‚Šè¦‹ã‹ã‘ãªã„æ–°é®®ãªã‚‚ã®ã¾ã§ã€ç´ 晴らã—ã„アイデアãŒã„ã£ã±ã„ã§ã™ï¼
UIã®æ–°é®®ãªã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ãƒã‚§ãƒƒã‚¯ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„インタラクションã®å·¥å¤«ãŒç´ 晴らã—ã„ナビゲーションã®ã¾ã¨ã‚
最近ã®UIã¯ã€æ°—æŒã¡ã„ã„アニメーションãŒå¤šãå–り入れられã¦ã„ã¾ã™ã€‚アニメーションã¯ã‚る程度予測ã§ããªãŒã‚‰ã‚‚ã€ã„ã„æ„味ã§å°‘ã—期待をè£åˆ‡ã‚‹ãらã„ãŒã¡ã‚‡ã†ã©ã„ã„ãªã¨æ€ã„ã¾ã™ã€‚ アニメーションを使ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚„デザインãŒç´ 晴らã—ã„ナビゲーションã®å®Ÿè£…例をã¾ã¨ã‚ã¾ã—ãŸã€‚å„デモã¯å…¨ã¦ã€HTML, CSS, JavaScriptãªã©ã‚’オンラインã§ç·¨é›†ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
デザインã®ç¥žã¯ç´°éƒ¨ã«å®¿ã‚‹ï¼æœ€è¿‘ã®Webサイトã§è¦‹ã‹ã‘るナビゲーションã®ã‚¢ã‚¤ãƒ‡ã‚¢ã®ã¾ã¨ã‚
Webサイトをデザインã™ã‚‹æ™‚ã«ãƒŠãƒ“ゲーションをã©ã†ã™ã‚‹ã‹ã€ã‘ã£ã“ã†é ã‚’æ‚©ã¾ã›ã‚‹ã¨æ€ã„ã¾ã™ã€‚コンテンツを見ã›ã‚‹ãŸã‚ã«ã€ã‚µã‚¤ãƒˆã®æ§‹é€ ã‚’ä¼ãˆã‚‹ãŸã‚ã«ã€ãƒšãƒ¼ã‚¸ã‚’移動ã™ã‚‹ãŸã‚ã«ã€ãƒŠãƒ“ゲーションã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã§é‡è¦ãªã‚¢ã‚¤ãƒ†ãƒ ã§ã™ã€‚ 最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹æ–°é®®ãªã‚¢ã‚¤ãƒ‡ã‚¢ãŒå–り入れられãŸãƒŠãƒ“ゲーションを紹介ã—ã¾ã™ã€‚デザインãªã©ã®è¦‹ãŸç›®ã ã‘ã§ãªãã€æ“作性やインタラクションもéžå¸¸ã«ã‚ˆãã§ãã¦ã„ã‚‹ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ Nick Jones デザインã«é»„金比をå–り入れるã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®ç™ºæƒ³ã¯ãªã‹ã£ãŸï¼ãƒžã‚¦ã‚¹ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã‚ーボードæ“作ã§é»„金分割ã•ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„を次々ã«è¡¨ç¤ºã—ã¾ã™ã€‚ ãã®ä»•çµ„ã¿ã¯ã€CodePenã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 110% ナビゲーションã®ä»Šã¾ã§ã®æ¦‚念ãŒãã¤ãŒãˆã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã“ã®ã‚µã‚¤ãƒˆã®ãƒŠãƒ“ゲーションã«ã¯ã€2ã¤ã®å¤§ããªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãšä¸€ã¤ç›®ã¯ã€ä¸å¤®ã«ãƒ•ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã•ã‚ŒãŸãƒ‘ãƒ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}