Sassã§è¡Œã“ã†ï¼
Translation of: Getting Started with Sass - A List Apart CSSã®æŒã¤ãã®ç°¡æ˜Žã•ã¯æ¬ ã‹ã›ãªã„特徴ã®ä¸€ã¤ã§ã€ãã‚Œã¯æœ€ã‚‚æ“è¿Žã•ã‚Œã¦ã„る点ã§ã—ãŸã€‚CSSã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã„ãã¤ã‹ã®é©ç”¨ã—ãŸã„ã‚¹ã‚¿ã‚¤ãƒ«æƒ…å ±ã‚’å«ã‚€ãƒ«ãƒ¼ãƒ«ã‚’羅列ã—ãŸã‚‚ã®ã«éŽãŽã¾ã›ã‚“。ã—ã‹ã—ã€WebサイトやWebアプリケーションãŒå·¨å¤§ã«ã€ãã—ã¦è¤‡é›‘ã«ãªã‚Šã€æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã‚„ç”»é¢ã‚µã‚¤ã‚ºã«å¯¾å¿œã›ã–ã‚‹ã‚’å¾—ãªããªã£ãŸç¾åœ¨ã€ã“ã®ç°¡æ˜Žã•ã¨ã„ã†ç‰¹å¾´â€•fontタグやテーブル・レイアウトã®æ·˜æ±°ã«å¤§ã„ã«å½¹ã«ãŸã£ãŸã‚‚ã®â€•ãŒå¤§ããªè¶³ã‹ã›ã«ãªã£ã¦ã„ã¾ã™ã€‚ ç°¡å˜ãªè¨ˆç®—æ©Ÿèƒ½ã‚„å¤‰æ•°ã‚’è¿½åŠ ã™ã‚‹ãªã©ã¨ã„ã£ãŸCSSã®ä¿®æ£æ¡ˆãŒéŽåŽ»ã«æ示ã•ã‚Œã¾ã—ãŸãŒã€ã©ã‚Œã‚‚ブラウザー・ベンダーã«ã¯æŽ¡ç”¨ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ä»®ã«ã“ã†ã„ã£ãŸæ–°ã—ãç´ æ™´ã‚‰ã—ã„æ‹¡å¼µã•ã‚ŒãŸCSSãŒã‚るブラウザーã«å®Ÿè£…ã•ã‚ŒãŸã¨ã—ã¦ã‚‚ã€ãã‚ŒãŒå®Ÿç”¨ã«è€ãˆã‚‹ç¨‹åº¦ã«
Reset vs Normalize
CSSã®è¨˜è¿°æ³•ã¨ã—ã¦ã€ãƒ–ラウザã”ã¨ã®é•ã„を「Resetã€ã—ã¦ä¸€ã‹ã‚‰æŒ‡å®šã™ã‚‹ã¨ã„ã†æ–¹æ³•ãŒé•·ã‚‰ãマジョリティをå ã‚ã¦ã„ã¾ã—ãŸã€‚ã¾ã ã¾ã ãã®æ–¹å‘ã§æ›¸ã„ã¦ã„る人ãŒå¤§åŠã§ã™ãŒã€ã€ŒNormalizeã€ã™ã‚‹ã¨ã„ã†æ–¹æ³•ã‚’採る人é”も増ãˆã¦ã„ã¾ã™ã€‚ãªãœãƒªã‚»ãƒƒãƒˆã§ã¯ãªãノーマライズãªã®ã‹ã¨ã„ã†ã‚ˆã†ãªè©±ã‚’ãªã‚“ã¨ãªãダラダラ書ã„ã¦ã¿ãŸã„æ„Ÿã˜ã§ã™ã€‚ 以下ã€ãƒªã‚»ãƒƒãƒˆã¯YUI 2ã®CSS Resetã‚’ã€ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯Normalize.cssをイメージã—ã¦èªã‚“ã§ã¿ã¦ãã ã•ã„。 リセットã¨ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚º ã¾ãšã¯ä¸¡è€…ã®é•ã„ã‹ã‚‰ã€‚リセットã¯ãªã‹ã£ãŸã“ã¨ã«ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã€ã»ã¼å…¨ã¦ã®è¦ç´ ã«å¯¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã‚’排除ã—ブラウザã”ã¨ã®é•ã„ã‚’å¸åŽã™ã‚‹ã‚‚ã®ã§ã™ã€‚対ã—ã¦ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯ãƒ–ラウザã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’生ã‹ã—ã¤ã¤ã€å„ブラウザ間ã®æŒ™å‹•ã‚’擦りåˆã‚ã›ã‚‹ã‚‚ã®ã§ã™ã€‚リセットãŒè² ã®æ–¹å‘ã§çµ±ä¸€ã—ã¦ã„ã‚‹ã¨ã™ã‚Œã°ã€ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯æ£ã®æ–¹å‘ã§çµ±ä¸€
HTML5 & CSS3 ブラウザ別サãƒãƒ¼ãƒˆçŠ¶æ³
What is an IP Address? An IP (short for “Internet Protocolâ€) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
å°åˆ·ç”¨CSSã‚’ã‚‚ã£ã¨ã‚ˆãã™ã‚‹ãŸã‚ã®4ã¤ã®Tips。 - TRANS [hatena]
ç´„2ヶ月ãらã„å‰ã«ã€Printing the Web: Solutions and Techniques | Smashing Magazineã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’èªã¿ã¾ã—ãŸã€‚10個以上ã®æµ·å¤–ã®ã‚µã‚¤ãƒˆã®ã„ã‚ã‚“ãªå°åˆ·å‘ã‘CSSã‚„JavaScriptã®TipsãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¦ã€ã€Œå°åˆ·ç”¨CSSã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ã€ã‚’書ã„ãŸè‡ªåˆ†ã¨ã—ã¦ã¯ä½•ã¨ã‹åˆ†è§£ã—ã¦ã‚„ã‚ŠãŸã„ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ã§ã€æœ¬æ—¥ã‚ˆã†ã‚„ã分解ãŒä¸€é€šã‚Šçµ‚ã‚ã‚Šã¾ã—ãŸã®ã§ã€ãã®ä¸ã§å¾—ãŸTipsを紹介ã—ã¾ã™ã€‚ å°åˆ·ç”¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚1ã¤ã®Webデザインプãƒã‚»ã‚¹ã¨ã—ã¦è€ƒãˆã¦ãŠã。 今回ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒæœ€ã‚‚自分ã«ã¨ã£ã¦ã¯è¡æ’ƒçš„ã§ã—ãŸã€‚å°åˆ·ç”¨CSSã®æ©Ÿèƒ½é¢ã ã‘を追ã„求ã‚ã¦ã€ã€Œã¾ã‚ã€å°åˆ·ã•ã‚Œã‚‹ã¨ãã«ã€æœ€ä½Žé™èªã‚ã‚Œã°ã„ã„ã‚“ã§ã—ょ？ã€ãらã„ã«ã—ã‹æ€ã£ã¦ã„ãªã‹ã£ãŸè‡ªåˆ†ãŒã€ã¡ã‚‡ã„ã¨æƒ…ã‘ãªã„。元ãƒã‚¿ã¯ã€Five Simple Steps to Typesetting on th
![å°åˆ·ç”¨CSSã‚’ã‚‚ã£ã¨ã‚ˆãã™ã‚‹ãŸã‚ã®4ã¤ã®Tips。 - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/006177c1ae7d95a2c7c0336994db88ed59a41525/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523317%2F1448268251)
tech.nitoyon.com@hatena - ã¯ã¦ãƒ–ã®CSSをカスタマイズã—ã¦ã¿ãŸ
hatena毎日使ã£ã¦ã„ã‚‹ã®ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã®ã¾ã¾ã«ãªã£ã¦ã„ãŸã€Œã¯ã¦ãªãƒ–ックマークã€ã® CSS を変ãˆã¾ã—ãŸã€‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ b:id:nitoyon「ã¯ã¦ãƒ–ã€ã®ä½•ã¨ãªã分ã‹ã‚Šã«ãã„部分をã€åˆ†ã‹ã‚Šã‚„ã™ã見ã›ã‚‹ã“ã¨ã‚’目標ã«ä½œã£ã¦ã¿ã¾ã—ãŸã€‚以下ã§ã¯ã€ä»Šå›žã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã“ã ã‚ã£ãŸã€Œã‚¿ã‚¤ãƒˆãƒ«éƒ¨åˆ†ã®ã‚¢ã‚¤ã‚³ãƒ³ã€ã¨ã€Œã‚³ãƒ¡ãƒ³ãƒˆã®ãµãã ã—ã€ã«ã¤ã„ã¦ç°¡å˜ã«èª¬æ˜Žã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ タイトル部分ã®ã‚¢ã‚¤ã‚³ãƒ³ã¾ãšã¯ã€ã‚¿ã‚¤ãƒˆãƒ«éƒ¨åˆ†ã€‚デフォルトã®ã‚¿ã‚¤ãƒˆãƒ«éƒ¨åˆ†ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚„æ•°å—ã®ç¾…列ã¯æ„味ãŒåˆ†ã‹ã‚Šã«ãã„ã§ã™ã‚ˆã。マウスを乗ã›ãŸã‚‰ãƒ„ールãƒãƒƒãƒ—ã§èª¬æ˜ŽãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã™ãŒã€ãªã‚“ã‹ç›´æ„Ÿçš„ã˜ã‚ƒãªã„。ã“ã®éƒ¨åˆ†ã®æ•°å—ã®æ„味を分ã‹ã‚‰ãšã«ã¯ã¦ãƒ–を使ã£ã¦ã‚‹ã²ã¨ã‚‚多ã„ã®ã§ã¯â€¦ã€‚ ãªã®ã§ã€ç”»åƒã‚’書ãæ›ãˆã¦åˆ†ã‹ã‚Šã‚„ã™ãã—ã¦ã¿ã¾ã—ãŸã€‚RSS ã®é’ãã¦ã‹ã£ã“悪ã„アイコンもã€ã‚ªãƒ¬ãƒ³ã‚¸è‰²ã®ãŠã—ゃれãªã‚„ã¤ã«ã€‚ã„ã‚ã‚“ãªäººã«ãŠæ°—ã«å…¥ã‚Šã«ã„ã‚Œã¦ã»ã—ã„ã®ã§ã€
CSS セレクタã«é–¢ã™ã‚‹ãŠã•ã‚‰ã„ | WWW WATCH
CSS を扱ã†ä¸Šã§ã‚»ãƒ¬ã‚¯ã‚¿ã®å˜åœ¨ã¯ã¨ã£ã¦ã‚‚é‡è¦ã§ã™ã€‚特㫠CSS3 Selectors ã§ã¯ã‹ãªã‚Šè¤‡é›‘ãªæ¡ä»¶åˆ†å²ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãª (X... CSS を扱ã†ä¸Šã§ã‚»ãƒ¬ã‚¯ã‚¿ã®å˜åœ¨ã¯ã¨ã£ã¦ã‚‚é‡è¦ã§ã™ã€‚特㫠CSS3 Selectors ã§ã¯ã‹ãªã‚Šè¤‡é›‘ãªæ¡ä»¶åˆ†å²ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãª (X)HTMLã€CSS コーディングを行ã†ä¸Šã§ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç†è§£ã—ã¦ã„ã‚‹ã¨ãã†ã§ãªã„ã®ã§ã¯ç”Ÿç”£æ€§ã«å·®ãŒå‡ºã¾ã™ã€‚ CSS3 ã¯ç¾åœ¨ Working Draft ã®æ®µéšŽã§ã™ã®ã§ã€ã¾ã æ£å¼ãªå‹§å‘Šã¯ãªã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€å¤šãã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã«ãŠã„ã¦ãã®ã»ã¨ã‚“ã©ãŒå…ˆè¡Œå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‹ã‚‰ã€ç¾çŠ¶ã§ã‚‚利用価値ãŒé«˜ã„ã¨ã„ãˆã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã“ã“ã§ã¯è‡ªåˆ†ã¸ã®ãƒ¡ãƒ¢ã®æ„味も込ã‚ã¦ã€CSS3 ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚å«ã‚ãŸå„ CSS セレクタã«ã¤ã„ã¦ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 今回ã®è§£èª¬
2xupã§å®Ÿè£…ã•ã‚Œã¦ã„るエラスティックレイアウトを調ã¹ã¦ã¿ãŸã€‚ - Trans
2xupã•ã‚“ã®ã¨ã“ã‚ã§å®Ÿè£…ã•ã‚Œã¦ã„るエラステックレイアウト（Elastic Layout）ã€ã‚‚ã—ãã¯ã‚¨ãƒ©ã‚¹ãƒ†ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¯ãŸã¾ãŸã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã†ã®ãŒæ°—ã«ãªã£ã¦ã—ょã†ãŒãªã„。今年ã€ã‚¢ãƒƒã‚¯ã‚¼ãƒãƒ¨ãƒ³ã§ã‚°ãƒ©ãƒ³ãƒ—リをå—賞ã—ãŸã¿ãšã»è¨¼åˆ¸ã§ã‚‚ã€ä¼¼ãŸã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæ–½ã•ã‚Œã¦ã„る。ã¨ã„ã†ã‚ã‘ã§ã€ã¾ãŸã‚‚や調ã¹ã¦ã¿ãŸã€‚ ã¨ã€èª¿ã¹ã¦ã¿ãŸã¯ã„ã„ã‚‚ã®ã®ã€ã†ã¾ã„å…·åˆã«å®Ÿè£…方法ã«ã¤ã„ã¦è§£èª¬ã•ã‚Œã¦ã„るサイトãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã€‚è¦ã¯ã€widthã‚„paddingã€marginãªã©ã«em指定をã—ã¦ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’変更ã—ã¦ã‚‚ã€ãã‚Œã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¹…ãŒå¤‰æ›´ã•ã‚Œã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã“ã¨ã‚’言ã†ã‚‰ã—ã„。A List Apart: Articles: Elastic Designã§ç™ºè¡¨ã•ã‚ŒãŸã®ãŒã©ã†ã‚‚åˆã‚ã¦ã®ã‚ˆã†ã 。ã¡ãªã¿ã«ã€ä½œè€…ãŒä½œã£ãŸã‚µãƒ³ãƒ—ルサイトもã‚る。 ã§ã‚‚ã€456 Berea Streetã§ã‚ˆã„æ„Ÿã˜ã«ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆ
htmlcxx - html and css APIs for C++
Description htmlcxx is a simple non-validating css1 and html parser for C++. Although there are several other html parsers available, htmlcxx has some characteristics that make it unique: STL like navigation of DOM tree, using excelent's tree.hh library from Kasper Peeters It is possible to reproduce exactly, character by character, the original document from the parse tree Bundled css parser Opti
ã¯ã¦ãªå†…ã®2カラムレイアウト - tikeda's blog
最近ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãªã©ã‚’経ã¦ã€ã¯ã¦ãªã®ã‚µã‚¤ãƒˆã¯ã€2カラムã§ãƒ–ラウザサイズã«åˆã›ã¦ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ ãŒå¯å¤‰ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¢—ãˆã¦ã‚‹ã®ã§ã™ãŒã‚ーワードページãªã©ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ ã®è¦ç´ ãŒæ§˜ã€…ã ã£ãŸã‚Šã€ã‚«ãƒ©ãƒ ã®ä¸Šä¸‹å·¦å³ã¨æŸ”軟性ãŒå¿…è¦ãªå ´åˆãŒå¤šãã€è‰²ã€…ã‚„ã‚Šãã‚Šã—ãŸçµæžœã€floatを使ã£ãŸä»¥ä¸‹ã®æ–¹æ³•ã§å®šç€ã—ã¦ã„ã¾ã™ã€‚ HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }ã“ã†ã™ã‚‹ã¨ã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©
CSS Hazard | ã¨ã¦ã‚‚å±é™ºã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¨æ€ã„ã¾ã™
Load testing is an important part of overall web performance. The load testing process is widely used. The testing system involves placing demand on a particular software system and measuring the response. Load testing is a useful tool because it can give you an idea on how a system responds under normal operating conditions. In addition, load testing can also give an accurate measure on how a sys
hail2u.net - Weblog - CSSã§æŒ‡å®šã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆ
CSSã§æŒ‡å®šã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ã€è¨ªå•è€…ã®ãƒžã‚·ãƒ³ã«ãã®æŒ‡å®šã—ãŸãƒ•ã‚©ãƒ³ãƒˆãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã§ãªã„ã¨(大抵ã®å ´åˆã¯)åæ˜ ã•ã‚Œãªã„ãŸã‚ã€æ‰‹ã«å…¥ã‚Œã‚„ã™ã„ã¾ãŸã¯å¤šãã®OSã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„るフォントを指定ã™ã‚‹ã“ã¨ãŒå¤šã„。手ã«å…¥ã‚Œã‚„ã™ã„フォントã¨ã—ã¦ä»£è¡¨çš„ãªã‚‚ã®ã¯Core fonts for the Webã¨ã„ã†MicrosoftãŒæä¾›ã—ã¦ã„るフォント群ã§ã€å…·ä½“çš„ã«ã¯Arialã‚„Trebuchet MSã€Verdanaã€Georgiaã€Times New Romanã€Courier Newãªã©ã€‚ã‚ãˆã¦Lucida Grandeã‚„Tahomaを使ã†ã¨ã„ã†ã®ãªã‚‰é•å’Œæ„Ÿã®å°‘ãªã„代替ã«ãªã‚Šãã†ãªãƒ•ã‚©ãƒ³ãƒˆã‚’指定ã—ã¦ãŠã„ã¦æŒ™ã’ã‚‹ã¨è‰¯ã„ã‹ã‚‚ãã¨ã‹ã„ã†è©±ã€‚ Core fonts for the Webã«å«ã¾ã‚Œã‚‹å¤šãã®ãƒ•ã‚©ãƒ³ãƒˆã¯Windows 98以é™ã§ã¯äºˆã‚インストールã•ã‚Œã¦ãŠã‚Šã€Mac OSã§ã‚‚Internet Ex
data URI scheme
The data URI scheme is a uniform resource identifier (URI) scheme that provides a way to include data in-line in Web pages as if they were external resources. It is a form of file literal or here document. This technique allows normally separate elements such as images and style sheets to be fetched in a single Hypertext Transfer Protocol (HTTP) request, which may be more efficient than multiple H
ã©ã‚“ãªç”»åƒã‚‚ç°¡å˜ã«è§’丸ã«ãªã£ã¡ã‚ƒã„ã¾ã™CGI | Come on Girls Interface [ shonan dpe ]
湘å—フレームã¯ä¸‹ç”ºDPEã®å§‰å¦¹åº—。潮風をã‚ã³ãªãŒã‚‰ã€å†™çœŸã®è§’ã‚’ã¡ã‚‡ãã¡ã‚‡ãã¡ã‚‡ã・・ã¨åˆ‡ã‚ŠæŠœãã¾ã—ãŸã€‚ã©ã‚“ãªç”»åƒã‚‚ç°¡å˜ã«è§’丸ã«ãªã£ã¡ã‚ƒã„ã¾ã™ã€‚写真ãŒã§ãã‚ãŒã‚‹ã¾ã§ã«ã‚¢ã‚¤ã‚¹ã‚³ãƒ¼ãƒ’ーをã©ã†ãžã€‚
ç™¾å¼ - インターãƒãƒƒãƒˆã¸ã®æ©è¿”ã— (CSS Optimiser.com)
インターãƒãƒƒãƒˆã¸ã®æ©è¿”ã— (CSS Optimiser.com) October 1st, 2005 Posted in 未分類 Write comment ウェブを作るã¨ãã«CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’組むよã†ã«ãªã£ã¦ä¹…ã—ã„。 ãã†ãªã‚‹ã¨CSSã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«èˆˆå‘³ãŒå‡ºã¦ãã‚‹ã‚‚ã®ã§ã‚る。ãã®ã†ã¡ã®ä¸€ã¤ã«CSSファイルã®åœ§ç¸®ãŒã‚る。 ä¸è¦ãªã‚¹ãƒšãƒ¼ã‚¹ã‚’削ã£ãŸã‚Šã€ä¼¼ãŸã‚ˆã†ãªè¦ç´ をグルーピングã™ã‚Œã°CSSã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’圧縮ã™ã‚‹ã“ã¨ãŒã§ãる。ãã—ã¦CSSを圧縮ã§ãã‚Œã°ãƒšãƒ¼ã‚¸ã®ãƒãƒ¼ãƒ‰æ™‚間も縮å°ã§ãã‚‹ã®ã 。 ãã†è€ƒãˆã‚‹ã¨CSS Optimiserã¯ä¾¿åˆ©ã 。 ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã‚ãªãŸãŒä½œã£ãŸCSSファイルã®ã‚µã‚¤ã‚ºã‚’最é©åŒ–ã—ã¦ãれる。使ã„æ–¹ã¯ç°¡å˜ã§CSSファイルをアップãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§OKã 。ãŸã‚ã—ã«ã“ã®ã‚µã‚¤ãƒˆã®CSSファイルを最é©åŒ–ã—ã¦ã¿ãŸãŒã€39.52%も圧縮ã™ã‚‹ã“ã¨ãŒã§ããŸã€‚ 自分ãŒå¦ã‚“ã テクニックを
CSSã§ã€ŒæŠ˜ã‚Šè¿”ã™ã€pre
â– tDiary: ã“ã®æœŸã«åŠã‚“ã§spamフィルタを導入ã—ã¦ã„ãªã„人㯠ã©ã†ã„ã†äººãªã®ã‹ãªã€‚ ツッコミ通知メールを使ã£ã¦ã„ãªã„(ã®ã§æ°—ã¥ã„ã¦ãªã„) 自分ã®æ—¥è¨˜ã¯RSSリーダã«ç™»éŒ²ã—ã¦ãªã„(ã®ã§æ°—ã¥ã„ã¦ãªã„) å˜ãªã‚‹é¢å€’ãã•ãŒã‚Šå±‹ã•ã‚“ 未対ç–ã®æ—¥è¨˜ã¯(RSS経由ã§ã¯)èªã‚€ã«è€ãˆãªã„ã®ã§ã€ã©ã‚“ã©ã‚“è³¼èªå…ˆã‹ã‚‰æ¶ˆãˆã¦ã‚‚らã£ã¦ã„ã‚‹ã®ã ãŒã€‚ã‚‚ã£ãŸã„ãªã„。ã›ã‚ã¦ã“ã“ã®ãƒ•ã‚£ãƒ«ã‚¿ãらã„ã¯å…¥ã‚Œã¦ãã‚Œãªã„ã ã‚ã†ã‹ã€‚ç°¡å˜ã ã‹ã‚‰ã•ã€‚ 追記 書ãæ¼ã‚‰ã—ãŸã€Œç†ç”±ã€: spamã‚’ã¾ã å—ã‘ã¦ã„ãªã„(ã§ã‚‚予防措置ã¯ã—ã¦ãŠã„ãŸæ–¹ãŒã„ã„よã) ãã‚‚ãも日記を放置ã—ã£ã±ãªã—ã§æ›´æ–°ã—ã¦ã„ãªã„(ã®ã§æ°—ã¥ã„ã¦ãªã„) â– CSS: 「折り返ã™ã€pre 人ãŒä½œã£ãŸtDiaryã®ãƒ†ãƒ¼ãƒžã‚’ã¤ã‚‰ã¤ã‚‰ã¨è¦‹ã¦ã„ãŸã‚‰ã€è¦‹æ…£ã‚Œã¬å±žæ€§ãŒæ›¸ã„ã¦ã‚ã£ãŸã€‚ã“ã‚“ãªã®ã€‚ white-space: -moz-pre-wrap; /* Mozilla */ white-
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://html5please.us/
Prince - Convert HTML to PDF with CSS
ライブドアブãƒã‚°ï½œç„¡æ–™ã§è±Šå¯Œãªæ©Ÿèƒ½ãŒå……実
http://d.hatena.ne.jp/coyan/20060813
http://trix.yi.org/cuery/home.html
{{#tags}}- {{label}}
{{/tags}}