10分ã§ã§ãã‚‹ã€æµ·å¤–Webデザイン風テクニック (1/3)海外ã®Webサイトã§ã‚ˆã見ã‹ã‘ã‚‹ã®ãŒã€ç´™ã®ç«¯ã‚’折り込んã よã†ãªãƒ‰ãƒƒã‚°ã‚¤ãƒ¤ãƒ¼ï¼ˆdogeared）デザインã 。ãŸã¨ãˆã°ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºã§æœ‰åãªã€Œyiibuã€ã§ã¯ã€å³ã‚«ãƒ©ãƒ ã«ã‚るボックス部分ã§ä½¿ã‚ã‚Œã¦ã„る。 ドッグイヤーデザインã¯ã€CSSã®æ“¬ä¼¼è¦ç´ を利用ã™ã‚‹ã¨æ‰‹è»½ã«ä½œã‚Œã‚‹ã€‚ã‚‚ã¡ã‚ã‚“ã€ç”»åƒã®ç”¨æ„ã¯ä¸è¦ã§ã€HTMLã®è¿½åŠ ã‚‚å¿…è¦ãªã„。今回ã®CSS3é“å ´ã§ã¯ã€ã‚·ãƒ³ãƒ—ルã ãŒWebサイトã®è¦‹æ „ãˆã‚’ãã£ã¨ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ãƒ‰ãƒƒã‚°ã‚¤ãƒ¤ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’マスターã—よã†ã€‚ borderプãƒãƒ‘ティã§ä¸‰è§’形を作る ドッグイヤーデザインã®1番ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€æŠ˜ã‚ŠãŸãŸã¾ã‚ŒãŸã€Œä¸‰è§’å½¢ã€ã®éƒ¨åˆ†ã®ä½œã‚Šæ–¹ã€‚当然ãªãŒã‚‰CSSã«ã¯ä¸‰è§’å½¢ã®ã‚ˆã†ãªå¤šè§’形をæããŸã‚ã®ãƒ—ãƒãƒ‘ティã¯ç”¨æ„ã•ã‚Œã¦ã„ãªã„。 ヒントã¯ãŠãªã˜ã¿ã®borderプãƒãƒ‘ティã 。borderプãƒãƒ‘ティã¯ã€4辺ãŒä»¥ä¸‹ã®å›³ã®bã®ã‚ˆã†ã«æ§‹æˆã•ã‚Œã¦ã„る（bã®å›³ã¯åˆ†ã‹ã‚Šã‚„ã™ã„よã†ã«4辺ã®ç·šã®è‰²
地下鉄ã®è·¯ç·šå›³ã‚’æã‘ã‚‹jQueryプラグイン「Subway Map Visualizationã€:phpspot開発日誌
GAMER'S EXPRESS ― 何ãŒæ€è€ƒã‚’ã¤ãã‚‹ã®ã‹
「カレー無料法ã€ã®é¦¬é¹¿é¦¬é¹¿ã—ã•ã¯æ¯”å–©ã®é¦¬é¹¿é¦¬é¹¿ã—ã•ã - ç´™å±‹ç ”ç©¶æ‰€
海外Webサイト・海外Web屋ã®ç‰¹å¾´
Project management, collaboration, and task software: Basecamp
Iconfinder | Download free icons
What's in the Box? - Test Film 2009
HTMLã§æ–‡å—è©°ã‚ã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ç”¨JS | fladdict
{{#tags}}- {{label}}
{{/tags}}