ç„¡æ–™ã§ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã‚½ãƒ•ãƒˆã„ã£ã±ã„ - DesignWalker
12 ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’切替å¯èƒ½ãªãƒ†ãƒ³ãƒ—レート
1ã¤ã®ãƒ†ãƒ³ãƒ—レート㧠12度ãŠã„ã—ã„ XHTML + CSS テンプレートを公開ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã¨ã„ã£ã¦ã‚‚ã€ã”ã普通ã®ãƒ†ãƒ³ãƒ—レート㫠CSS 切り替ãˆæ©Ÿèƒ½ã‚’付ã‘ãŸã ã‘ãªã‚“ã§ã™ãŒã€Blog ã‚„ Webサイトを作られる際ã®ãƒ™ãƒ¼ã‚¹ã¨ã—ã¦å½¹ç«‹ã¦ã¦é ‚ã‘ãŸã‚‰ã†ã‚Œã—ã„ã§ã™ã€‚ サンプルã¯ã“ã¡ã‚‰ã§ç¢ºèªã§ãã¾ã™ 全ファイルã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ （zip ファイル / 50KB） 8/10 追記 åˆæœŸã«é…布ã—ãŸãƒ†ãƒ³ãƒ—レート内ã«ã€çµæ§‹ãªé‡ã®èª¤å—ç‰ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€ç¾åœ¨ã®æœ€æ–°ç‰ˆã‚’下記ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„。 ã§ã¯ä½¿ã„æ–¹ãªã©ã®èª¬æ˜Žã‚’。 ファイルをダウンãƒãƒ¼ãƒ‰ã—ã¦è§£å‡ã™ã‚‹ã¨ä¸‹è¨˜ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ«ãƒ€æ§‹æˆã«ãªã£ã¦ã„ã¾ã™ã€‚ index.html （XHTML テンプレート） css （CSS ãƒ•ã‚¡ã‚¤ãƒ«æ ¼ç´ãƒ•ã‚©ãƒ«ãƒ€ï¼‰ img （画åƒãƒ•ã‚¡ã‚¤ãƒ«æ ¼ç´ãƒ•ã‚©ãƒ«ãƒ€ï¼‰ js （JavaScript ãƒ•ã‚¡ã‚¤ãƒ«æ ¼ç´ãƒ•ã‚©ãƒ«ãƒ€ï¼‰ 基本的ã«
CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæƒ…å ±ã‚’çž¬æ™‚ã«ç¢ºèªã§ãるブックマークレット「XRAYã€: DesignWorks Archive
ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by コピーブランド (11/11) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by ãƒãƒ¼ãƒãƒªãƒ¼ 財布 メンズ (08/17) ç„¡æ–™ã§ä½¿ãˆã‚‹2010年カレンダーã®ã¾ã¨ã‚ by 浅見　晴美 (11/29) 先日ã‹ã‚‰CSSã«ã¤ã„ã¦ã€ŒCSSã‚’æ•´ç†æ•´é “ï¼ä½¿ã‚ã‚Œã¦ã„ãªã„セレクタをãƒã‚§ãƒƒã‚¯ã§ãる「CSS Redundancy Checkerã€ã€ã‚„「使ã‚ãªããªã£ãŸCSSを見ã¤ã‘ã¦ãれるfirefox拡張「Dust-Me Selectorsã€ã€ã§ãŠä¼ãˆã—ã¦ãã¾ã—ãŸãŒã€ä»Šå›žã¯ä¸è¦ãªCSSセレクタを探ã™ã®ã§ã¯ãªãã€æ°—ã«ãªã‚‹
ウェブ製作ã«ä¾¿åˆ©ãªï¼™ã®Firefox拡張機能 | Google Mania - グーグルã®ä¾¿åˆ©ãªä½¿ã„æ–¹
ウェブ製作ã«ä¾¿åˆ©ãªï¼™ã®Firefox拡張機能 管ç†äºº @ 7月 5æ—¥ 08:51am Firefox Deziner Folioã®9 Essential Firefox Extensions for all Web Developersã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€ã‚¦ã‚§ãƒ–製作者å‘ã‘ã®Firefox拡張機能ãŒç´¹ä»‹ã•ã‚Œã¦ã„ãŸã®ã§ã€è‡ªåˆ†ã®ãŸã‚ã«ã‚‚ç°¡å˜ã«è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ 1. Firebug Firebugを使ãˆã°ã€ã‚らゆる Web ページ㮠CSSã€HTMLã€ãŠã‚ˆã³ JavaScript をリアルタイムã«ç·¨é›†ã€ãƒ‡ãƒãƒƒã‚°ã€ãƒ¢ãƒ‹ã‚¿ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ç™ºè¦‹ã—ãŸãƒã‚°ã‚’知らã›ã¦ãれるã®ã§ã€è‡ªåˆ†ã§ã‚¨ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’探ã™æ‰‹é–“ãŒçœã‘ã¾ã™ã€‚é™å®šã—ãŸã‚µã‚¤ãƒˆã®ã¿ã«firebugを動作ã•ã›ã‚‹ã‚ˆã†ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã€ãƒ—レビューã—ãŸã‚µã‚¤ãƒˆã«å¯¾ã—ã¦ã€on the flyã§ï¼£ï¼³ï¼³ã‚’編集ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 2. MeasureIt ウェ
CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’作æˆ:phpspot開発日誌
HOWTO: spruce up your search box with CSS and a background image d’bug Very few designers appreciate the aesthetic of a text input field, and styling form fields cross-browser on any Web site can be a tedious and frustrating experience. CSSã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’作æˆã€‚ 次ã®ã‚ˆã†ãªæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’作æˆã™ã‚‹ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç”»åƒã¯ï¼‘æžšã ã‘ã§ã€æ§‹æˆã¯çµæ§‹ã‚·ãƒ³ãƒ—ルãªã¤ãã‚Šã«ãªã£ã¦ã„るよã†ã§ã™ã€‚ デザインã«ã“ã ã‚ã‚‹ãªã‚‰ã€ã“ã†ã„ã£ãŸéƒ¨åˆ†ã‚‚ã¡ã‚ƒã‚“ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„ã§ã™ã。 具体サンプルã®ãƒšãƒ¼ã‚¸
アナãƒã‚°è…•æ™‚計ã§æ–¹è§’を知る方法 | P O P * P O P
ã“ã‚Œã¯æœ‰åãªæ–¹æ³•ã§ã™ãŒã€è¦šãˆã¦ã„ãªã„ã¨æ„味ãŒãªã„ã®ã§ã€è‡ªåˆ†ã®è¨˜æ†¶ã®å®šç€åŒ–を助ã‘ã‚‹ãŸã‚ã«æ›¸ã„ã¦ã¿ã¾ã™ã€‚ 腕時計ã§æ–¹è§’を知る方法ã§ã™ã€‚ 時計ã®12時ãŒå·¦å´ã«æ¥ã‚‹ã‚ˆã†ã«æ‰‹ã«æŒã¡ã¾ã™ã€‚ çŸé‡ã‚’太陽ã«å‘ã‘ã¾ã™ã€‚ 12時ã¨çŸé‡ãŒã•ã—ã¦ã„ã‚‹ã¡ã‚‡ã†ã©é–“ãŒå—ã§ã™ã€‚ ↑ 図ã ã¨ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚ ã“ã®æ–¹æ³•ãŒå¿…è¦ãªå ´é¢ã«å‡ºãã‚ã—ãŸãã¯ãªã„ã§ã™ãŒã€ã„ã–ã¨ã„ã†ã¨ãã«çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ã。Lifehackerã‹ã‚‰ã®æƒ…å ±ã§ã—ãŸã€‚ » Directions: Use your wristwatch as a compass – Lifehacker
男化ã™ã‚‹web世界 - Ｇ★ＲＤＩＡＳ
ウェブ進化論 本当ã®å¤§å¤‰åŒ–ã¯ã“ã‚Œã‹ã‚‰å§‹ã¾ã‚‹ (ã¡ãã¾æ–°æ›¸) 作者: 梅田望夫出版社/メーカー: ç‘摩書房発売日: 2006/02/07メディア: 新書購入: 61人 クリック: 996回ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (2353件) を見る kanjinaiã•ã‚“も紹介ã—ã¦ã„ãŸã€æ¢…田望夫「ウェブ進化論ã€ã‚’èªã‚“ã 。ã“ã‚Œã‹ã‚‰å…ˆã€ã‚‚ã£ã¨webã«ã‚ˆã£ã¦ç¤¾ä¼šå¤‰é©ãŒèµ·ãã¦ã„ãらã—ã„。ã¨ã€ã©ã†ã‚‚他人事ã§èªã‚“ã§ã—ã¾ã£ãŸã€‚ ç§ã¯ã“ã£ã¡ã®è¨˜äº‹ã®ã»ã†ãŒã€è‚Œèº«æ„Ÿè¦šã«ã¯ã‚ã£ã¦ã„る。 ã¹ã¤ã«ã€Œã¯ã¦ãªã€ã«é™ã‚‰ãšã€å€‹äººçš„ã«ã¯ã€Œãƒ–ãƒã‚°ã€ã¨ã„ã†ãƒ„ール（ãƒãƒƒãƒˆã®éŠã³å ´ï¼‰ã«æ‰‹è©°ã¾ã‚Šæ„Ÿã‚’æ„Ÿã˜ã¦ã„ã‚‹ã‚ã‘ã§ã™ã€‚自己表ç¾ã¨ã—ã¦ä½•ã‹ã‚’世ã®ä¸ã«å‡ºã—ãŸã„ã¨æ€ã£ã¦ã„る人間よりã€ä»²é–“ã¨æ¥½ã—ã特定ã®ã‚µãƒ¼ãƒ“スを使ã„ãŸã„ã¨æ€ã£ã¦ã„る人間ã®ã»ã†ãŒåœ§å€’çš„ã«å¤šã„ã‚ã‘ã§ã€ãã†ã„ã†äººã¯ã‚±ãƒ¼ã‚¿ã‚¤ãƒ»ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹mixi（18æ³ä»¥ä¸Šï¼‰ã«è¡Œã£ã¦ã„ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã—ょã†ã€‚
エラスティックレイアウトã£ã¦ä½•ï¼Ÿ
Elasticã¯ã€Œã—ãªã‚„ã‹ãªã€ã¨ã„ã†æ„味ã®è‹±èªžã§ã€Webデザイン用語ã§ã¯ã€Œå¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä¸€ç¨®ã€ã«å½“ãŸã‚‹ã€‚å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ãˆã°ãƒ–ラウザ幅ã«åˆã‚ã›ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®æœ€å¤§å¹…ãŒå¤‰åŒ–ã™ã‚‹ã€Œãƒªã‚ッドレイアウトã€ã‚’æ€ã„出ã™ãŒã€ã©ã“ãŒé•ã†ã®ã ã‚ã†ã€‚エラスティックã®å ´åˆã€è¡¨ç¤ºå¹…ã¯ãƒªã‚ッドレイアウトã®ï¼…ã§ãªãem(s)ã§æŒ‡å®šã™ã‚‹ã€‚em(s)ã¯1æ–‡å—分ã®å¹…ã‚’å˜ä½ã¨ã™ã‚‹ã‚µã‚¤ã‚ºã®æŒ‡å®šæ–¹æ³•ãªã®ã§ã€30emã¨ã—ãŸå ´åˆã¯30æ–‡å—分ã®é•·ã•ç›¸å½“ã¨ç†è§£ã§ãる。ã“ã®æŒ‡å®šæ–¹æ³•ã§æƒ…å ±ãƒœãƒƒã‚¯ã‚¹ã®å¹…を決ã‚ã‚‹ã¨ã©ã†ãªã‚‹ã‹ã€‚例ãˆã°è¨˜äº‹æœ¬æ–‡ã‚’表示ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã‚’20emã«æŒ‡å®šã™ã‚‹ã¨ã€20æ–‡å—分相当ã®å¤§ãã•ãŒé©ç”¨ã•ã‚Œã‚‹ã€‚ã“ã®çŠ¶æ…‹ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ–‡å—サイズを「ä¸ã€ã‹ã‚‰ã€Œæœ€å¤§ã€ã«å¤‰æ›´ã—ãŸã¨ã™ã‚‹ã€‚æƒ…å ±ãƒœãƒƒã‚¯ã‚¹ã®å¹…ã¯æ–‡å—サイズã®å¤‰åŒ–ã«å¾“ã£ã¦ã€æœ€å¤§ã‚µã‚¤ã‚ºã®æ–‡å—ã§20æ–‡å—分ã®å¹…ã«æœ€é©åŒ–ã•ã‚Œã‚‹ã€‚ã¤ã¾ã‚Šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå…¨ä½“ãŒæ–‡å—サイズã®å¤‰æ›´ã«ä¼´ã„拡大ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚幅サイ
2カラムサンプル13種
2カラムã®ã‚µãƒ³ãƒ—ルを色々作ã£ã¦ã¿ã¾ã—ãŸã€‚ 事ã®ç™ºç«¯ã¯ã€Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!を見ã¦ã¦ã§ã™ãŒã€ã“ã†ã„ã†ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚µãƒ³ãƒ—ルサイトã¯è‰²ã€…ã‚ã£ã¦ã€P O P * P O Pã•ã‚“ã§ã‚‚紹介ã•ã‚Œã¦ã„ã¾ã™ã。 IE7もサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹CSSレイアウトãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—放題ã®ã€ŽCSS Layouts〠| P O P * P O P http://www.popxpop.com/archives/2007/04/ie7csscss_layouts.html ã§ã€ã¾ã日本語ã®ã‚µã‚¤ãƒˆãŒã‚ã‚“ã¾ã‚Šç„¡ã„ã£ã¦ã„ã†ã®ã¨ã€ã©ãƒ¼ã«ã‚‚ã“ーã«ã‚‚使ã„å‹æ‰‹ãŒæ‚ªã„æ°—ãŒã—ã¦ãªã‚‰ãªã„ã®ã§ã€è‡ªåˆ†ãŒä½¿ã„ã‚„ã™ã„ã ã‚ã†2カラムã®ã‚µãƒ³ãƒ—ルを作ã£ãŸã¨ã„ã†è¨³ã§ã™ã€‚ ç´°ã‹ã作ã£ã¦ã„ã‘ã°é™ã‚Šãªã出æ¥
IEã¨FFã§åŒæ™‚ã«CSSを確èªã—ãªãŒã‚‰ç·¨é›†ã§ãるフリーソフト『CSSVistaã€
ç•°ãªã‚‹ãƒ–ラウザã®ãƒ–ラウザãƒã‚§ãƒƒã‚¯ã‚’ã‚‚ã£ã¨ç°¡å˜ã«ã—ãŸã„。 ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽCSSVistaã€ã€‚IEã¨FFã§åŒæ™‚ã«CSSを確èªã—ãªãŒã‚‰ç·¨é›†ã§ãるフリーソフトã 。 What is it? CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaã¨ã¯ï¼Ÿ CSSVistaã¯web制作者ã®ãŸã‚ã®Windowsアプリケーション。ライブã«IEã¨FFã®CSSã‚’åŒæ™‚ã«ç·¨é›†ã§ãる。 ã¨ã®ã“ã¨ã 。 IEã¨FFã¨ã„ã£ã¦ã‚‚ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚‚対応ã—ã¦ã„る。IE4ã‹ã‚‰6,NN4ã‹ã‚‰8ãªã©ã€æ§˜ã€…ãªãƒ–ラウザã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¯¾å¿œã—ã¦ã„る。 ライブã«ã€ã—ã‹ã‚‚ç•°
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CSS Juice - Design, Tutorial, Showcase and more » 25 Rounded Corners Techniques with CSS
CSSã§ãƒ•ãƒƒã‚¿ä½ç½®ã‚’レイアウトã™ã‚‹ （CSS Sticky Footer） - youmos
{{#tags}}- {{label}}
{{/tags}}