優れãŸWebデザインã€Webåˆ¶ä½œæƒ…å ±ã€Web制作会社ã€Webデザインスクールを調ã¹ã‚‹ã®ã«ãŠå½¹ç«‹ã¦ä¸‹ã•ã„。
Web制作ã€Webãƒ‡ã‚¶ã‚¤ãƒ³æƒ…å ±ã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ - ウェブデザインサーãƒ
優れãŸWebデザインã€Webåˆ¶ä½œæƒ…å ±ã€Web制作会社ã€Webデザインスクールを調ã¹ã‚‹ã®ã«ãŠå½¹ç«‹ã¦ä¸‹ã•ã„。
Day 19 – 365psd
Thousands of Photoshop files, Templates and Mockups for freeIn our collection of free PSD files, Mockups and Templates you'll find something useful for your design project: Maps, Cards, Brochures, Poster frames, text with effects and quotes, Infographics and so much more! Download for free, for personal and commercial use!
国内Webサイトå‚考デザイン一覧集 | Maka-veli.com
ん？タイトルã®æ—¥æœ¬èªžã€ãªã‚“ã‹ãŠã‹ã—ã„？(笑) 自分用ã«ã€å›½å†…ã®WEBサイトサンプル集をメモ。 ã‚„ã£ã±å›½å†…ã®ãŒå‚考ã«ã—ã‚„ã™ã„ã§ã™ã‚ˆã。 ズãƒãƒƒã‚¯ http://www.zzrock.net/ 一番ãŠä¸–話ã«ãªã£ã¦ã¾ã™ã€‚ 検索も楽ã§ã™ã€‚ ãã—ã¦ã‚µã‚¤ãƒˆè‡ªä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚好ãã§ã™ã€‚ (黒×黒ã®ãƒã‚´ã¨ã‹ã‚„ã£ã¡ã‚ƒã†ã¨ã“ãŒã¾ãŸè‰¯ã„) iKeSai.com http://www.ikesai.com/ ãªã‚“ã‹æ°—楽ã«è¦‹ã‚Œã‚‹ã€‚見やã™ã„。 WEBdeDB http://www.webdedb.com/ 更新減ã£ã¦ããŸã‘ã©ã€æ•°å¤šã„。 (Faviconã¤ã‘ã¦ã»ã—ã„ー…) WEBデザインã®è¦‹æœ¬å¸³ http://www.web-mihon.com/ å°è±¡ã‹ã‚‰æ¤œç´¢ã§ãã‚‹ã®ã¯å¬‰ã—ã„。 サイトãŒã‹ã‚ã„ã„。 webselection http://web-selection.com/ シンプル。ã¿
FootballPantherShops.com
Liebe Besucherinnen und Besucher von FootballPantherShops.com, wir möchten Sie darüber informieren, dass unsere Webseite FootballPantherShops.com nicht mehr aktiv weitergeführt wird. Stattdessen empfehlen wir Ihnen, folgende Webseiten zu besuchen, die Ihnen wertvolle Informationen und Ressourcen in verschiedenen Bereichen bieten: Marktcentral.com Marktcentral.com ist Ihr umfassendes Portal für ges
photoshopã§WEBを作る人ã®ãŸã‚ã®WEBデザインãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€Œ20 High Quality Photoshop Web Design Tutorialsã€
photoshopã§WEBを作る人ã®ãŸã‚ã®WEBデザインãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€Œ20 High Quality Photoshop Web Design Tutorials〠WEB制作ã¯äººã«ã‚ˆã£ã¦ä½¿ã†ãƒ„ールã¯æ§˜ã€…ã ã¨æ€ã„ã¾ã™ãŒã€ãã®ä¸ã§ã‚‚多ãã®WEBデザイナーãŒåˆ©ç”¨ã—ã¦ã„るツールphotoshop。今日紹介ã™ã‚‹ã®ã¯photoshopã§WEBを作る人ã®ãŸã‚ã®WEBデザインãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€Œ20 High Quality Photoshop Web Design Tutorialsã€ã§ã™ã€‚ Create a Clean and Classy Web Design in Photoshop 様々ãªãƒ‡ã‚¶ã‚¤ãƒ³æ„Ÿã®WEBデザインをphotoshopã§åˆ¶ä½œã™ã‚‹ã®ã¯ã©ã†ã—ãŸã‚‰è‰¯ã„ã®ã‹ã¨ã„ã†ã€å®Ÿä¾‹ã‚’交ãˆãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå¤šæ•°å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ â– Awesome Portfolio Design ãƒãƒ¼ãƒˆ
cssã®ã¡ã‚‡ã£ã¨å°ç²‹ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯13個 - ã‹ã¡ã³ã¨.net
å°ç²‹ã®å®šç¾©ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€ã¡ã‚‡ã£ã¨ã€ŒãŠã£ã€ã¨æ€ãˆã‚‹cssã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã„ã‚ã„ã‚ã¨ã€‚以å‰ã€è¨˜äº‹ã«ã•ã›ã¦ã„ãŸã ã„ãŸã€ï½ƒï½“ｓã¨HTMLã®ã¿ã§3D効果を実ç¾ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ä»–ã«ã‚‚ç„¡ã„ã‹ãªã¨æ€ã£ã¦åŒæ§˜ã«é©šã„ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ 3Dã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯åŒæ§˜ã«å®Ÿç”¨æ€§ãŒã‚ã‚‹ã‹ã©ã†ã‹ã¯è€ƒãˆã¦ã„ã¾ã›ã‚“ãŒã€ä½•ã‹ã®ãƒ’ントã«ãªã‚‹ã‹ã‚‚・・ã¨æ€ã„ã€cssplayã§ã¡ã‚‡ã£ã¨æŽ¢ã—ã¦ã¿ã¾ã—ãŸã®ã§ã„ãã¤ã‹ã®ï½ƒï½“ｓを使ã£ãŸè‰¯ã‚¢ã‚¤ãƒ‡ã‚¢ã‚„高度ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã€‚ ã–ã£ã¨ã—ã‹è¦‹ã¦ã„ã¾ã›ã‚“ãŒã€å¤šåˆ†jsã¯ä½¿ã£ã¦ãªã„ã¨æ€ã„ã¾ã™ã€‚ Film strip gallery with information text ãƒã‚¬ãƒã‚¸åŠ å·¥ã•ã‚ŒãŸç”»åƒã«ãƒ•ã‚£ãƒ«ãƒ ã®ã‚ˆã†ãªæž ã‚’ã¤ã‘ã¦ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§å†™çœŸã‚’表示ã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ Film strip gallery with information text Super animation – just for the fu
今風ã®ã‚¦ã‚§ãƒ–を作る際ã«ä½¿ãˆã‚‹CSS/HTML/JSã®ãƒ†ãƒ³ãƒ—レ『Easy Front-End Framework〠- 100SHIKI 〜 世界ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’日替ã‚ã‚Šã§
ã“ã‚Œã¯ã™ã”ã便利。 Easy Front-End Frameworkã¯ä»Šé¢¨ã®ã‚¦ã‚§ãƒ–サイトを作る際ã«ä½¿ãˆã‚‹ãƒ†ãƒ³ãƒ—レートã§ã‚る。 HTMLã€CSSã€JavascriptãŒå…¨éƒ¨å«ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€è¦‹å‡ºã—や本文ã€ãƒ†ãƒ¼ãƒ–ルã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã ã‘ã§ã¯ãªãã¦ã€Tooltipsã‚„æµ®ã‹ã³ä¸ŠãŒã£ã¦ãã‚‹ç”»åƒãªã©ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ç‚¹ãŒç‰¹å¾´ã§ã‚る。 テンプレ自体ã¯è‹±èªžã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ãŒã€æ—¥æœ¬èªžå¯¾å¿œã«æ”¹é€ ã™ã‚‹ã®ã‚‚ãã‚Œã»ã©é›£ã—ãã¯ãªã„ã ã‚ã†ã€‚ 仕事をã™ã‚‹ã¨ãã«æœ€ã‚‚難ã—ã„ã®ã¯ã€Œå§‹ã‚ã‚‹ã€ã“ã¨ã§ã‚る。ã“ã†ã—ãŸãƒ†ãƒ³ãƒ—レを使ã£ã¦ã‚¦ã‚§ãƒ–作りをã•ã£ã¨å§‹ã‚られるã¨ç¢ºã‹ã«ä¾¿åˆ©ã§ã™ã。
960 Grid System
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
実用的ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®10ã®ãƒã‚¤ãƒ³ãƒˆï¼šã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ç·¨
先日紹介ã—ãŸã€Œå®Ÿç”¨çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®10ã®ãƒã‚¤ãƒ³ãƒˆã€ã®ä¸ã‹ã‚‰ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„やフォームやタイãƒã‚°ãƒ©ãƒ•ã‚£ãªã©ã®åˆ¶ä½œã«å½¹ç«‹ã¤å®Ÿç”¨çš„ãªã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã‚’紹介ã—ã¾ã™ã€‚ 10 Useful Usability Findings and Guidelines 以下ã®æ„訳ã¯è‹±èªžåœå†…ã®ãŸã‚ã€ç‰¹ã«ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãªã©æ—¥æœ¬èªžã§ã¯ãªã英語を想定ã—ãŸãƒ‡ãƒ¼ã‚¿ã®ãŸã‚ã”注æ„ãã ã•ã„。 タイãƒã‚°ãƒ©ãƒ•ã‚£ 行間 ÷ フォントã®ã‚µã‚¤ã‚º = 1.48 ウェブサイトã®è‹±èªžãƒ•ã‚©ãƒ³ãƒˆã§ã¯ã€ä¸€èˆ¬çš„ã«ã€Œ1.48ã€ãŒèªã¿ã‚„ã™ã„ã§ã™ã€‚ クラシックãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®æœ¬ã§ã¯ä¸€èˆ¬çš„ã«ã€Œ1.5ã€ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ 行幅 ÷ 行間 = 27.8 一ã¤ã®ãƒ‘ラグラフã®å¹…ã¯å¹³å‡538.64ピクセルã§ã™ã€‚ 多ãã®ã‚¦ã‚§ãƒ–サイトã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒ12, 13ピクセルã§ã‚ã‚‹ã“ã¨ã‚’考ãˆã‚‹ã¨ã‹ãªã‚Šé•·ã„ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ パラグラフ間ã®ã‚¹ãƒšãƒ¼ã‚¹ ÷ 行間 = 0.754 一
実用的ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®10ã®ãƒã‚¤ãƒ³ãƒˆï¼šã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ç·¨ | コリス
ユーザーã«ã‚ãªãŸã®ã‚¦ã‚§ãƒ–ページを容易ã§ã€ãã—ã¦æ¥½ã—ãアクセスã§ãるよã†ã«ã™ã‚‹å®Ÿç”¨çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ç·¨ï¼‰ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Tumblr 多ãã®ãƒ•ã‚©ãƒ¼ãƒ ã¯2カラムã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’採用ã—ã€ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å·¦ã«é…ç½®ã•ã‚Œã¦ã„ã¾ã™ã€‚一見よã•ãã†ã«æ€ãˆã¾ã™ãŒã€ã“ã‚Œã¯æŽ¡ç”¨ã™ã¹ãã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ãªãœãªã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯ä¸€èˆ¬ã«åž‚ç›´ã«æ–¹å‘付ã‘ãŒã•ã‚Œã¦ã„ã‚‹ãŸã‚ã§ã™ã€‚ユーザーãŒå·¦â†’å³â†’左下ã¨è¦–ç·šã‚’å‹•ã‹ã™ã“ã¨ã‚ˆã‚Šã€ä¸Šâ†’下ã¨ç§»å‹•ã™ã‚‹æ–¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ™ãƒ«ã‚’å·¦ã«é…ç½®ã™ã‚‹ã“ã¨ã¯ã‚‚ã†ä¸€ã¤ã®å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã‚ãªãŸã¯ãƒ©ãƒ™ãƒ«ã‚’å³æƒãˆã¨å·¦æƒãˆã®ã©ã¡ã‚‰ã§é…ç½®ã—ã¾ã™ã‹ï¼Ÿã€€å·¦æƒãˆã¯ãƒ©ãƒ™ãƒ«ã‚’èªã¿ã‚„ã™ãã—ã¾ã™ãŒã€ã©ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ãƒ©ãƒ™ãƒ«ã‹åˆ¤æ–ã™ã‚‹ã®ãŒé›£ã—ã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ å³æƒãˆã¯ãã®é€†ã§ã™ã€‚フィールドã®ãƒ©ãƒ™ãƒ«ã‚’判æ–ã™ã‚‹ã®ã¯å®¹æ˜“ã§ã™ãŒã€ãƒ©ãƒ™ãƒ«ã‚’俯瞰ã™ã‚‹ã®ãŒå›°é›£ã§ã™ã€‚ 2.
ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒŸã‚¹ã¨ãã®è§£æ±ºæ–¹æ³•
ユーザビリティã§ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒŸã‚¹ã‚„見è½ã¨ã•ã‚ŒãŒã¡ãª10ã®ç½ªã¨ãã®è§£æ±ºæ–¹æ³•ã‚’LINE25ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Usability Crimes You Really Shouldn't Commit 下記ã¯ã€ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®10ã®ãƒŸã‚¹ã¨ãã®è§£æ±ºæ–¹æ³•ã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« 1. ラベルãŒãªã„フォーム2. トップページã«ãƒªãƒ³ã‚¯ã—ãªã„ãƒã‚´ 3. 訪å•æ¸ˆã¿ãƒªãƒ³ã‚¯ã®æŒ‡å®šãŒãªã„ 4. アクティブãªãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒæ˜Žç¤ºã•ã‚Œãªã„ 5. altã®è¨˜è¿°ãŒãªã„ç”»åƒ 6. 背景色ãŒãªã„èƒŒæ™¯ç”»åƒ 7. é•·ã„é•·ã„テã‚スト 8. 下線付ãã ãŒãƒªãƒ³ã‚¯ã§ã¯ãªã„ 9. ココをクリック 10. å‡ç‰å‰²ä»˜ã€Œjustifiedã€ã®ä½¿ç”¨ ã¯ã˜ã‚ã« ã“ã“ã§ç´¹ä»‹ã—ã¦ã„ã‚‹10ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ã‚ã‚ŠãŒã¡ãªãƒŸã‚¹ã ã£ãŸã‚Šè¦‹è½ã¨ã•ã‚ŒãŒã¡ãªã‚‚ã®ã‚’集ã‚ã¾ã—ãŸã€‚ ã‚ãªãŸã®ã‚¦ã‚§ãƒ–サイトã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを拡張ã™ã‚‹æ‰‹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www9.wind.ne.jp/JsROOM/darenimo1.shtml
Amazon.co.jp： プãƒã‚»ã‚¹ オブ ウェブデザイン ä¼ç”»ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¸
http://www.designwalker.com/2009/11/corporate-tutorial.html
{{#tags}}- {{label}}
{{/tags}}