ã¯ã¦ãªãƒ–ックマーク - æ–°ç€ã‚¨ãƒ³ãƒˆãƒªãƒ¼ - テクノãƒã‚¸ãƒ¼ - Webデザイン
Webデザインã®åŸºæœ¬ãŒèº«ã«ã¤ãï¼ãƒšãƒ¼ã‚¸ã®ã‚°ãƒªãƒƒãƒ‰ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ»è¦ç´ é…ç½®ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã®ã¾ã¨ã‚ | コリス 最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æ§‹æˆã€ç¸¦é•·ãƒšãƒ¼ã‚¸ãƒ»æ¨ªé•·ãƒšãƒ¼ã‚¸ã§ã‚°ãƒªãƒƒãƒ‰ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã®è¦ç´ ã®é…ç½®ãªã©ã€ãƒ‡ã‚¶ã‚¤... 2015/11/20 09:55
photoshopã®ã‚¢ã‚»ãƒƒãƒˆæ©Ÿèƒ½ã‚’使ã£ã¦çˆ†é€Ÿã§ã‚¹ãƒ©ã‚¤ã‚¹ã—よã†
ã“ã‚“ã«ã¡ã‚。 マークアップã®ç”°æ‘ã§ã™ã€‚ 2週連続ã§ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ãƒ–ãƒã‚°ã‚’書ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚ 今回ã¯ã‚³ãƒ¼ãƒ€ãƒ¼ã®çš†ã•ã‚“ã¯ãœã²ä½¿ã£ã¦ã„ãŸã ããŸã„「photoshop2014ã€ã®ã‚¢ã‚»ãƒƒãƒˆæ©Ÿèƒ½ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ アセット機能ã¨ã¯ï¼Ÿ photoshopヘルプã‹ã‚‰å¼•ç”¨ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ PSD ファイルã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¾ãŸã¯ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‹ã‚‰ JPEGã€PNG ã¾ãŸã¯ GIF ç”»åƒã‚¢ã‚»ãƒƒãƒˆã‚’生æˆã§ãã¾ã™ã€‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ç”»åƒå½¢å¼ã®æ‹¡å¼µåをレイヤーåã¾ãŸã¯ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—åã«è¿½åŠ ã™ã‚‹ã¨ã€ã‚¢ã‚»ãƒƒãƒˆãŒè‡ªå‹•çš„ã«ç”Ÿæˆã•ã‚Œã¾ã™ã€‚ã¾ãŸã€ç”Ÿæˆã•ã‚Œã‚‹ç”»åƒã‚¢ã‚»ãƒƒãƒˆã®ç”»è³ªãŠã‚ˆã³ã‚µã‚¤ã‚ºãƒ‘ラメーターを指定ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ PSD ファイルã‹ã‚‰ã®ç”»åƒã‚¢ã‚»ãƒƒãƒˆã®ç”Ÿæˆã¯ã€ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ Web デザインã§ç‰¹ã«å½¹ç«‹ã¡ã¾ã™ã€‚ 上記ã«è¨˜è¼‰ã®é€šã‚Šã€ã‚¹ãƒ©ã‚¤ã‚¹ã§ç”»åƒã‚’書ã出ã™ã®ã§ã¯ãªãã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‹ã‚‰ç”»åƒã‚’生æˆã§ãã¾ã™ã€‚ 切
他人ãŒä½œã£ãŸã€Œä¼ç”»æ›¸ã€ã‚„「æ案書ã€ã‚„「プレゼン資料ã€ã‚’å ‚ã€…ã¨è¦—ã見ã™ã‚‹ã“ã¨ãŒã§ãるサイトやブãƒã‚°è¨˜äº‹ã¾ã¨ã‚。 - ãŠã—ブムfrom STONEWEB
仕事をã—ã¦ã„ã‚‹ã¨ä¼ç”»æ›¸ã‚„æ案書やプレゼン資料ãªã©ã‚’作æˆã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ä»–ã®äººã¯ã©ã‚“ãªãƒ¢ãƒŽã‚’作ã£ã¦ã„ã‚‹ã®ã‹æ°—ã«ãªã£ãŸã‚Šã—ã¾ã™ã‚ˆã。例ãˆã°ç«¶åˆä»–社やã€å…¨ãé•ã†æ¥ç¨®ãªã©ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ä»–人ã®ä½œã£ãŸä¼ç”»æ›¸ã‚„æ案書ãªã©ã‚’覗ã見ã™ã‚‹ã“ã¨ãŒã§ãるサイトやブãƒã‚°è¨˜äº‹ã‚’ã„ãã¤ã‹æŽ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ 覗ã見ã§ãるサイト＆ブãƒã‚°è¨˜äº‹ å½¹ã«ç«‹ã¤ä¼ç”»æ›¸ãƒ»ã‚¹ãƒ©ã‚¤ãƒ‰ãŒé›†ã¾ã£ãŸã‚µã‚¤ãƒˆï½œbikkuri ãƒãƒƒãƒˆã§è¦‹ã‚Œã‚‹ï¼å›½å†…有åWebサービスã®ã€ŒãƒŠãƒžä¼ç”»æ›¸ã€ã¾ã¨ã‚ | Find Job ! Startup ãƒãƒƒãƒˆã§è¦‹ã‚‰ã‚Œã‚‹æ案書ã®ã¾ã¨ã‚ | Webデザインã®ã‚¿ãƒ マニュアル・æ案書/ãƒ–ãƒ«ãƒ¼ã‚¹ã‚¿ãƒ¼æ ªå¼ä¼šç¤¾ æ°—ã«ãªã£ãŸè³‡æ–™ã‚’ピックアップ 最åˆã«ç´¹ä»‹ã—ãŸã‚µã‚¤ãƒˆã€Œbikkuriã€ã®ä¸ã‹ã‚‰ã€æœ€è¿‘個人的ã«æ°—ã«ãªã£ã¦ã„るテーマ「Webデザインã€ã«é–¢ã™ã‚‹è³‡æ–™ã‚’å°‘ã—ã ã‘ピックアップã—ã¦ã¿ã¾ã™ã€‚ (ã¯ã˜ã‚ã®1冊!) ã¾ãã—ã¦æ›¸ã‘ã‚‹ä¼ç”»
知らãªã„ã¨æï¼ã‚¦ã‚§ãƒ–デザインã«ç‰¹åŒ–ã—ãŸPhotoshopã®åŠ¹çŽ‡çš„ãª89ã®æ™‚çŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ -神速 Photoshop Webデザイン編
Photoshopを毎日使ã†ã‚¦ã‚§ãƒ–制作者ã¯ãœã²ç›®ã‚’通ã—ã¦ã»ã—ã„ã€Photoshopを自分ã®æ‰‹è¶³ã®ã‚ˆã†ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒŽã‚¦ãƒã‚¦ã€åŒã˜çµæžœã§ã‚‚é™ã‹ã«æ™‚é–“ãŒçŸç¸®ã•ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæº€è¼‰ã®ã‚ªã‚¹ã‚¹ãƒ¡æœ¬ã‚’紹介ã—ã¾ã™ã€‚ åŒã‚µã‚¤ã‚ºã®ç”»åƒã‚’スライスã™ã‚‹ã®ã«5分ã‹ã‹ã£ã¦ã„ãŸã®ãŒ1分ã§ï¼ã€€10px以下ã®å°ã•ãªæ–‡å—を鮮明ã«ã™ã‚‹ã®ã«10分以上ã‹ã‹ã£ã¦ã„ãŸã®ãŒ5分ã§ã‚ˆã‚Šã‚レイã«ï¼ã€€ãªã©å®Ÿç”¨çš„ãªæŠ€ãŒæº€è¼‰ã§ã™ã€‚ 「神速 Photoshop Webデザイン編ã€ã§ã¯ã‚¦ã‚§ãƒ–デザインã®ç¾å ´ã§Photoshopを使ã†æ™‚ã«å½¹ç«‹ã¤æƒ…å ±ãŒæº€è¼‰ï¼ Webデザインã«ç‰¹åŒ–ã—ãŸPhotoshopã®ç’°å¢ƒè¨å®šæ–¹æ³•ã‹ã‚‰ã€ã™ã°ã‚„ã„スライスã€åŠ¹çŽ‡çš„ãªã‚«ãƒ³ãƒ—ã®ä½œæˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’楽ã«ã¤ãã‚‹ãªã©ã€å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„便利ãªãƒ„ールã€ãã—ã¦ã„ã–ã¨ã„ã†æ™‚ã®ã€Œç›´ã—ã€ã«å¼·ã„データをã¤ãる方法ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ™‚間を大幅ã«çŸç¸®ã—ã¾ã™ã€‚ 神速デザインã®5箇æ¡
Webデザイン | Web デザイン | 特集記事 | デザインã£ã¦ã‚ªãƒ¢ã‚·ãƒã‚¤ -MdN Design Interactive-
ã€Web デザイン】 『ç¾å ´ã§ã‹ãªã‚‰ãšä½¿ã‚ã‚Œã¦ã„ã‚‹WordPressデザインã®ãƒ¡ã‚½ãƒƒãƒ‰ã€ã®è‘—者「WP-Dã€ãƒ¡ãƒ³ãƒãƒ¼ã«ã‚ˆã‚‹ç‰¹åˆ¥åº§è«‡ä¼š
ã™ã”ã„役立ã£ãŸï¼Web制作ã«ç‰¹åŒ–ã—ãŸã€Œæ案書ã€ã«å…¥ã‚Œã¦ãŠããŸã„ã“ã¨ã€çŸ¥è˜
作æˆï¼š2014/02/3 更新：2014/11/01 ディレクション > æ案書ã«å¿…ãšæ›¸ã„ã¦ãŠããŸã„ã“ã¨ã‚’é †ã‚’è¿½ã£ã¦ãƒ¡ãƒ¢ã—ã¾ã—ãŸã€‚イメージã¯ãƒ–ãƒã‚°ç”¨ãªã®ã§ç°¡æ˜“çš„ãªã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚フãƒãƒ¼ã‚„内容ã¯ä¼šç¤¾ã«ã‚ˆã£ã¦é•ã†ã¨æ€ã„ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠サイトリニューアルã®æ案 自社分æžã«ã‚ˆã‚‹ã‚µã‚¤ãƒˆã®å•é¡Œç‚¹ã¨ãã®è§£æ±ºç– 見やã™ã•ã€ç®¡ç†ã—ã‚„ã™ã•ã¸ã®ä¸»ãªå·¥å¤« サイトレイアウト案（トップページ） フãƒãƒ³ãƒˆç”»é¢ï¼‹ç®¡ç†ç”»é¢ イメージ ä¿å®ˆï¼‹é‹ç”¨ ã‚»ã‚ュリティé¢ã§ã®ã”æ案 ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ã¨ç·Šæ€¥æ™‚ã®å¯¾å¿œ サイトマップ案 å¼·ã¿ã€å®Ÿç¸¾ã€äº‹ä¾‹ スケジュール サイトリニューアルã®æ案 ä¼ç”»æ案書ã®æµã‚Œã‚’メモã—ã¦ãŠãã¾ã™ã€‚実際ã«æ案ã™ã‚‹ã¨ãã¯ã€ãƒã‚¤ãƒ³ãƒˆã‚’ãŠã•ãˆã¦ç°¡æ½”ã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚å¿…è¦ãªéƒ¨åˆ†ã ã‘ピップアップã—ã¦ä½¿ã„ã¾ã™ã€‚ 自社分æžã«ã‚ˆã‚‹ã‚µã‚¤ãƒˆã®å•é¡Œç‚¹ã¨ãã®è§£æ±ºç–
Web制作者やã€Webæ¥ç•Œæ–°å…¥ç¤¾å“¡ã®ãŸã‚ã®ãƒ™ã‚¹ãƒˆã‚¨ãƒ³ãƒˆãƒª48個 2013ç·ã¾ã¨ã‚
ã¨ã„ã†ã‚ã‘ã§ã€ä»Šå¹´ã‚‚色々ã¨èªã‚“ã§ãŠãã¹ãエントリーをã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ æ£ç›´èªã¿è¿”ã—ãŸä¸Šã§ãƒªãƒ³ã‚¯ã‚’ãºãŸãºãŸè²¼ã£ã¦ã„ã£ãŸã®ã§ã€ã™ã‚“ã”ã„時間ã‹ã‹ã‚Šã¾ã—ãŸã‘ã©ã€ã©ã„ã¤ã‚‚ã“ã„ã¤ã‚‚良記事ã§ã”ã–ã„ã¾ã™ã€‚èªã¾ãšã«ã„ã‚‹ã¨ã‚€ã—ã‚æã™ã‚‹å‹¢ã„ã§ã”ã–ã„ã¾ã™ã€‚ デザイン WEBデザインãŒçŸæœŸé–“ã«ä¸Šé”ã—ãŸæ–¹æ³• | FEVDES BLOG 『ã“ã‚Œã¯ã€è‡ªåˆ†ãŒæ–°ç±³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã£ãŸé ƒã«ã‚„ã£ã¦ã„ãŸã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸Šé”方法ã§ã™ã€‚上手ãデザインãŒã§ããªã„ï¼ä¸Šæ‰‹ããªã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿãªã©ã€ã©ã†ã™ã‚Œã°ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä¸Šé”ã™ã‚‹ã®ã‹ã‚ã‹ãªã‚‰ã„人ã®å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚〠ãŸã£ãŸ1æžšã«è¾¼ã‚られãŸã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã™ãŽã‚‹17個ã®åºƒå‘Š ã“ã®è¨˜äº‹ã®2億円ã€2人ã£ã¦ã„ã†åºƒå‘ŠãŒã»ã‚“ã¨ã†ã«è‰²ã€…ãªæ„味ã§å°è±¡çš„。 2013å¹´ã®4大人気Webデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ | Flips Blog Webæ‹…ã®å°æŠ€ 2013å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã€ä»Šå¹´ã®ã†ã¡ã«ã€‚ 50万件ã®æŠ•ç¨¿åˆ†æžã§ã‚ã‹ã£
感覚派デザイナーも知ã£ã¦ãŠã„ã¦æã¯ãªã„「デザインã®è¦ç´ ã¨åŽŸå‰‡ã€ | WebNAUT
「ã‚ãªãŸã¯æ„Ÿè¦šæ´¾ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼Ÿãã‚Œã¨ã‚‚ç†è«–派デザイナー？〠ã“ã®ã‚ˆã†ãªè³ªå•ã‚’ã•ã‚Œã‚‹ã¨ã€ç†è«–派デザイナーã ã¨ç”ãˆãŸããªã‚‹ç†ç³»å‡ºèº«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚¿ã‚«ãƒãƒžã§ã™ã€ã“ã‚“ã«ã¡ã¯ã€‚ 今回ã¯ã€ãã‚“ãªç†å±ˆã£ã½ã„ç§ã®å¤§å¥½ç‰©ã§ã‚る「デザインã®è¦ç´ ã¨åŽŸå‰‡ã€ã‚’ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ç†è«–派デザイナーã®æ–¹ã¯ã‚‚ã¡ã‚ã‚“ã€æ„Ÿè¦šæ´¾ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã‚‚知ã£ã¦ãŠã„ã¦æã¯ãªã„ã§ã™ã‚ˆï¼ 「デザインã®è¦ç´ ã¨åŽŸå‰‡ã€ã¯ãƒ“ジュアルデザイン全般ã«æ´»ç”¨ã§ãã‚‹ Webデザインã«é™ã‚‰ãšã€ãƒ“ジュアルデザインã®åŸºç¤Žã‚’å¦ã¶ä¸Šã§ã€å¤§å¤‰å‚考ã«ãªã‚‹ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã®åŽŸå‰‡ã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã„ã‚ゆる「Design elements and principles（デザインã®è¦ç´ ã¨åŽŸå‰‡ï¼‰ã€ã‚„「Gestalt principles（ゲシュタルト原則）ã¨è¨€ã‚れる原則ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§‹æˆè¦ç´ ã‚„è¦ç´ åŒå£«ã®é–¢ä¿‚性ãŒå…¨ä½“ã«ä¸Žãˆã‚‹å½±éŸ¿ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ 調ã¹ã¦ã¿ã‚‹ã¨è˜è€…ã«ã‚ˆã£ã¦åˆ†é¡žã‚„
ä¼ç”»ãƒ»æ案・見ç©ãƒ»ç´å“・契約ãªã©ã®ãƒ†ãƒ³ãƒ—レ・知è˜ã¾ã¨ã‚２３ | コムテブãƒã‚°
TL;DR クライアントã•ã‚“ã¨ã®æ‰“ã¡åˆã‚ã›ã‚„会è°ã®å¾Œã¯ã€å¿…ãšè°äº‹éŒ²ã‚’書ã„ã¦ç¤¾å†…共有ã—ã¾ã™ã€‚座ã£ãŸä½ç½®ã‚„発言ãªã©ã‚‚ã€æ€ã„出ã—ãªãŒã‚‰ç°¡æ½”ã«æ›¸ãã¾ã™ã€‚ãŠã‹ã’ã§ã€Œä½•ã‚’話ã—ãŸã£ã‘？ã€ã€Œè¨€ã£ãŸã€è¨€ã‚ãªã„ã€ã‚’防ã’ã¦ã¾ã™ã€‚フリーランスã®äººã¯ã€è¦‹ç©æ›¸ã€è«‹æ±‚書ã€å¥‘約書ã€æ³•å¾‹ãªã©ã®ãƒ†ãƒ³ãƒ—レや知è˜ãŒã‚ã‚‹ã¨ã€ã‚¹ãƒ ーズã«å…ˆã¸é€²ã‚ã¾ã™ã€‚ãã®ä»–ã€ãƒ’アリングシートã€å¥‘約書ãªã© Web 制作æ¥ã§ãƒªã‚¢ãƒ«ã§å¿…è¦ã ã£ãŸæ›¸é¡žç³»ãƒ†ãƒ³ãƒ—レや知è˜ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ä¼ç”»ï¼æ案 １．ä¼ç”»æ›¸ ä¼ç”»æ›¸ã¯ã©ã‚Œãらã„ã®ã‚³ã‚¹ãƒˆã§åŠ¹æžœï¼ˆå£²ä¸Šï¼‰ã‚’å¾—ã‚‹ã‹ã¨ã„ã†ã®ãŒä¸€ç•ªå¤§åˆ‡ã€‚ã¨ã¯ã„ãˆã€ä¸Šå¸ã‚’説得ã§ãã‚‹ä¼ç”»æ›¸ã‚‚大切。以下ã¯ä¼ç”»æ›¸ã®ä½œã‚Šæ–¹ã¨è³‡æ–™ä½œæˆã‚µãƒ¼ãƒ“スãªã©ã®ã¾ã¨ã‚ã§ã™ã€‚ [ä¿å˜ç‰ˆ] 最強ã®ä¼ç”»æ›¸ã®ä½œã‚Šæ–¹ã¨è³‡æ–™ä½œæˆã‚µãƒ¼ãƒ“ス完全ã¾ã¨ã‚ | 世界ã‚ã “通るä¼ç”»æ›¸â€ä½œã‚Šã®åŸºæœ¬ï¼ä¸Šå¸ã‚’説得ã§ãã‚‹ä¼ç”»è³‡æ–™ã®ä½œã‚Šæ–¹è¬›åº§#1 | Web 担当者 Forum ２．æ案書 æ案
ノンデザイナーã“ã押ã•ãˆã¦ãŠããŸã„! UI/UXãŒå¦ã¹ã‚‹ç¥žã‚¹ãƒ©ã‚¤ãƒ‰7é¸ | Find Job ! Startup
競åˆã«è² ã‘ãªã„Webサービスをã¤ãã‚‹ãŸã‚ã€UI（User Interface）ã€UX（UserExperienceã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験）ã«ã“ã ã‚ã‚‹ã®ã¯ã€ã‚‚ã¯ã‚„常è˜ã€‚良ã„UI/UXã¯ãƒãƒ¼ãƒ 全員ã§è€ƒãˆã‚‹ã“ã¨ãŒã€è‰¯ã„サービスをã¤ãる秘訣ã§ã™ã€‚ エンジニアやWebディレクターもå¦ã‚“ã§æã¯ã—ã¾ã›ã‚“。もã¡ã‚ã‚“ã€æœ¬è·ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã«ã‚‚役立ã¤7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰åŽ³é¸ã¾ã¨ã‚ã§ã™ï¼ 目次 åŸºç¤ŽçŸ¥è˜ ï¼‘ï¼ŽUXã®ãŸã‚ã®UIデザイン ２．UX is not UI ３．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå‰ç·¨ 応用編（Webサイト） ４．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå¾Œç·¨ ５．コンテンツã§æ”¹å–„ã™ã‚‹ UI デザインã®æ¥µæ„ 応用編（スマホアプリ） ６．UI＆UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„UI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
最近æµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã€ŽFlatDesign〠| 100SHIKI
å‚考ã«ãªã‚Šãã†ã ã£ãŸã®ã§ãƒ¡ãƒ¢çš„ã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ FlatDesignã¯æœ€è¿‘ã¯ã‚„ã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã 。 ã»ã¼å¹³é¢çš„ã€ã¨ã„ã†ç‰¹å¾´ã‚’æŒã¤ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯Google系サイトをã¯ã˜ã‚ã€æœ€è¿‘よã見るよã†ã«ãªã£ã¦ããŸã€‚ ã“ã†ã—ãŸã‚µã‚¤ãƒˆã§ä»–ã®äººãŒã©ã†ã„ã†é¢¨ã«å®Ÿè·µã—ã¦ã„ã‚‹ã‹è¦‹ã‚‹ã®ã¯å‹‰å¼·ã«ãªã‚‹ã ã‚ã†ã€‚サイトã®ã‚«ãƒ†ã‚´ãƒªãƒ¼ã”ã¨ã«æ¤œç´¢ã§ãã‚‹ã®ã‚‚ã†ã‚Œã—ã„ã§ã™ãªã€‚
[ブãƒã‚°]ç¥ï¼ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ï¼ï¼ãƒ–ãƒã‚°ã®ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’webクリエイターボックスã«ä¾é ¼ã—ã¦ã¿ãŸã‚ˆï¼
Hello World with a Big Smile (^^)　@conchikuwaã§ã™ã€‚ ã‚„ã£ã¨ã“ã•ãƒ–ãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’ã‚„ã‚Šã¾ã—ãŸï¼ã“ã‚Œã§4回目ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã™ã€‚ ã—ã‹ã‚‚今回ã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžï¼ï¼ä¸–ç•Œã«1ã¤ã ã‘ã®ãƒ–ãƒã‚°ã ã‚ˆï¼ å‰å›žä½¿ç”¨ã—ã¦ã„ãŸãƒ†ãƒ¼ãƒžã‚‚ã‚‚ã®ã™ã”ãæ°—ã«å…¥ã£ã¦ã„ãŸã®ã§ã™ãŒã€æœ‰æ–™ãƒ†ãƒ¼ãƒžã¨ã„ãˆã€ãƒ†ãƒ³ãƒ—レートãªã®ã§ã€ã„ã¤ã‹ã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ã¨ã€ãã®å¤¢ãŒã¤ã„ã«å¶ã„ã¾ã—ãŸï¼ ãã†ã¯ã„ã£ã¦Webデザイナーã§ã‚‚ãªã„ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ã¯çš†ç„¡ã«ç‰ã—ãã€ãƒ—ãƒã«ãŠé¡˜ã„ã™ã‚‹ã“ã¨ã«ã€‚ ã§ã€ç™½ç¾½ã®çŸ¢ã‚’ç«‹ã¦ã•ã›ã¦ã„ãŸã ã„ãŸã®ãŒã€ä»Šã‚’ã¨ãã‚ãWebクリエイターボックスã®ä¸ã®äººã€@chibimana（マナ）ã•ã‚“ã§ã™ã€‚以å‰ã‹ã‚‰ãƒ–ãƒã‚°ã‚’èªã‚“ã§ã„ã¦ã€ã‚‚ã—リニューアルã™ã‚‹ãªã‚‰ãƒžãƒŠã•ã‚“ã«ãŠé¡˜ã„ã—よã†ã¨å¿ƒã«æ±ºã‚ã¦ãŠã‚Šã¾ã—ãŸã€‚今回ãŠå¿™ã—ã„ä¸ã€ãŠå—ã‘ã—ã¦ã„ãŸã ã‘ã¦æ„Ÿè¬ã§ã™ï¼ ãªã®ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã‚ãŸã‚ŠãŠé¡˜ã„ã—ãŸã“ã¨ã€
![[ブãƒã‚°]ç¥ï¼ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ï¼ï¼ãƒ–ãƒã‚°ã®ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’webクリエイターボックスã«ä¾é ¼ã—ã¦ã¿ãŸã‚ˆï¼](https://cdn-ak-scissors.b.st-hatena.com/image/square/aac74abd9bc37bf3dd52be5ae494a73fff216865/height=288;version=1;width=512/https%3A%2F%2Fwww.conchikuwa.com%2Fwordpress%2Fwp-content%2Fuploads%2Frenewal2-1.jpg)
æƒ…å ±é‡ãŒå¤šã定期的ã«ãƒã‚§ãƒƒã‚¯ã—ãŸã„日本ã®ç´ 晴らã—ã„ブãƒã‚° 60
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
HTML5ホームページテンプレート無料é…布 [Cool Web Window]
404 Not Found ãŠæŽ¢ã—ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯è¦‹ã¤ã‹ã‚‰ãªã„よã†ã§ã™ã€‚ ãŠæ‰‹æ•°ã§ã™ãŒã€ä¸‹è¨˜ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒˆãƒƒãƒ—ページã¸ãŠæˆ»ã‚Šãã ã•ã„。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
jQuery - tabメニュー - 求è·è€…支æ´è¨“ç·´ Webデザインã®å‹‰å¼·è¬›å¸«è¨˜éŒ² | åˆå¿ƒè€…ãŒWebã®ãƒ—ãƒã«ãªã‚‹å‹‰å¼·
JavaScriptjQuery UIタブメニューページをé·ç§»ã•ã›ãšè¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を見ã›ãŸã„å ´åˆã«åˆ©ç”¨ã™ã‚‹tab html lang="ja"> head> meta charset="UTF-8"> title>jQuery Tabtitle> link href="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet"> link href="css/style.css" rel="stylesheet"> script type="text/javascript" src="js/jquery-1.7.2.min.js">script> script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js">script> script typ
ã€ä¹žé£Ÿé€Ÿå ±ã€‘AdobeãŒPhotoshop CS2ã€Illustrator CS2ãªã©ã‚’無料ダウンãƒãƒ¼ãƒ‰æä¾›ä¸ï¼ï¼ã„ãã’ãˆãˆãˆãˆãˆ : ã¯ã¡ã¾èµ·ç¨¿
AdobeãŒPhotoshop CS2ã€Illustrator CS2ãªã©ã‚’無料開放ä¸ã€‚ (ã‚¢ã‚«ã‚¦ãƒ³ãƒˆç™»éŒ²å¿…é ˆã€‚ç™»éŒ²ã¯ç„¡æ–™) ダウンãƒãƒ¼ãƒ‰å¯èƒ½ãªã‚½ãƒ•ãƒˆã¯ Photoshop CS2ã€Photoshop Elements 4.0/5.0ã€Creative Suite 2ã€GoLive CS2ã€Illustrator CS2ã€InCopy CS2ã€InDesign CS2ãªã© ※ãŸã ã—å…¨ã¦è‹±èªžç‰ˆ CS2 Downloads http://www.adobe.com/cfusion/entitlement/index.cfm?e=cs2_downloads ãƒã‚°ã‚¤ãƒ³ã—ãŸã‚‰ã‚¬ãƒã§å…¨ç¨®é¡žã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ãŒæƒã£ã¦ãŸã€‚ miteru : Adobe CS2 Premium Plus for PC or Mac downloads for free | 9to5Toys - j.mp/V2Hg
jQueryã®resize()を実行後ã«ãƒšãƒ¼ã‚¸ã‚’å†èªã¿è¾¼ã¿ã—ãŸã„ - hateka’s blog
ウインドウã®ãƒªã‚µã‚¤ã‚ºã‚¤ãƒ™ãƒ³ãƒˆã§ãƒšãƒ¼ã‚¸ã®å†èªã¿è¾¼ã¿ã‚’ã—ãŸãã¦ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸã€‚ $.fn.reload = function(){ $(window).resize(function(){ location.reload(); }) } 試ã—ã«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’変更ã—ãŸã‘ã©ãªãœã‹ç„¡å応。 ã§ã‚‚ã“ã£ã¡ã¯å‹•ã。 $.fn.reload = function(){ $(window).resize(function(){ location.href = location.href; }) } ã¡ãªã¿ã«bindã‚‚åŒã˜ã€‚ $.fn.reload = function(){ $(window).bind('resize',function(){ location.href = location.href; //location.reload();ã†ã”ã‹ãªã„ }) } ã“ã‚Œã¨åŒã˜ã ã¨æ€ã†ã€‚ ãã‚Œãžã‚Œã®
[JS] パラパラマンガ用JSを作ã£ã¦ã¿ã¾ã—㟠– nbnote blog
2013/02/16: 改修ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã“ã¡ã‚‰ã«ã‚ã‚Šã¾ã™ã€‚ 2012/10/16: スクリプトã¨è¨˜äº‹ã®å†…容を修æ£ã—ã¾ã—ãŸã€‚ ã•ã‚‹ãŠæ–¹ã®æƒ…å ±ã«ã‚ˆã‚Šåˆã‚ã¦çŸ¥ã£ãŸã®ã§ã™ãŒã€jQueryã®.animate()ãªã©ã§ä¸€åº¦ã«è¤‡æ•°ã®è¦ç´ をアニメーションã•ã›ã‚‹ã¨ã€IE8環境ã§ã¯é…置済ã¿ã®gifアニメãŒåœæ¢ã—ã¡ã‚ƒã†ã‚‰ã—ã„。ã—ã‹ã‚‚IE7ã§ã‚‚IE Testerã§ã‚‚IE9ã®8モードã§ã‚‚ãªãã€ãƒã‚¤ãƒ†ã‚£ãƒ–IE8ã§ã—ã‹å†ç¾ã—ãªã„ã¨ã„ã†ãªã‚“ã¨ã‚‚ã‚„ã‚„ã“ã—ã„症状。 自宅ã«ãƒã‚¤ãƒ†ã‚£ãƒ–IE8環境ãŒç„¡ã„ã®ã§è‡ªåˆ†ã®ç›®ã§ã¯ç¢ºèªã§ãã¦ã„ã¾ã›ã‚“ãŒã€åŽŸå› ãŒå¤šé‡ã«ç™ºç”Ÿã™ã‚‹å†é…置やå†æç”»ã«ã‚ã‚‹ã®ãªã‚‰ã€jQueryã ã¨$.fx.intervalを調整ã™ã‚‹ãªã©ã—ã¦ãã®å‡¦ç†ã‚’減らã—ã¦ã‚„ã‚Œã°ã€ã‚る程度ã¾ã§ã¯ç·©å’Œã§ããã†ã§ã™ã€‚ã—ã‹ã—ã€ãã‚Œã§ã‚‚ダメãªã‚‰ã“ã‚Œã¯ã‚‚ã†gifアニメを何ã‹ä»–ã®ã‚‚ã®ã§ä»£æ›¿ã™ã‚‹ã—ã‹ãªã„よã†ãªâ€¦ï¼Ÿè² è·ã‚„処ç†è½ã¡ã¯åˆ¥ã¨ã—ã¦ã€ã‚ãã¾ã§ã‚¢ãƒ‹
jQueryコーディングã®åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ラグイン化ã¾ã§ã®æ³¨æ„書ã（Webデザイン）
jQuery ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ラグインを作るã¨ã“ã‚ã¾ã§ã€åˆå¿ƒè€…ã®é ƒã«ã¤ã¾ãšã„ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å…¬å¼ãƒ‰ã‚ュメントãªã©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€å°‘ã—難ã—ã„å°è±¡ã®å°‚門用語も織り交ãœãªãŒã‚‰æ›¸ãã¾ã—ãŸã€‚jQuery 㧠Webデザインã®ãƒ‘ーツを作るã¨ãã®æ³¨æ„書ãã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ Webサイトを作るã¨ãã€ç§çš„ã«ã¯ã¨ã£ã¦ã‚‚よã使ã£ã¦ã„ã‚‹ jQuery。jQuery を勉強ã—ã ã—ãŸã“ã‚ã¯ã€è‡ªåˆ†ã®æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã„ãŸã‚Šã™ã‚‹ã®ãŒã€ã¨ã£ã¦ã‚‚楽ã—ãã¦å¬‰ã—ã‹ã£ãŸè¦šãˆãŒã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚ã¾ã‚Š JavaScript ã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¾—æ„ã§ã¯ãªã„ã®ã§ã€ä»Šã§ã‚‚よã jQuery を使ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¾ã™ …。 以å‰ï¼šCSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ … ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãれるã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—㟠ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ãã®å¾©ç¿’ & jQuery
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Web屋必見ï¼CSS Transitionを使ã£ãŸã‚·ãƒ³ãƒ—ルãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é›†25
{{#tags}}- {{label}}
{{/tags}}