覚ãˆã¦ãŠããŸã„é…色ã®ãƒ¯ã‚¶ã¨ä¾¿åˆ©ãªãƒ„ール :: Love & Design ::
Webデザインやé…色ã«å½¹ç«‹ã¤ï¼ˆã‹ã‚‚ã—ã‚Œãªã„）テクニックã€ä¾¿åˆ©ãªãƒ„ールを紹介ã—ã¦ã„ã¾ã™ã€‚ /*無駄ã«ã‚¨ãƒã„ã®ã¯ä»•æ§˜ã§ã™*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色ã®3ã¤ã®è¦ç´ é…色を行ã†å‰ã«ã€è‰²ã«é–¢ã™ã‚‹åŸºç¤ŽçŸ¥è˜ã‚’ãŠã•ã‚‰ã„。色ã¯ã€Œè‰²ç›¸ãƒ»å½©åº¦ãƒ»æ˜Žåº¦ã€ã®3ã¤ã®è¦ç´ ã«ã‚ˆã£ã¦æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚明度ã ã‘ã®æ€§è³ªã‚’æŒã¤ç„¡å½©è‰²ã«å¯¾ã—ã€æœ‰å½©è‰²ã¯è‰²ç›¸ã€å½©åº¦ã€æ˜Žåº¦ã®3ã¤ã®æ€§è³ªã‚’æŒã£ã¦ã„ã¾ã™ã€‚ã“れを「色ã®3属性ã€ã¨å‘¼ã³ã¾ã™ã€‚ 色相（ã—ããã†ï¼šHue） 色相ã¨ã¯ã€èµ¤ãƒ»æ©™ãƒ»é»„・緑・é’・紫ãªã©ã®è‰²ã¿ã®ã“ã¨ã€‚ （色相ã¯ã¤ãªãŒã‚Šã‚ã£ã¦è‰²ç›¸ç’°ã¨ã„ã†è¼ªã«ãªã‚Šã¾ã™ã€‚） 彩度（ã•ã„ã©ï¼šSaturation：Chroma） 色ã®é®®ã‚„ã‹ã•ã€å¼·å¼±ã®åº¦åˆã„ã®ã“ã¨ã€‚ 彩度ãŒé«˜ã„（鮮やã‹ï¼‰â‡”彩度ãŒä½Žã„（éˆã„） 明度（ã‚ã„ã©ï¼šValue：Brightness） 色ã®æ˜Žã‚‹ã•ã®åº¦åˆã„ã®ã“
ウノウラボ Unoh Labs: IE6 CSS 『border-leftã¨padding-bottomã€ã®è¬Ž
ã“ã‚“ã°ã‚“ã¯ã€sashaã§ã™ã€‚ 次ã®ã‚ˆã†ãªå½¢ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’実装ã—よã†ã¨ã—ã¦ã„ã¦ã€ 実例 posted by (C)フォト蔵 IE5.5ã‚„6ã§ã“ã‚“ãªçŠ¶æ³ã«å‡ºä¼šã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ （赤ã¨é’ã®ãƒœãƒ¼ãƒ€ãƒ¼ã¯ã€elementã®å¢ƒç›®ãŒã‚ã‹ã‚Šã‚„ã™ã„よã†ã«å…¥ã‚Œã¦ã‚ã‚Šã¾ã™ï¼‰ 実例ãƒã‚° posted by (C)フォト蔵 ã©ã“ãŒãŠã‹ã—ã„ã‹ãŠåˆ†ã‹ã‚Šã«ãªã‚Šã¾ã™ã§ã—ょã†ã‹ã€‚2é …ç›®ç›®ã®èµ¤ã¨é’ã§å›²ã¾ã‚ŒãŸãƒ†ã‚ストãŒã€å·¦ã«é£›ã³å‡ºã¦ã„ã¾ã™ã。ãã®ä¸‹ã«ã‚るテã‚ストã¾ã§ã€å·¦ã«ãšã‚Œã¦ã¾ã™ã€‚ ã“ã‚Œã¯ã€å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ‚©ã¿ã®ç¨®ã§ã‚ã‚‹ã€ã€ŒIEã€ã®ä»£è¡¨çš„ãªãƒã‚°ã®ã²ã¨ã¤ã§ã™ã€‚ ã“ã®ãƒã‚°ã‚’å†ç¾ã•ã›ã‚‹ã®ã«å¿…è¦ãªã“ã¨ã¯ãŸã£ãŸã“ã‚Œã ã‘。 「divã®ä¸ã«divã€ãªã©ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’2é‡ã«ã™ã‚‹ 外å´ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã«ã€border-leftã¨padding-bottomを定義ã™ã‚‹ 以上。ã“ã‚Œã ã‘ã§IEã•ã‚“ã®åœ°é›·ã‚’è¸ã‚ã¾ã™ã€‚ 以下ã®H
TRANS [hatena] - å°åˆ·ç”¨CSSã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚
以å‰ã€çµµæ–‡ç¦„ã®ã“ã¨ã®ã¯ã•ã‚“ã®ã¨ã“ã‚ã§ã€ã‚µã‚¤ãƒˆã®æ¨ªå¹…ã‚’640ピクセルã«ã™ã‚‹ç†ç”±â€•â€•çµ±è¨ˆã¨ç¾çŠ¶ã«åŸºã¥ãçµè«–ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã‚ã£ãŸã€‚ãã‚Œã‹ã‚‰ã€ã¡ã‚‡ã£ã¨å°åˆ·ç”¨CSSã«èˆˆå‘³ã‚’æŒã£ã¦ã€è‰²ã€…ã¨èª¿ã¹ã¦ã¿ãŸã‚Šã€è‡ªåˆ†ã§æ›¸ã„ã¦ã¿ãŸã‚Šã—ãŸã€‚ãã®ã¾ã¨ã‚。 ã¡ãªã¿ã«ã€#naviãŒã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションã€#primaryãŒãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€#secondaryãŒã‚µãƒ–メニューã€#footerãŒãƒ•ãƒƒã‚¿ãƒ¼ã€‚ ã¨ã‚Šã‚ãˆãšã€æœ€ä½Žé™ã‚„ã£ã¦ãŠã„ãŸã»ã†ãŒã‚ˆã„ã“ã¨ã€‚ body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } å°åˆ·ã§èªã¾ã‚Œã‚‹ã“ã¨ã‚’勘案ã™ã‚‹ã®ãªã‚‰ã€font-sizeã¯ã‚る程度
![TRANS [hatena] - å°åˆ·ç”¨CSSã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
CMSå°Žå…¥ã§SEO効果を引ã出ã™10ã®ãƒã‚¤ãƒ³ãƒˆ | Web担当者Forum
「ブãƒã‚°ã¯SEOã«åŠ¹ãã€ã¨è¨€ã‚れる。実際ã«æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã§ãƒ–ãƒã‚°ã®ãƒšãƒ¼ã‚¸ãŒä¸Šä½ã«æ¥ã‚‹ã“ã¨ã‚‚多ã„。ã§ã¯ã€ä¸€èˆ¬ã®ã‚¦ã‚§ãƒ–CMSã§SEOã«åŠ¹ã製å“ã‚’é¸ã¶ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ã¾ãŸã€CMS導入時ã«ã©ã®ã‚ˆã†ãªç‚¹ã«æ³¨æ„ã™ã‚Œã°SEO効果ãŒä¸ŠãŒã‚‹ã®ã ã‚ã†ã‹ã€‚ 編集部 CMS（コンテンツ管ç†ã‚·ã‚¹ãƒ†ãƒ ）ã¯ã€ã„ã¾ã‚„サイト構築ã«ã¯å¿…é ˆã®ãƒ„ールã§ã‚る。ウェブCMSを使ãˆã°ã€æŠ€è¡“ã«æ˜Žã‚‹ããªã„人ã§ã‚‚サイトã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作æˆãƒ»æ›´æ–°ã§ãるよã†ã«ãªã‚‹ã—ã€æ›´æ–°ã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’自動化ã§ãる。ワークフãƒãƒ¼ã¨ã¯ã€å†…容ã®æ‰¿èªã‚„å·®ã—戻ã—ã€æ™‚間指定ã§ã®å…¬é–‹ãªã©ã 。ã¾ãŸã€ã‚µã‚¤ãƒˆå…¨ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„æ§‹é€ ã«çµ±ä¸€æ„Ÿã‚’æŒãŸã›ã‚‹ã“ã¨ã¯ã€CMSãŒæœ€ã‚‚å¾—æ„ã¨ã™ã‚‹éƒ¨åˆ†ã 。 ã„ã£ã½ã†ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‹ã‚‰ã®èª˜å°Žã‚’促進ã™ã‚‹ãŸã‚ã«SEO（検索エンジン最é©åŒ–）を考慮ã™ã‚‹å ´åˆã¯ã€ã‚µã‚¤ãƒˆã®æ§‹é€ ã‚„å„ページã®HTMLã®ä½œã‚Šæ–¹ã‚’ã©ã®ã‚ˆã†ã«ã™ã‚‹ã‹ãŒå¤§ããªãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ã€‚ã©ã‚“ãªä½œã‚Š
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
フãƒãƒ¼ãƒˆã¨ãƒã‚¬ãƒ†ã‚£ãƒ–マージンã¾ã¨ã‚:CSS | Tech de Go
{{#tags}}- {{label}}
{{/tags}}