https://jp.techcrunch.com/2012/06/05/20120604google-analytics-now-lets-you-conduct-browser-size-analysis/
html解らãªãã¦ã‚‚サイト作æˆå¯èƒ½ï¼Scroll Kitを使ã£ã¦ã¿ãŸï¼æœ€é«˜ã§ã™ï¼ | ATTRIP
テッククランãƒã«ã‚ニナルサービスãŒç´¹ä»‹ã•ã‚ŒãŸã€‚ Scroll Kitを使ã£ã¦ã¿ãŸï¼ ã‚ニナルãƒã‚¤ãƒ³ãƒˆã¯ã€ã“ã“ï¼ å€‹äººã®ã‚¦ã‚§ãƒ–サイトやã€å®¶æ—・å‹äººã¨ã‚·ã‚§ã‚¢ã™ã‚‹ãƒãƒ¼ã‚¹ãƒ‡ãƒ¼ã‚«ãƒ¼ãƒ‰ã€ãƒ›ãƒªãƒ‡ãƒ¼ã‚«ãƒ¼ãƒ‰ã‚’作る目的ã§ä½¿ã‚ã‚Œã¦ã„る。公開ã•ã‚ŒãŸã‚‚ã®ã¯scroll kit 引用元: 「絵や文å—ã¨åŒã˜ã‚ˆã†ã«ã‚¦ã‚§ãƒ–ã‚’æã“ã†ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°çŸ¥è˜ä¸è¦ã®Scroll Kit 確ã‹ã«Facebookを使ã†ã‚ˆã†ã«ãªã£ã¦ã‹ã‚‰ãƒãƒ¼ã‚¹ãƒ‡ãƒ¼ã®æ™‚ã¨ã‹å‹é”ã«ã¡ã‚‡ã£ã¨ã†ã‚Œã—ã„ãƒãƒ¼ã‚¹ãƒ‡ãƒ¼ã‚«ãƒ¼ãƒ‰ã‚’é€ã‚ŠãŸã„機会増ãˆã¾ã—ãŸï¼ Scroll Kit使ã£ã¦ã¿ãŸã€‚ã“ã‚“ãªã‹ã‚“ã˜ã§ã‚µã‚¤ãƒˆãŒä½œã‚Œã¾ã™ã€‚ 感想ã¯ã€ãƒ‘ワーãƒã‚¤ãƒ³ãƒˆã‚ˆã‚Šç°¡å˜ã˜ã‚ƒãªã„ã‹ãªï¼Ÿ htmlã‚„CSSã®çŸ¥è˜ãŒãªãã¦ã‚‚自由ã«Webを表ç¾ã§ãã‚‹ã®ã§çµµã‚’書ã„ã¦ã„る人ãªã©ã®ç™ºè¡¨ã®å ´æ‰€ã¨ã—ã¦ã‚‚使ãˆãã†ã§ã™ã€‚ ã“ã‚Œã¯ã€ã€ã„ã„ãï¼ ã‚ã¨æ—¥æœ¬èªžã‚‚対応ã—ã¦ã„ãŸã®ã§å¤§ä¸ˆå¤«ãã†ã§ã™ã€‚ 下ã®ç”»åƒãŒScroll kitã§ä½œ
ãƒã‚´ä½œæˆã®æ‰‹é †ã‚’実例ã¨ã‚ã‚ã›ã¦ç´¹ä»‹ï¼
ãƒã‚´ä½œæˆã®æ‰‹é †ã‚’実例ã¨ã‚ã‚ã›ã¦ç´¹ä»‹ï¼ä¼æ¥ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’明確ã«ã™ã‚‹ã“ã¨ã‚’「ブランディングã€ã¨å‘¼ã³ã¾ã™ã€‚ä¼æ¥ãƒã‚´ã¯ãã®ãƒ–ランディングãŒè‰²æ¿ƒãåæ˜ ã•ã‚Œã€ä¼æ¥ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å·¦å³ã™ã‚‹é‡è¦ãªéƒ¨åˆ†ã§ã™ã€‚今回ã¯ã€Œãƒã‚´ã¨ã¯ãªã‚“ãžã‚„？ã€ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰ã€ç§ã®ãƒã‚´ã‚’実例ã«ã€ãƒã‚´ã®åˆ¶ä½œæ‰‹é †ã‚’紹介ã—よã†ã¨æ€ã„ã¾ã™ã€‚ 先日「ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã®å‚考ã«ï¼ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã‚ªãƒ³ãƒ‘レードã¨æ³¨ç›®è¨˜äº‹è‰²ã€…ï¼ã€ã¨ã„ã†è¨˜äº‹å†…ã§ã€ãªã‚‹ã»ã©ãªã€ã¨é ·ã‘ã‚‹æ–‡ç« ã«å‡ºä¼šã„ã¾ã—ãŸã€‚ WEB サイトã¯ã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼ã‚らãªã„デザインã ã¨ã‚ã‹ã‚Œã°ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‘ã©ã€ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼ã‚らãªã„ã‹ã‚‰ã¨è¨€ã£ã¦ä½œã‚Šå¤‰ãˆã‚‹ã“ã¨ã¯æ®†ã©ç„¡ã„。ãã‚Œã¯ã¤ã¾ã‚Šã€ãƒã‚´ã¯ãŠå®¢æ§˜ã®ç‚ºã«ä½œã‚‹ã‚“ã˜ã‚ƒãªã„ã¨ã€ãƒã‚´ã¯è‡ªåˆ†ãŸã¡ã®æ„æ€ã‚„考ãˆã®è±¡å¾´ã§ã‚‚ã‚ã‚‹ã‹ã‚‰ãã‚“ãªã«ç°¡å˜ã«å¤‰ãˆã‚‹ã‚ã‘ã«ã¯ã„ã‹ãªã„ã€è‡ªåˆ†ãŸã¡ï¼ˆãƒã‚´ã«è¾¼ã‚られãŸç‰©ã‚’èƒŒè² ã†äººé”）ã®ç‚ºã«ä½œã‚‹ç‰©ãªã‚“ã 。 ãµã‚€ãµ
黄金比をå–り入れãŸã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®Webデザインを構築ã™ã‚‹ç‚ºã®ãƒ†ãƒ³ãƒ—レートやアクションãªã©ã®è£œåŠ©ã‚ット・The Golden Grid - ã‹ã¡ã³ã¨.net
黄金比をå–り入れãŸã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã®Webデザインを作る際ã®Photoshopã‚„ Fireworks用テンプレやã€PSアクション ãªã©ãŒã‚»ãƒƒãƒˆã«ãªã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚ット・ The Golden Gridã®ã”紹介。アクション ãŒä¾¿åˆ©ãã†ã§ã—ãŸã€‚ 黄金比をå–り入れãŸã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨ã®PSDã‚„Fw用テンプレã¨ã‹ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã‚‹ã‚„ã¤ã§ã™ã€‚グリッドレイアウトã¯960グリッドシステムã«æº–ã˜ã¦ã„ã‚‹ã¿ãŸã„。 内容物ã¯ä»¥ä¸‹ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Photoshopアクション Photoshop用テンプレート Fireworks用テンプレート illustrator用テンプレート indesign用テンプレート omnigraffle用テンプレート pixelmator用テンプレート flash用テンプレート 上記ã«ãã‚Œãžã‚Œ12カラムã€16カラムã€24カラムãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ↑ a:bãŒ1.61
仕事ã§Excel使ã†ãªã‚‰å¿…ãšèªã‚“ã§ãŠããŸã„記事ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
最低é™è¦šãˆã¦ãŠããŸã„WEBé…色ã®åŸºæœ¬ï¼’大原ç†ã¨ï¼–ã¤ã®é…色パターン
WEBサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€èª°ã‚‚ãŒé ã‚’æ‚©ã¾ã›ã‚‹éƒ¨åˆ†ã 。 「ã©ã†ã„ã†é…色ãªã‚‰è‰¯ã„å°è±¡ã‚’æŒã£ã¦ã‚‚らã†ã“ã¨ãŒã§ãã‚‹ã®ã‹ï¼Ÿã€ã€Œã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã‚‰ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚‹ã®ã‹ï¼Ÿã€ãªã©ã€æ§˜ã€…ãªã¨ã“ã‚ã¾ã§è€ƒãˆã‚’張り巡らã•ãªã‘ã‚Œã°ã„ã‘ãªã„ã‹ã‚‰ã 。 ãã“ã§æœ¬æ—¥ã¯ã€The Art of Color Coordination ã¨ã„ã†ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ã”紹介ã™ã‚‹ã€‚ã“れを見れã°ã€WEBé…色ã®åŸºæœ¬ã®ï¼’大原ç†ã¨ã€ä»Šã™ãã«ä½¿ãˆã‚‹ï¼–ã¤ã®é…色パターンãŒã™ãã«åˆ†ã‹ã‚‹ã€‚ ãã—ã¦ã€åˆå¿ƒè€…ã§ã‚‚ã€çµ±ä¸€æ„Ÿã®ã‚ã‚‹é…色ã®WEBサイトを作るãŸã‚ã®å¤§ããªåŠ©ã‘ã¨ãªã‚‹ã¯ãšã 。 ã¾ãŸã€ç§ãŸã¡ãƒã‚ºéƒ¨ã¯12å¹´ã§400社以上ã®ãƒ¡ãƒ‡ã‚£ã‚¢æ”¯æ´ã‚’è¡Œã„〠立ã¡ä¸Šã’ã‹ã‚‰10ヶ月ã§14.6億円ã®å£²ä¸Šã‚’産んã ä¸å‹•ç”£ãƒ¡ãƒ‡ã‚£ã‚¢8ヶ月ã§æœˆé–“140万PVを実ç¾ã—ãŸã‚¢ãƒ—リメディアãªã©å¤§ããªæˆæžœã‚’挙ã’続ã‘ã¦ã„る。 å„サイトã®æˆåŠŸè¦å› をインタビューã—ã¦ã„ã‚‹ã®ã§ã€ ã‚ãªãŸã®ã‚µã‚¤ãƒˆã«å½¹ç«‹
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}