ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IE6ã§é–²è¦§ã™ã‚‹ã¨ã€‚
hamashunã•ã‚“ãŒTwitterã§ã€ IE6を使ã£ã¦é–²è¦§ã™ã‚‹ã¨å³ä¸Šã«ã€Žã‚¢ãƒŠãƒã‚°ã€ã£ã¦å‡ºã‚‹ã‚ˆã†ã«ã—よã†ãœã€‚ ã£ã¦è¨€ã£ã¦ãŸã®ã§ã€CSS HappyLifeã§ã‚„ã£ã¦ã¿ãŸã€‚ ボクãŒå‡ºæ¥ã‚‹2008年最後ã®å¤§ä»•äº‹ã§ã—ãŸã€‚ãˆã‡ã€‚ 使ã„ãŸã„æ–¹ã¯æ˜¯éžæ˜¯éžã€‚ ã¡ãªã¿ã«ã€ãƒœã‚¯ãŒä½¿ã£ãŸç”»åƒã¯ã‚³ãƒ¬ã§ã™ã€‚自分ã®ãƒ¢ãƒ‹ã‚¿ã§å‡ºã‚‹ã‚„ã¤ã‚’å‚考ã«ã—ã¾ã—ãŸã€‚ ã”自由ã«ãŠä½¿ã„ãã ã•ã„。 IE6ã ã‘ã«è¡¨ç¤ºã•ã›ã‚‹ã«ã¯ã©ã‚“ãªã‚„ã‚Šæ–¹ã§ã‚‚ã„ã„ã£ã™ã‘ã©ã€æ‰‹ã£å–ã‚Šæ—©ã„ã®ã ã£ãŸã‚‰ãƒãƒƒã‚¯ä½¿ã£ã¦ã‚„ã‚‹ã®ãŒã„ã„ã‹ã¨ã€‚ .analog { display: none; } * html .analog { display: block; position: absolute; top: 10px; right: 30px; } ã“ã‚“ãªæ„Ÿã˜ã§ã€‚ ã§ã‚。 16æ—¥ã®ãŠæ˜¼é ƒè¿½è¨˜ ウãƒã®ã‚¢ã‚¯ã‚»ã‚¹è§£æžã‚’久々ã«ç¢ºèªã—ã¦ã¿ãŸã‚‰ã€å…¨ä½“ã®50ï¼…ãらã„ãŒFirefoxã§40ï¼…
Googleカレンダーã®åœŸãƒ»æ—¥ã®æ–‡å—色を変更ã™ã‚‹æ–¹æ³• - 風待ã¡æ—¥è¨˜
以å‰ç´¹ä»‹ã—ãŸFirefoxã®userContent.css（ユーザースタイルシート）を編集ã™ã‚‹ã¨ã€Googleカレンダーã§ä¸€ãƒ¶æœˆè¡¨ç¤ºã•ã›ãŸã¨ãã®åœŸãƒ»æ—¥ã®æ–‡å—色を変更ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚以下ã¯ãã®æ–¹æ³•ã§ã™ã€‚ ã¾ãšã¯ä»¥ä¸‹ã®ãƒ•ã‚©ãƒ«ãƒ€ã‚’é–‹ãã¾ã™ã€‚ Windows 95/98/Meã®å ´åˆã¯ C:\Windows\Application Data\Mozilla\Firefox\Profiles\（英数å—）.default\chrome\ Windows 2000/XPã®å ´åˆã¯ C:\Documents and Settings\(ユーザーå)\Application Data\Mozilla\Firefox\Profiles\（英数å—）.default\chrome\ ã“ã®å ´æ‰€ã«ã‚ã‚‹userContent-example.cssを複製ã—ã¦ï¼ˆåˆã‚ã¦userContent.cssを編集ã™ã‚‹å ´åˆï¼‰ã€use
hereticanthem co.,ltd. » CSSã‚„JavaScriptを使ã£ãŸã‚ªã‚·ãƒ£ãƒ¬ãªæŠ€ã‚„サンプルãŒè§£èª¬ï¼†é…布ã—ã¦ã„るサイトã®ã¾ã¨ã‚
パãƒãƒ³ã‚³ã®éŠã³æ–¹ã¨æ”»ç•¥ – æˆåŠŸã®ãŸã‚ã®æˆ¦ç•¥ã‚’発見ã—よã†ï¼ãƒ‘ãƒãƒ³ã‚³ã®éŠã³æ–¹ã‚’マスターã—よã†ï¼ãƒ—ãƒã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç¿’å¾—ã—ã¦å‹è€…ã«ï¼ãƒ‘ãƒãƒ³ã‚³ã®æ¥½ã—ã•ã‚’体験ã—よã†ï¼æˆåŠŸã®ãŸã‚ã®æˆ¦ç•¥ã‚’発見ã—よã†ï¼æˆ¦ç•¥ã‚’é›ãˆã¦ã‚ˆã‚Šé«˜ã„å‹çŽ‡ã¸ï¼
ã¯ã¦ãª[日記タイトルを画åƒã«ã™ã‚‹ãƒ»æ—¥è¨˜ã‚¿ã‚¤ãƒˆãƒ«ã«èƒŒæ™¯ç”»åƒã‚’入れる2]
調ã¹ãŸã„部分をクリックã—ã¦ãã ã•ã„。日記ã®ãƒ†ãƒ¼ãƒžã«ã‚ˆã£ã¦ã¡ã‚‡ã£ã¨è¦‹æ „ãˆãŒé•ã†ã¨æ€ã„ã¾ã™ãŒã€å‹˜ã§è£œã£ã¦ãã ã•ã„。日記画åƒã¯ã€Œã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼æ—¥è¨˜ã€ã‹ã‚‰ã§ã™ï¼ˆå…ƒç”»åƒï¼‰ã€‚ （2004å¹´9月25日作図） ※ã¾ã 作図ã§ãã¦ã¾ã›ã‚“ãŒã€ã¨ã‚Šã‚ãˆãšã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã‚¬ã‚¤ãƒ‰ã€ŒCSSセレクタ - profileモジュールã€ã‚’登録ã—ã¾ã™ã€‚（2004.10.9）
![ã¯ã¦ãª[日記タイトルを画åƒã«ã™ã‚‹ãƒ»æ—¥è¨˜ã‚¿ã‚¤ãƒˆãƒ«ã«èƒŒæ™¯ç”»åƒã‚’入れる2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2399268c45f05176589994884651cf8a795231e/height=288;version=1;width=512/https%3A%2F%2Flive.blog-tags.st-hatena.com%2F%2F_next%2Fstatic%2Fimages%2FogImageDefault-0b14dbf84ffadcafc73ec8b1d951813c.png)
WEBデザインã®éš›ã«å‚考ã«ãªã‚‹50サイト:phpspot開発日誌
My 50 favorite design resources There are thousands of design resources on the web which can lead to an overwhelming experience when looking for inspiration or ideas, so I created a list of resources that I use on a regular basis. WEBデザインã®éš›ã«å‚考ã«ãªã‚‹ï¼•ï¼ã‚µã‚¤ãƒˆã®ç‰¹é›†ã€‚WEBデザイナーã®æ–¹ã«ã¯ã‚ã‚ŠãŒãŸã„リソースã§ã™ã。 クールCSSサイトã®ã¾ã¨ã‚サイト Unmatchedstyle cssBeauty cssvault Stylegala CSS Drive css thesis Styleboost CSSElite CSS Import Web Cr
CSSを書ãéš›ã®5ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯:phpspot開発日誌
CSS tips and tricks at The Blog Herald CSSを書ãéš›ã®5ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ 1. サイズ指定ã®éš›ã¯ãƒ”クセルを使ã†ãªã€‚ body { font-size: 62.5% } p { font-size: 1.2em; line-height: 1.5em; } px指定ã—ã¦ã—ã¾ã†ã¨ãƒ–ラウザã®æ–‡å—サイズã«åå¿œã—ãªããªã£ã¦ã—ã¾ã†ã¨ã„ã†ã‚„ã¤ã§ã™ã。 2. éšŽå±¤æ§‹é€ ã¯ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã—ã¦èªã¿ã‚„ã™ãã—よㆠh1 {} h1#logo { font-size: 2em; color: #000; } h2 {} h2.title { font-size: 1.8em; font-weight: normal; } 確ã‹ã«ã€ã“ã‚Œã¯åˆ†ã‹ã‚Šã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。今後導入ã—よã†ã¨æ€ã„ã¾ã™ã€‚ 3. セクションã”ã¨ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’入れã¦æ§‹é€ 化ã—よㆠ/* Structure */ ...
第7回 ãƒšãƒ¼ã‚¸æ§‹é€ ã‚’ç¢ºèªã™ã‚‹æ–¹æ³•
XHTML+CSSã§ã¯ã€ãƒšãƒ¼ã‚¸æ§‹é€ ã‚’æ„è˜ã—ã¦åˆ¶ä½œã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ã€‚Firefoxã®æ‹¡å¼µãƒ„ール「Web Developer Toolbarã€ã‚’利用ã—ã¦ã€ãƒ†ãƒ¼ãƒ–ルレイアウトã®æ§‹é€ ã€ãƒ•ãƒ«CSSã®ãƒšãƒ¼ã‚¸æ§‹é€ ã€è¦‹å‡ºã—æ§‹é€ ã€éžæŽ¨å¥¨è¦ç´ を確èªã™ã‚‹æ–¹æ³•ã‚’説明ã—よã†ã€‚ Firefoxã®æ‹¡å¼µãƒ„ール「Web Developer Toolbar〠Firefoxã§ã¯ã€ŒWeb Developer Toolbarã€ï¼ˆä»¥ä¸‹ã€WDT）ã¨ã„ã†é«˜æ©Ÿèƒ½ãªæ‹¡å¼µãƒ„ールãŒåˆ©ç”¨ã§ãる。åå‰ã®ã¨ãŠã‚Šã€Web開発者å‘ã‘ã®ãƒ„ールãƒãƒ¼ã§ã‚ã‚Šã€CSSã‚„JavaScriptã®ç„¡åŠ¹åŒ–ã€ç”»åƒè¡¨ç¤ºã®ç„¡åŠ¹åŒ–ã€ã‚½ãƒ¼ã‚¹ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’ツールãƒãƒ¼ã‹ã‚‰ç›´æŽ¥å®Ÿè¡Œã™ã‚‹ã“ã¨ãŒã§ãる。 ã¾ãšã€ã‚¤ãƒ³ãƒ•ã‚©ã‚¢ã‚¯ã‚·ã‚¢ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹WDT日本語版をインストールã—よã†ï¼ˆhttp://www.infoaxia.com/tools/webdeveloper/）。Firefox（ã¾
汎用CSS - tikeda's blog
先日ã€ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã‚’リニューアルã—ãŸã®ã§ã™ãŒã€ä»Šå›žã“ã‚Œã¾ã§ã¨ã¯é•ã£ã¦ã€ã¯ã¦ãªã®æ±Žç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’作りã€ãれを導入ã—ã¦ä½œã£ã¦ã„ã¾ã™ã€‚ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€ã“ã‚Œã¾ã§ã¯ã€ã‚µãƒ¼ãƒ“ス毎ã«1ã¤CSSを作ã£ã¦ã„ã¾ã—ãŸãŒã€ä»Šå¾Œã€ã¯ã¦ãªå†…ã§ã‚µãƒ¼ãƒ“スã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«çµ±ä¸€æ„Ÿã‚’æŒãŸã›ã‚‹æ„味ãªã©ã§ã€å…¨ã‚µãƒ¼ãƒ“スã®ãƒ™ãƒ¼ã‚¹ã«ã€åŒã˜CSSã‚’å°Žå…¥ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作ã£ã¦ã„ã“ã†ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ æ§‹æˆ ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã¦ã„ãŸã ã‘ã‚Œã°åˆ†ã‹ã‚Šã¾ã™ãŒã€æ±Žç”¨CSSã¯global.cssã¨ã„ã†CSSã‹ã‚‰ã€syntax.cssã€support.cssã€common.cssã¨ã„ã†3ã¤ã®CSSã‚’importã—ã¦æ§‹æˆã•ã‚Œã¦ãŠã‚Šå½¹å‰²ã¯ä»¥ä¸‹ã®æ„Ÿã˜ã§ã™ã€‚ common.css ã‚¿ã‚°ã®åŸºæœ¬ã‚¹ã‚¿ã‚¤ãƒ«ã®å®šç¾©ã¨ã€ãƒšãƒ¼ã‚¸å†…ã®å„è¦ç´ をパーツ化ã—ã¦ã€ãれを部å“毎ã«classã«ã—ã¦ã„るデザインã®æž 組ã¿ã«ãªã‚‹CSSã§ã™ã€‚例ãˆã°tableã§ã‚ã‚Œã°ã€Œä¸€è¦§ç”¨ï¼ˆ.table-list）ã€ã€Œç®¡ç†ç”»
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://note.openvista.jp/2008/customizing-google-with-user-css/
Google Calendar - colorize Sat/Sun (start on Mon)
Restyle the web with Stylish
{{#tags}}- {{label}}
{{/tags}}