Amazon.co.jp: レスãƒãƒ³ã‚·ãƒ–・ウェブデザイン標準ガイド ã‚らゆるデãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹ã‚¦ã‚§ãƒ–デザインã®æ‰‹æ³•: ã“ã‚‚ã‚Šã¾ã•ã‚ã: 本
人ã¯ãªãœè§’丸ã«é…ã‹ã‚Œã‚‹ã®ã‹ã€ãã®ç†ç”±ã¨è§’丸ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹
ウェブã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã ã‘ã§ãªãã€ç¾å®Ÿã®ä¸–ç•Œã§ã‚‚ãŸãã•ã‚“ã®è§’丸を目ã«ã—ã¾ã™ã€‚角丸ã¯ä¸€æ™‚ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã§ã¯ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã¨è¨€ã£ã¦ã‚‚よã„ã§ã—ょã†ã€‚ ãã‚“ãªè§’丸ãŒãªãœå¥½ã¾ã‚Œã‚‹ã®ã‹ã€ã©ã†ä½¿ãˆã°ã‚ˆã„ã®ã‹ã€ã‚¦ã‚§ãƒ–ページã«ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã®ã‹ãªã©ã‚’紹介ã—ã¾ã™ã€‚ Rounded Corners and Why They Are Here to Stay 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 角丸ã¯ç›®ã«ã€ãã—ã¦è„³ã«å„ªã—ã„< 角丸ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯å®‰å¿ƒ -Appleã®ã“ã ã‚ã‚Š 角丸ã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã¹ã㋠角丸ã®å®Ÿè£…：CSS3< 角丸ã®å®Ÿè£…：å¤ã„方法 終ã‚り㫠角丸ã¯ç›®ã«ã€ãã—ã¦è„³ã«å„ªã—ㄠビジュアルèªçŸ¥ã®æ¨©å¨ï¼šJürg Nänni教授ã«ã‚ˆã‚‹ã¨ã€ã€Žé‹è§’ã®é•·æ–¹å½¢ã¯åŒã˜å¤§ãã•ã®æ¥•å††ã‚ˆã‚ŠèªçŸ¥ã™ã‚‹ã®ã«åŠªåŠ›ã‚’å¿…è¦ã¨ã™ã‚‹ã€‚人間ã®ç›®ã¯å††å½¢ã®ã‚‚ã®ã‚’より速ãæ‰ãˆã‚‹ã“ã¨ãŒã§ãる。ã€ã¨è¿°ã¹ã¦ã„ã¾ã™ã€‚ é‹è§’ã¨è§’丸ã®è¦–ç·šã®æµã‚Œ é‹
HTMLã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSS）ã®æ¥å‹™ã‚¹ã‚ルレベル　判別表　（５段階） - 主ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ 開発ã«é–¢ã—ã¦
スã‚ルãƒã‚§ãƒƒã‚¯ã®ç›®æ¬¡ã¸ HTMLãŠã‚ˆã³ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSS）を利用ã—ãŸWebページ制作ã®ï¼Œç°¡æ˜“スã‚ルãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®èª¿æŸ»è¡¨ã€‚å°åˆ·ç”¨ã€‚ マークアップ・エンジニアã¨ã—ã¦ã®ãƒ¬ãƒ™ãƒ«ã‚’測定ã™ã‚‹ã€‚ ã“ã‚Œã¯ï¼Œã€ŒWebページをコーディングã—ã¦ä½œã‚‹äººã€å…¨èˆ¬ã«å½“ã¦ã¯ã¾ã‚‹ã€‚ レベルã¯ï¼Œï¼ã‹ã‚‰ï¼”ã¾ã§ã®ï¼•æ®µéšŽã€‚ （ï¼ï¼‰ éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ （１） åˆå¦è€…（入門書をå¦ç¿’ã—ã¦ã‚†ã段階） （２） ノーマル（基礎的ãªçŸ¥è˜ãŒã‚り，ã‚る程度ã®ç”»é¢ã‚’作れるよã†ã«ãªã£ãŸæ®µéšŽï¼‰ （３） ä¸ç´šè€…（Webアプリã®é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ï¼‘人月ã¨ã—ã¦ã‚«ã‚¦ãƒ³ãƒˆã§ãる水準） （４） 上級者（メインPG/デザイナã¨ã—ã¦ï¼ŒWeb UIã®ä¸»æ‹…当を任ã›ã‚‰ã‚Œã‚‹æ°´æº–） Webアプリã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆé–‹å§‹æ™‚ã«ä½œæ¥æŒ¯ã‚Šåˆ†ã‘ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ï¼Œæ–°è¦ãƒ¡ãƒ³ãƒå…¨å“¡ã«ã“れを渡ã—ã¦å›žç”ã—ã¦ã‚‚らã†ã¨ã„ã†ç”¨é€”を想定。 ãªãŠï¼Œã‚·ã‚¹ãƒ†ãƒ 開発上ã®ã‚¹ã‚ルをãƒã‚§ãƒƒã‚¯ã™ã‚‹äº‹ãŒä¸»çœ¼ãªã®ã§ï¼Œã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆï¼ˆ
CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ã８ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集:phpspot開発日誌
CSSã§ãƒªã‚¹ãƒˆã‚’æ•´å½¢ã™ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¹ã８ã¤ã®ãƒªã‚¹ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ル集。 リストデザインã¨ã„ã†ã¨ã€CSSã®æ•´å½¢æ–¹æ³•ã«ã‚ˆã£ã¦æ§˜ã€…ãªè¦‹ã›æ–¹ãŒå¯èƒ½ã§ã™ãŒã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼†ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ä»˜ããŒã¾ã¨ã¾ã£ãŸã‚¨ãƒ³ãƒˆãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ リストデザインã®éš›ã¯ã€ã„ã¤ã‚‚å˜èª¿ã«ãªã‚ŠãŒã¡ã€ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚作れãã†ã§ã™ã—ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’駆使ã—ã¦ã¾ã£ãŸãæ–°ã—ã„デザインを考ãˆã‚‹ã“ã¨ã‚‚出æ¥ãã†ã€‚ ãã‚Œã§ã¯ä»¥ä¸‹ã«ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆã®ã‚µãƒ³ãƒ—ルをã”紹介。 1. サイトã®ãƒŠãƒ“ゲーション風ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒªã‚¹ãƒˆ 2. 番å·ä»˜ã＆番å·ã®æ¨ªã«ç¸¦ã®ãƒ©ã‚¤ãƒ³ãŒã¯ã„ã£ãŸè¦‹ã‚„ã™ã„リスト 3. 矢å°ç”»åƒã‚’使ã£ãŸãƒªã‚¹ãƒˆ 4. iPhoneスタイルã®ã‚¯ãƒ¼ãƒ«ãªãƒœãƒƒã‚¯ã‚¹ãƒªã‚¹ãƒˆ 5. ツリーã£ã½ã„å½¢å¼ã«ã§ãるリストデザイン 6. 複数行ã«ã—ã¦ãƒ†ã‚ストã£ã½ã表示ã§ãるテã‚ストリスト 7. ワンラインã«ã—ã¦ã€ã‚«ãƒ³ãƒžã‚’付与
メンテナンスä¸ç”»é¢ã‚’出ã™æ£ã—ã„作法ã¨.htaccessã®æ›¸ãæ–¹ | Web担当者Forum
今回ã¯ã€Webサイトやサービスをメンテナンスä¸ã«ã™ã‚‹å ´åˆã«ã€ã©ã®URLã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚‚「メインテナンスä¸ã§ã™ã€ã®ç”»é¢ã‚’出ã™æ£ã—ã„やり方をã€äººé–“ã«ã‚‚検索エンジンã«ã‚‚é©åˆ‡ã«ã™ã‚‹ä½œæ³•ã‚’主眼ã«è§£èª¬ã—ã¾ã™ã€‚ ã“ã®é€±æœ«ã®åœŸæ›œæ·±å¤œï½žæ—¥æ›œæ—©æœã«ã‹ã‘ã¦ã€ãƒ‡ãƒ¼ã‚¿ã‚»ãƒ³ã‚¿ãƒ¼ã®è¨å‚™ãƒ¡ã‚¤ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŸã‚ã€Webæ‹…ã‚’å«ã‚€ã‚¤ãƒ³ãƒ—レスグループã®ã»ã¨ã‚“ã©ã®WebサイトãŒã€ã©ã®URLã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚‚「メンテä¸ã§ã™ã€ã¨ã„ã†è¡¨ç¤ºã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ ãªã®ã§ã™ãŒã€ãã®å®Ÿè£…ãŒã¡ã‚‡ã£ã¨æ°—ã«ãªã£ãŸã®ã§ã€ã€Œæ£ã—ã„メンテナンス画é¢ã®å‡ºã—æ–¹ã€ã‚’説明ã—ã¦ã¿ã¾ã™ã€‚ ※2010-01-16　Retry-Afterを指定ã™ã‚‹Headerã®æŒ‡å®šã‚’ä¿®æ£ã—ã¾ã—ãŸï¼ˆã‚³ãƒ¡ãƒ³ãƒˆå‚照） ※2009-06-17　RewriteCondã‹ã‚‰ [NC] æ¡ä»¶ã‚’削除ã—ã¾ã—ãŸï¼ˆã‚³ãƒ¡ãƒ³ãƒˆå‚照） ※2009-06-16　Retry-Afterã®è¨˜è¿°ã‚’GMTã«å¤‰æ›´ã—ã¾ã—ãŸï¼ˆã‚³ãƒ¡ãƒ³ãƒˆå‚
CSSã«ã‚ˆã‚‹æ®µçµ„（マルãƒã‚«ãƒ©ãƒ ）レイアウト講座
サービス終了ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“スã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“スを終了ã„ãŸã—ã¾ã—ãŸã€‚ 今後ã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”愛顧ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
HTMLã®åŸºæœ¬æ§‹é€ - 仕様書ã«è¦‹ã‚‹HTML(1)
3.3 属性リスト宣言ã¨å®Ÿä½“宣言 ã¾ãŸã€DTDã§ã¯è¦ç´ タイプãŒã©ã‚“ãªå±žæ€§ã‚’æŒã¤ã®ã‹ã‚‚定義ã—ã¾ã™ã€‚属性ã¯ã€<!ATTLIST ã§å§‹ã¾ã‚‹å®£è¨€æ–‡ã§ã€å±žæ€§åã€å±žæ€§å€¤ã®ã‚¿ã‚¤ãƒ—ã€çœç•¥æ™‚ã®æ‰±ã„ã«ã¤ã„ã¦å®šç¾©ã—ã¾ã™ã€‚ ã•ã‚‰ã«DTDã§ã¯ã€ã•ã¾ã–ã¾ãªåå‰ã‚„値ã®åˆ¥åを定義ã—ã¦ãŠãã€å€‹ã€…ã®å®£è¨€ã§ã¯ã“ã®åˆ¥åを使ã†ã®ãŒæ™®é€šã§ã™ã€‚ã“ã®åˆ¥åã®å®šç¾©ã‚’実体宣言ã¨ã„ã„ã€<!ENTITY ã§å§‹ã¾ã‚‹å®£è¨€ã§å®šç¾©ã—ã¦ã„ã¾ã™ã€‚ 仕様書ã®3.3ã§ã¯ã“れらã«ã¤ã„ã¦ã‚‚詳ã—ã説明ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œã»ã©è¤‡é›‘ã§ã¯ãªã„ã®ã§ã€ã§ãã‚Œã°ã²ã¨ã¨ãŠã‚Šç›®ã‚’通ã—ã¦ã€DTDã®èªã¿æ–¹ã‚’身ã«ã¤ã‘ã¦ãŠãã¾ã—ょã†ã€‚ 4 HTML文書ã®æ§‹é€ ã§ã¯ã€HTML4ã®ä»•æ§˜æ›¸ã®ã•ã¾ã–ã¾ãªè¦ç´ タイプã®å®šç¾©ã®ä¸ã‹ã‚‰ã€æ³¨ç›®ã—ã¦ãŠããŸã„部分を拾ã„èªã¿ã—ã¦ã„ãã¾ã™ã€‚HTMLを書ãã¨ãã«ã€ã€Œã“ã“ã¯ã©ã†ãªã£ã¦ã„ã‚‹ã‚“ã ã‚ã†ã€ã¨ç–‘å•ã«æ€ã†ã‚ˆã†ãªç‚¹ã®å¤šãã¯ã€å®Ÿã¯ä»•æ§˜æ›¸ã§ãã¡ã‚“ã¨è§£èª¬ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ãªã®ã§ã™ã€‚
色ã®çµ„ã¿åˆã‚ã›ãƒã‚§ãƒƒã‚¯ - èªã¿ã‚„ã™ã„å‰æ™¯è‰²ã¨èƒŒæ™¯è‰²
誰ã«ã‚‚èªã¿ã‚„ã™ã„コンテンツã¨ã™ã‚‹ãŸã‚ã«ã¯ã€æ–‡å—色ã¨èƒŒæ™¯è‰²ã®ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’ã—ã£ã‹ã‚Šç¢ºä¿ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。ã“れを客観的ã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãŸã‚ã€è‰²ã®æ˜Žã‚‹ã•ã®å·®ãªã©ã‚’計算ã™ã‚‹ä»•çµ„ã¿ã‚’用æ„ã—ã¦ã¿ã¾ã—ãŸã€‚ 色ã®çµ„ã¿åˆã‚ã›æ¤œè¨¼ テストã®æ‰‹æ³• コントラストã®è¨ˆç®— 色覚åä½ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ 当サイトãŒç‹¬è‡ªã«åŠ ãˆãŸã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã®æ®µéšŽè©•ä¾¡ コントラストã¨èªã¿ã‚„ã™ã•ã®ç›¸é–¢é–¢ä¿‚ 色ã®çµ„ã¿åˆã‚ã›æ¤œè¨¼ 検証ã—ã¦ã¿ãŸã„æ–‡å—色ã¨èƒŒæ™¯è‰²ã®çµ„ã¿åˆã‚ã›ã‚’入力ã—ã¦ã¿ã¦ãã ã•ã„。色ã®æŒ‡å®šã«ã¯3æ¡ã‚‚ã—ãã¯6æ¡ã®16進数カラーコードã€ã‚ã‚‹ã„ã¯è‰²å（CSS2ã®è‰²å＋SVGã®è‰²åã€è¨ˆ147色）ãŠã‚ˆã³rgb()ã®è¡¨ç¾ãŒä½¿ãˆã¾ã™ï¼ˆåˆæœŸå€¤ã¯ã€èªã¿ã«ãã„例ãŒå…¥ã£ã¦ã„ã¾ã™ï¼‰ã€‚ã¾ãŸã€å…¥åŠ›æ¬„左ボックスã‹ã‚‰216色ã®ãƒ‘レットを呼ã³å‡ºã—ã¦å…¥åŠ›ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚æ–‡å—色2ã€3ã¯ã€è¤‡æ•°ã®æ–‡å—色ã®çµ„ã¿åˆã‚ã›ã‚’表示ã™ã‚‹ãŸã‚ã®ã‚ªãƒ—ションã§ã€ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆãªã©ã®è¨ˆç®—ã¯è¡Œ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
é’空文庫ã€è‡ªè²»å‡ºç‰ˆãƒ»åŒäººèªŒå‘ã‘ã«æ—¥æœ¬èªžçµ„版用タグãªã©å…¬é–‹ï¼šãƒ‹ãƒ¥ãƒ¼ã‚¹
http://www.phoenix-c.or.jp/~zspc/cgi-bin/wwwlng.cgi?print%201999-02/99020001.txt
{{#tags}}- {{label}}
{{/tags}}