apple好ãã«ã¯ãŸã¾ã‚‰ãªã„apple風ã®ãƒœã‚¿ãƒ³ã‚„メニュー作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†:phpspot開発日誌
apple好ãã«ã¯ãŸã¾ã‚‰ãªã„apple風ã®ãƒœã‚¿ãƒ³ã‚„メニュー作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ iPhoneã‚’ã¨ã£ã¦ã¿ã¦ã‚‚ã€ã¨ã«ã‹ãUIãŒç´ 晴らã—ã„apple。ãã®ï¼µï¼©ã‚’サイトã«å–り込んã§ã‚‚å½“ç„¶æ˜ ãˆã‚‹ã¨ã“ã‚ãŒç´ 晴らã—ã„ã§ã™ã。 ã¾ã‚‹ã”ã¨Appleã£ã½ã„サイト作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚。 以下ã®ã‚¨ãƒ³ãƒˆãƒªã‚ˆã‚Šå‚ç…§ã—ã¦ãã ã•ã„。 20 Apple-inspired Tutorials for Practice Web Designers
IE8互æ›ãƒ¢ãƒ¼ãƒ‰ã«ã¤ã„㦠- Japan IE Support Team Blog - Site Home - TechNet Blogs
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
フリーã§ä½¿ãˆã‚‹ãƒ—ãƒé¡”è² ã‘ã®ç¾Žéº—CSSサイトテンプレート集:phpspot開発日誌
フリーã§ä½¿ãˆã‚‹ãƒ—ãƒé¡”è² ã‘ã®ç¾Žéº—CSSサイトテンプレート集。 次ã®ã‚ˆã†ãªã€ã“ã‚ŒãŒç„¡æ–™ï¼Ÿã¨ã„ã†ã‚ˆã†ãªãƒ†ãƒ³ãƒ—レートãŒï¼™ç¨®é¡žã€ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ デザインãŒè‹¦æ‰‹ãªæ–¹ã‚‚ã€ã“ã†ã—ãŸã‚‚ã®ã‚’æµç”¨ã™ã‚‹ã“ã¨ã§ã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãŒç°¡å˜ã«ä½œã‚Œãã†ã§ã™ã。 ãã‚Œãªã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã‚„CSSã®çŸ¥è˜ãŒãªã„ã¨æµç”¨ã—ãŸã¨ã—ã¦ã‚‚ã©ã‚“ã©ã‚“å´©ã‚Œã¦ã„ãã€ã¨ã„ã†æã‚ŒãŒã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ä¾¿åˆ©ã§ã™ã。 ãã‚Œãžã‚Œã®ãƒªãƒ³ã‚¯å…ˆã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚考ã«ã—ã¦ãã ã•ã„。 9 Beautiful Free CSS Web Templates | CrazyLeaf Design Blog
タブUI詳解
タブUIã®æ§‹é€ や特長ã€è¨ç½®ã®åˆ¤æ–ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚„機能ã®æ‹¡å¼µæ–¹æ³•ã€å®Ÿè£…例やスクリプト例をSmashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Module Tabs in Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ ※原文ã§ã¯ã€Œã‚¿ãƒ–モジュールã€ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚¿ãƒ–モジュールやタブUIã¨è¨˜è¼‰ã™ã‚‹ã¨ç…©é›‘ã«ãªã‚‹ãŸã‚ã€ã€Œã‚¿ãƒ–ã€ã¨ç•¥ã—ã¾ã™ã€‚ タブã®ã¿ã‚’指ã™å ´åˆã¯ã€ã€Œã‚¿ãƒ– コントãƒãƒ¼ãƒ«ã€ã¨ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. タブã®æ§‹é€ 2. タブã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã®ã‹ 3. タブã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ãƒ™ã‚¹ãƒˆãƒ—ラクティス 4. タブã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ 5. タブã®æ‹¡å¼µ 6. タブã®å®Ÿè£…集 7. タブを実装ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 8. タブを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト集 ã¯ã˜ã‚㫠タブモジュールã¯è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã«é…ç½®ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã§ã™ã€‚ パãƒãƒ«
Photoshopã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«90 – creamu
1st webdesignerã§ã€Photoshopã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã„ãã¤ã‹ã”紹介。 ↑ã¯Design a trendy business & finance layout。 Create a Clean and Effective Product Layout Web Design Tutorial: Blog/Portfolio Template! Create a Professional Portfolio Design in 17 Easy Steps Softblue Template Tutorial ãã®ä»–ã®ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚ » 90 New And High Quality Photoshop Web Layout Tutorials 実家ã«å¸°ã£ã¦ãã¦ã¾ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ãŠåº—ã®ãƒ‘ピヨンãŒã‹ã‚ã„ã™ãŽã¦é€£ã‚Œã¦å¸°ã‚Šãã†ã«ãªã‚Šã¾ã—ãŸâ™ª
Fireworks CS4ã‚’è²·ã£ãŸã®ã§ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«è³‡æ–™ã¾ã¨ã‚ - IDEA*IDEA ～ 百å¼ç®¡ç†äººã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
デザインリンクデータベース
〠2008å¹´09月ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ング 】 ãã®æœˆã®å‚ç…§ã€è³›åŒã€ç·åˆæ•°ã§ãƒ©ãƒ³ã‚ングã—ã¦ã„ã¾ã™ã€‚検索ã§ã‚ˆã使ã‚ã‚ŒãŸã‚ーもã€ã‚¯ãƒ©ã‚¦ãƒ‰ã§è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚
Nitram+Nunca リアル・グラデーションã®ä½œæ³•
写真を撮る機会ã¯å®Ÿã«å¤šãã‚ã‚Šã¾ã™ãŒã€ç‰¹ã«çµå©šå†™çœŸã¯ä¸€ç”Ÿã®è¨˜å¿µã«ãªã‚‹å¤§äº‹ãªå†™çœŸã§ã™ã®ã§ã€ã§ãã‚‹ã ã‘良ã„ã‚‚ã®ã‚’残ã—ã¦ãŠããŸã„ã‚‚ã®ã§ã™ã。 çµå©šå‰ã¯ä½•ã‹ã¨å¿™ã—ããªã‚Šã¾ã™ãŒã€ç–²ã‚ŒãŒæ®‹ã‚‰ãªã„よã†ã€å†™çœŸæ’®å½±ã®å‰ã«ã¯ã—ã£ã‹ã‚Šä¼‘æ¯ã‚’å–ã£ã¦ãŠããŸã„ã§ã™ã—ã€ã‚¨ã‚¹ãƒ†ãªã©ã‚‚利用ã—ã¦ã€ã§ãã‚‹ã ã‘ãã‚Œã„ãªçŠ¶æ…‹ã§æ’®å½±ã«ã®ãžã¿ãŸã„ã‚‚ã®ã§ã™ã€‚ ãã—ã¦ã€çµå©šå†™çœŸã¯æŒ™å¼å½“æ—¥ã«æ’®å½±ã•ã‚Œã‚‹ã‚«ãƒƒãƒ—ルも多ã„ã§ã™ãŒã€ã‚„ã¯ã‚Šæ…Œã—ã„ã“ã¨ã‚‚ã‚ã‚Šã€ã›ã£ã‹ãã®å†™çœŸã‚‚表情ãŒç¡¬ããªã£ã¦ã—ã¾ã£ãŸã¨ã„ã†çµŒé¨“ã‚’ãŠæŒã¡ã®æ–¹ã‚‚ã„らã£ã—ゃるã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ çµå©šå†™çœŸã¯æœ€è¿‘ã¯å‰æ’®ã‚Šã§ã‚†ã¨ã‚Šã‚’æŒã£ã¦æ’®å½±ã•ã‚Œã‚‹æ–¹ã‚‚増ãˆã¦ã„るよã†ã§ã™ã€‚ メイクやç€ä»˜ã‘も時間をã‹ã‘られã¾ã™ã—ã€æ™‚é–“ã«ã‚‚余裕ãŒã‚ã‚Šã¾ã™ã®ã§ã€ã‚ˆã‚Šè‡ªç„¶ãªè¡¨æƒ…ã§æ’®å½±ãŒã§ãã‚‹ã®ã‚‚メリットã§ã™ã€‚ ãã—ã¦ã€å¼å½“æ—¥ã¨ã¯é•ã†è¡£è£…ã‚’é¸ã¶ã“ã¨ãŒã§ãã‚‹ã®ã‚‚良ã„ã§ã™ã。 スタジオ撮影ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ’®å½±ãªã©ã§å±‹å¤–ã§ã®
スタイルシート［CSSï¼½/ボックス/ボックスã®ãƒ•ãƒãƒ¼ãƒˆï¼ˆæµ®å‹•åŒ–）を指定ã™ã‚‹ - TAG index
フãƒãƒ¼ãƒˆã‚’指定ã™ã‚‹å ´åˆã¯ã€å›žã‚Šè¾¼ã¿ã‚’解除ã™ã‚‹ã‚‚ã”覧ãã ã•ã„。 IEã®ä¸å…·åˆã«ã¤ã„㦠IE 6以下ã§ã¯ã€æ¬¡ã®ä¸å…·åˆãŒç™ºç”Ÿã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚（IE 7ã‹ã‚‰ã¯ã€ã“ã®ä¸å…·åˆã¯è§£æ¶ˆã•ã‚Œã¦ã„るよã†ã§ã™ï¼‰ 背景色（ã¾ãŸã¯èƒŒæ™¯ç”»åƒï¼‰ãŒè¨å®šã•ã‚ŒãŸè¦ç´ 内ã§ãƒ•ãƒãƒ¼ãƒˆã‚’指定ã™ã‚‹ã¨ã€å›žã‚Šè¾¼ã‚“ã テã‚ストã®ä¸€éƒ¨ãŒæ¶ˆãˆãŸã‚Šã€èƒŒæ™¯ã®ä¸€éƒ¨ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€ã¨ã„ã£ãŸä¸å…·åˆãŒç™ºç”Ÿã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚（親è¦ç´ ã«å¯¾ã—ã¦å¹…（width）を指定ã—ã¦ãŠãã¨ã€ã“ã®ä¸å…·åˆã‚’回é¿ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼‰ フãƒãƒ¼ãƒˆã‚’指定ã—ãŸæ–¹å‘ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’è¨å®šã™ã‚‹ã¨ã€ãã®ãƒžãƒ¼ã‚¸ãƒ³ã®å¤§ãã•ãŒ2å€ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚（例ãˆã° float: left を指定ã—ãŸãƒœãƒƒã‚¯ã‚¹ã« margin-left: 30px を指定ã™ã‚‹ã¨ã€ãã®ãƒžãƒ¼ã‚¸ãƒ³ãŒ 60px ã«ãªã£ã¦ã—ã¾ã†ï¼‰
グラデーションをã†ã¾ã使ã£ã¦ç«‹ä½“感を出ã—ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†:phpspot開発日誌
25 Great Examples of Using Gradient Effects in Web Designs グラデーションをã†ã¾ã使ã£ã¦ç«‹ä½“感を出ã—ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†ã€‚ ã†ã¾ãグラデーションを使ã†ã“ã¨ã§ã€è³ªæ„Ÿã®è¡¨ç¾ã‚„ã€ã‚´ãƒ¼ã‚¸ãƒ£ã‚¹ãªå°è±¡ã‚’生ã¿å‡ºã—ã¦ã„ã¾ã™ã€‚ ECTOMACHINE クールãªç”»åƒã¨ã¨ã‚‚ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã‚ŒãŸèƒŒæ™¯ãŒå°è±¡ã‚’å¼·ãã—ã¦ã„ã¾ã™ Reinvigorate ã†ã¾ãグラデーションã¨èƒŒæ™¯ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æ··ãœåˆã‚ã›ãŸãƒ‡ã‚¶ã‚¤ãƒ³ å˜è‰²ã«ã™ã‚‹ã‚ˆã‚Šã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ–¹ãŒé«˜ç´šæ„ŸãŒå‡ºã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ Central Snowsports å¹³é¢ã§ã™ãŒã†ã¾ã立体的ã«ã—ã¦ã•ã‚‰ã«ãã‚ŒãŒåˆ†ã‹ã‚Šã‚„ã™ã„メニューã«ãªã£ã¦ã„る点ãŒå‚考ã«ã§ããㆠTim Van Damme コントãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã£ã½ã„デザインを立体的ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„る例 シンプルã§åˆ†ã‹ã‚Šã‚„ã™ã„ページ構築ã®éš›ã®å‚考ã«ãªã‚‹ã‹ã‚‚ Rise Crea
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2009/04/photoshop-layout.html
http://tutorialblog.org/30-blue-websites/
{{#tags}}- {{label}}
{{/tags}}