blueprintcss - Google CodeCode Archive Skip to content Google About Google Privacy Terms
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
CSS 分割管ç†ã®å®Ÿè·µç·¨
2006-12-13T09:47:51+09:00 æ•°æ—¥å‰ã«è¡Œã£ãŸãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã€ã„ãã¤ã‹èª²é¡Œã‚’è¨ã‘ã¾ã—ãŸã€‚ãŸã ãŸã リニューアルã—ã¦ã‚‚張りãŒã‚ã‚Šã¾ã›ã‚“ã—ã€ã‚¦ã‚§ãƒ–デザインを行ã†ã‚‚ã®ã«ã¨ã£ã¦è‡ªèº«ã®ã‚¦ã‚§ãƒ–サイトã¯è‡ªèº«ã®ä½œå“ã®ã‚ˆã†ãªã‚‚ã®ã ã—ã€å¥½ãå‹æ‰‹ã§ãã‚‹ã®ã‚‚é…力ãªã‚ã‘ã§ã™ã€‚何回ã‹ã®è¨˜äº‹ã«ã‚ã‘ã¦ã€ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ãŠã“ãªã£ãŸä½œæ¥ã‚’ã¾ã¨ã‚ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ å‰å›žã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’分ã‘ã¦ç®¡ç†ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚る㧠CSS ファイルを分割管ç†ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã‚„ã€ã©ã®ã‚ˆã†ã«åˆ†å‰²ã™ã‚‹ã‹æ¡ˆã‚’書ã„ã¦ã¿ã¾ã—ãŸãŒã€ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§å®Ÿéš›ã«æ¡ˆã‚’å…ƒã«åˆ†å‰²ç®¡ç†ã‚’実践ã—ã€çµæžœã¯ãƒªã‚¹ãƒˆã®ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚å„ファイルã®æ¦‚è¦ã¯æ¡ˆæ®µéšŽã‹ã‚‰å¤‰åŒ–ãŒãªã„ã®ã§ã€ãã¡ã‚‰å‚ç…§ãã ã•ã„。以下ã®ãƒªã‚¹ãƒˆã§ã¯ã€ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ä»¥å¤–ã®å®Ÿéš›ã® CSS ファイルã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚ common.css component.css fonts.css scree
CSS Niteå…¬å¼ãƒ–ãƒã‚°: 『ザ・ルールズ・オブ・スタイルシートã€ï¼ˆç›Šå貴寛）資料公開
2006å¹´11月25æ—¥ã«é–‹å‚¬ã—ãŸã€ŒCSS Nite in Osakaã€ã®ç›Šå貴寛ã•ã‚“ã®ã€Žã‚¶ãƒ»ãƒ«ãƒ¼ãƒ«ã‚ºãƒ»ã‚ªãƒ–・スタイルシートã€ã«é–¢ã™ã‚‹è³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ 『ザ・ルールズ・オブ・スタイルシートã€PDFã€2.6MBã€76ページ 音声（MP3ã€72'12"ã€24.7MB） 管ç†ç”¨ | 日時:2007å¹´01月21æ—¥
パンããšãƒªã‚¹ãƒˆï¼ˆTopic Path）を作æˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ル8種｜CSS HappyLife
普通ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ä¹…々ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ 今回ã¯ãƒˆãƒ”ックパスã¨ã‹ãƒ‘ンããšãƒªã‚¹ãƒˆãªã‚“ã¦å‘¼ã°ã‚Œã¦ã‚‹ã€ã¡ã‚‡ã£ã¨è¦æ¨¡ã®å¤§ãã„サイトã§ã¯æ—¥å¸¸èŒ¶é£¯äº‹ã§è¦‹ã‹ã‘るアレã®ã‚µãƒ³ãƒ—ル色々ã§ã™ã€‚ サンプルã®å‰ã« #main .entryBody #topicPath_01 ã¨ã‹ã£ã¦ãªã£ã¦ã¾ã™ã‘ã©ã€#main .entryBody ã¯ã‚¦ãƒã®ã‚µã‚¤ãƒˆã®éƒ½åˆã§å„ªå…ˆé †ä½ä¸Šã’ã®ç‚ºã«ã‚„ã£ã¦ã‚‹ã‚“ã§ã€ã‚³ãƒ”ã£ãŸã‚Šã™ã‚‹å ´åˆã¯ã„らãªã„æ„Ÿã˜ã§ã™ã€‚ #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
YUI: CSS Grid Builder
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut d
スタイルシートを分ã‘ã¦ç®¡ç†ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã‚‹ - 2xup.org
comment 2006-10-17T21:15:00+09:00 ãŠå¥½ã¿ã®è¨€èªžãŒè‹±èªžã§ç„¡ã„å ´åˆã¯ã€æ—¥æœ¬èªžã§ã©ã†ãžã€‚ In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
Adobe - デベãƒãƒƒãƒ‘ーセンター : ãªãœ CSS を使用ã—ãŸæ–¹ãŒè‰¯ã„ã®ã§ã™ã‹ï¼Ÿ
Dreamweaver MX 2004 ã®ç™ºå£²ä»¥æ¥ã€ç§ã¯ãã®æ–°æ©Ÿèƒ½ã‚„実力をã€æ—¢å˜ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ–¹ã€…ã ã‘ã§ãªãã€æ–°ã—ã„ユーザーã®çš†ã•ã‚“ã«å¯¾ã—ã¦ã‚‚紹介ã™ã‚‹æ©Ÿä¼šãŒãŸãã•ã‚“ã‚ã‚Šã¾ã—ãŸã€‚ã»ã‹ã®è£½å“デモã®ã¨ãã‚‚ãã†ãªã®ã§ã™ãŒã€Dreamweaver MX 2004 ã®æ–°æ©Ÿèƒ½ãŒã€ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ （CSS） ã‚’å°Žå…¥ã™ã‚‹éš›ã«ã€ã„ã‹ã«ç´ 晴らã—ã„åƒãã‚’ã™ã‚‹ã‹ã‚’è¿°ã¹ã¤ã¤ã€Dreamweaver ã®ç´ 晴らã—ã•ã‚’ä¼ãˆã¦ã„ãã¾ã™ã€‚ ã¨ã“ã‚ãŒã€å…ˆæ—¥ã€ã‚ã‚‹åˆå¿ƒè€…ユーザーã‹ã‚‰è³ªå•ã‚’å—ã‘ã€ç§ã¯ãƒãƒƒã¨ã—ã¾ã—ãŸã€‚「ãªãœ CSS を使用ã—ãŸæ–¹ãŒè‰¯ã„ã®ã§ã™ã‹ï¼Ÿã€ã¨è³ªå•ã•ã‚ŒãŸã®ã§ã™ã€‚HTML ã‚„ CSS を毎日使ã£ã¦ã„る方々ã¯ã€ãã®ãƒ¡ãƒªãƒƒãƒˆã«ã¤ã„ã¦è‰¯ã知ã£ã¦ã„ã¾ã™ãŒã€ãれ以外ã®ã€ã¤ã¾ã‚Šä»Šã“れをèªã‚“ã§ã„る皆ã•ã‚“ã®ä¸ã«ã¯ CSS ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã‚‹ãƒ¡ãƒªãƒƒãƒˆã‚’ã”å˜çŸ¥ã§ãªã„æ–¹ãŒå±…られるã¨ã„ã†ã“ã¨ã«ã€ãã®ã¨ãæ°—ãŒã¤ãã¾ã—ãŸã€‚ã¾ãŸã€å˜
CSSã®å°æŠ€é›†ã€20個:phpspot開発日誌
CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSã®å°æŠ€é›†ã€20個。 ã©ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚ã€èª°ã‚‚ãŒä½¿ã†ã§ã‚ã‚ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ä¾¿åˆ©ãªã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ 角丸 ç”»åƒãªã—ã®è§’丸 投票用スターã®ä½œæˆ テーブルãªã—ã®ãƒ•ã‚©ãƒ¼ãƒ リストをＣＳＳã§ãƒ‡ã‚¶ã‚¤ãƒ³ 2カラムレイアウト 3ラムレイアウト 3カラム固定幅ã€ä¸å¤®å¯„ã› å°åˆ·ã¨ï¼£ï¼³ï¼³ RSSフィードã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’指定 固定フッター è¦ç´ ã«Hoverã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ HRã‚¿ã‚°ã¸ã®CSS Ｆｌï½ï½ï½”ã®Clearã«é–¢ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ CSSã§ãƒãƒƒãƒ—アップå°çª“ ボックスã®è¦‹å‡ºã—(Box Punch)を表ç¾Â CSSボタン オレンジã®RSSボタンをP
秋元@サイボウズラボ・プãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°: CSSã®åœ§ç¸®ã‚µãƒ¼ãƒ“ス比較記事
CSS Optimization: Make Your Sites Load Faster for Free ã¨ã„ã†ãƒ–ãƒã‚°ã®ã‚¨ãƒ³ãƒˆãƒªã§ã€CSS ã®åœ§ç¸®ã‚µãƒ¼ãƒ“スã®æ¯”較をã—ã¦ã„る。 空白や改行を除去ã—ãŸã‚Šã€ç„¡ãã¦ã‚‚åŒã˜çµæžœã«ãªã‚‹é‡è¤‡ã‚’çœã„ãŸã‚Šã™ã‚‹ã“ã¨ã§ CSS ã®ã‚µã‚¤ã‚ºã‚’コンパクトã«ã—ã¦ãれるサービスã¯ã€ã‚¦ã‚§ãƒ–ページã®è¡¨ç¤ºé€Ÿåº¦æ”¹å–„(ã‚„ã€å¸¯åŸŸå‰Šæ¸›ã‚„サーãƒã®åˆ©ç”¨åŠ¹çŽ‡å‘上)を目的ã¨ã—ãŸã‚‚ã®ã 。 ã“ã®è¨˜äº‹ã§ã¯ã€4ã¤ã®ãƒ–ラウザã‹ã‚‰ä½¿ãˆã‚‹ç„¡æ–™ã‚µãƒ¼ãƒ“スを使ã£ã¦ã€Digg ã‚„ Slashdot ã¨ã„ã£ãŸè‘—åãªã‚µã‚¤ãƒˆã® CSS を実際ã«åœ§ç¸®ã—ã€åœ§ç¸®çŽ‡ã‚’比ã¹ã¦ã„る。 比較ã•ã‚ŒãŸ4ã¤ã®ã‚µãƒ¼ãƒ“スã€ä»Šå›žã®æ¸¬å®šå¯¾è±¡ã§ã¯ã€Icey Compressorã€Clean CSSã€CSS Optimiserã€Flumpcakes ã¨ã„ã†é †ã§æˆç¸¾ãŒè‰¯ã‹ã£ãŸã¨ã„ã†ã“ã¨ã€‚ 圧縮率ã®é«˜ã•ã‚‚ãã†ã ãŒã€æ•´å½¢ãƒ»åœ§ç¸®ã‚’ã‹ã‘ãŸçµæžœã€å…ƒã®è¡¨ç¤ºã¨é•ã£ã¦
Veerle's blog
Check out this extended font bundle for only $29! In the image below I’m only showing a tiny fragment of what’s included in this incredible bundle. Time for a little update on what is going on with the Inspiration Stream. As you've probably guessed, gathering quality inspiration can be time consuming. When The Deck still was a partner of this site this wasn't an issue. With Jim Coudal's announceme
ブãƒã‚°ã®CSSデザイントップ20 - GIGAZINE
CSS Bloomã¨ã„ã†ãƒ–ãƒã‚°ãªã©ã®CSSデザインをã¿ã‚“ãªã§è©•ä¾¡ã™ã‚‹ã‚µã‚¤ãƒˆã«ã¦ã€é«˜è©•ä¾¡ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒƒãƒ—20ã§ã™ã€‚ 日本ã®ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ã‚»ãƒ—トã¨ã¡ã‚‡ã£ã¨é•ã†ã®ãŒå¤šãã€è¦‹ã¦ã„ã‚‹ã ã‘ã§ã‚‚é¢ç™½ã„ã§ã™ã€‚ブãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã®å±•ç¤ºä¼šã¨ã„ã£ãŸæ„Ÿã˜ã€‚ã¾ãŸã€ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ–ãƒã‚°ã«ã—よã†ã‹ãªï½žã¨æ€ã£ã¦ã„ã‚‹å ´åˆã«ã¯ã‹ãªã‚Šå‚考ã«ãªã‚Šã¾ã™ã€‚ Top 20 Blog Designs | Blog http://silentbits.com/?p=339 http://silentbits.com/?p=385 以下ã€ä¸Šè¨˜ã‚µã‚¤ãƒˆã§å‡ºã¦ããŸãƒˆãƒƒãƒ—20ã®ã‚µã‚¤ãƒˆç¬¬1弾。 Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Avalonstar. The Aries Project. By Bryan Veloso. Matt Brett Joshuaink
スタイルシートを書ã時ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ - 2xup.org
2006-07-11T19:56:28+09:00 会社ã§ã¯ã‚„ã£ã¦ã„ã‚‹ã®ã ã‘ã‚Œã©ã€è‡ªåˆ†ã®ã‚¦ã‚§ãƒ–サイトã§ã‚‚ã‚„ã£ã¦ã¿ã‚ˆã†ã€‚ã¨ç°¡ç•¥è¨˜è¿°ã‚’利用ã™ã‚‹å ´åˆã®å€¤ã®é †åºã‚„らもã¾ã¨ã‚ã¨ãå¿…è¦ãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©ã€ã‚»ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãƒ«ãƒ¼ãƒ«ã‚„プãƒãƒ‘ティã®é †ç•ªã ã‘をサクッã¨ã¾ã¨ã‚ã¦è³‡æ–™ã«ã—ã¦ã¿ã¾ã—ãŸã€‚課題ã¯æ®‹ã—ãŸã‚‚ã®ã®ã“ã‚Œã ã‘ã§ã‚‚相当ã™ã£ãり。詳細やセットフォーマットルールã«é–¢ã—ã¦ã¯ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ã—ã¦ã„る資料をå‚考ã«ã—ã¦ã„ãŸã ãã¨ã—ã¦ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ãƒ—ãƒãƒ‘ティã®é †åºã«ã¤ã„ã¦ã¾ã¨ã‚ã‚‹ã“ã¨ã«ã€‚自分自身ãŒå®Ÿéš›ã«ä½œæ¥ã‚’進ã‚ã¦ã„ãã“ã¨ã‚’考慮ã—ã€ãã®è€ƒãˆã«åŸºã¥ã„ã¦è¨å®šã—ãŸãƒ¢ãƒ‡ãƒ«åˆ¥ã®é †åºã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ ç”Ÿæˆ å†…å®¹, 自動番å·ä»˜ã‘åŠã³ãƒªã‚¹ãƒˆ (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
Yahoo! UI Library: Grids CSS
YUI Grids CSS The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include: Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily custom
CSS examples
Site not Updated!! This site hasn't been maintained or updated for a considerable number of years and is just left in place for historic reasons. Many of the techniques discussed here are not relevant these days and use out-dated techniques not applicable to today's web design structures. The demos may still be of interest as they show various techniques but most of these demos were created before
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
日本語ã§èªã‚ã‚‹ã‚‚ã®ã‚’ä¸å¿ƒã«ã€€- Webデザインã®ãƒªãƒ³ã‚¯é›† | lush life*
isnoop.net
http://www.designwalker.com/2007/01/blockquote.html
YUI CSS Resourcesã§ç„¡é§„ãªãCSSデザイン | Queue
Yahoo! UI Library
{{#tags}}- {{label}}
{{/tags}}