Eric's Archived Thoughts: Resetting Again
I’ve been pondering reset styles over the past few months, and come to a bit of a shift in my thinking. Here’s the result of that thinking. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul
CBCNET - 土日 Flash ã®ã‚¹ã‚¹ãƒ¡(3)：ブãƒã‚°ã§ç´¹ä»‹ã—ãŸããªã‚‹ã‚µã‚¤ãƒˆã¨ã¯ï¼Ÿ
trick7 ã®å¯ºäº•å‘¨å¹³ã«ã‚ˆã‚‹ã‚³ãƒ©ãƒ 。2008å¹´ãŒå§‹ã¾ã‚Šã¾ã—ãŸã€ã¨ã„ã†ã“ã¨ã§æ˜¨å¹´æ„Ÿå‹•ã—ãŸFlashサイトを紹介ã€ç·æ‹¬ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 僕㯠Flash 関連ã®å€‹äººãƒ–ãƒã‚°ã‚’ã‚„ã£ã¦ãŠã‚Šã¾ã™ã®ã§ã€2007年「ブãƒã‚°ã§ç´¹ä»‹ã—ãŸããªã£ãŸ Flash サイトã€ã‚’ピックアップ。ã©ã†ã„ã†è¦ç´ ãŒã‚ã‚Œã°ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ãŸããªã‚‹ã®ã‹ï¼Ÿè¿‘å¹´ã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼é–“ã®å£ã‚³ãƒŸã§ä¼æ’ã—ã¦ã„ã「ãƒã‚¤ãƒ©ãƒ«ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã€ãŒé‡è¦è¦–ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€è‡ªåˆ†ãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä¼ç”»ã™ã‚‹æ™‚ã®å‚考ã«ãªã‚‹ã‚ˆã†ã«ã¾ã¨ã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ サイトã¸ã®ãƒªãƒ³ã‚¯ã¨å€‹äººãƒ–ãƒã‚°ã§ã®ç´¹ä»‹è¨˜äº‹ã‚’リンクã—ã¦ãŠãã¾ã™ã€‚ãã‚Œã§ã¯ã©ã†ãžã€‚ 説明ã—ãŸããªã‚‹ 一番最åˆã«èª¬æ˜Žãªã—ã§åˆºæ¿€çš„ãªå‹•ç”»ã‚’公開ã—ã¦ãŠã„ã¦ä¸–間を騒ãŒã›ã€ãƒ–ãƒã‚¬ãƒ¼ã«ç‹¬è‡ªã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’展開ã•ã›ã‚‹ã¨ã„ã†æ‰‹æ³•ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã—ãŸã。ãれ以外ã«ã‚‚下ã«æŒ™ã’ãŸã‚ˆã†ã«ã€ã€Œæµ·å¤–サイトã ã‹ã‚‰ã€ã€Œæ“作ãŒé›£ã—ã„ã‹ã‚‰ã€ã¨ã„ã†ç†ç”±ã§èª¬æ˜Ž
webç´ æãªã‚‰ãƒ—ãƒãƒ¦ãƒ¼ã‚¹ãƒ»ãŠæ‰‹é ƒä¾¡æ ¼ã®webfoto[ウェブフォト]
This page is used to test the proper operation of the HTTP server after it has been installed. If you can read this page it means that the HTTP server installed at this site is working properly. The fact that you are seeing this page indicates that the website you just visited is either experiencing problems or is undergoing routine maintenance. If you would like to let the administrators of this
Taylor McKnight - //gtmcknight
About Stealing These Buttons It all began on October 22, 2002 when Jeremy Hedley posted the the original offering of buttons. I, as many others, were infatuated with these for quite some time and begun collecting as many as I could. Eventually my website became the depository for all things STB. The administration backend, which allows me to stay sane while keeping a database of 3700+ buttons, was
vertical-alignã®ä½¿ã„æ–¹ã€css tips】[to-R]
vertical-alignã®ä½¿ã„æ–¹ã€css tips】 vertical-alignã¯æ£ã—ãç†è§£ã—ã¦ã„ãªã„ã¨ä½¿ã„ã«ãã„プãƒãƒ‘ティã§ã‚る。 特ã«tableレイアウトã‹ã‚‰cssレイアウトã«ç§»è¡Œã™ã‚‹éš›ã«æ··ä¹±ãŒç™ºç”Ÿã—ãŒã¡ã 。 テーブルレイアウトã§ã‚ˆã使ã†ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒã‚る。 <table width="200" height="200" bgcolor="#39FF6B"> <tr> <td valign="middle" align="center">ä¸å¤®ã«è¡¨ç¤ºã—ãŸã„æ–‡å—</td> <tr> </table> サンプル ã“ã®ã‚³ãƒ¼ãƒ‰ã‚’cssレイアウトã«å¤‰æ›´ã™ã‚‹éš›ã« HTMLã‚’ <div> <p>ä¸å¤®ã«è¡¨ç¤ºã—ãŸã„æ–‡å—</p> </div> CSSã‚’ div{ width:200px; height:200px; background:#39FF6B; text-align:center; v
![vertical-alignã®ä½¿ã„æ–¹ã€css tips】[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
CSSã§åž‚ç›´ä¸å¤®ã‚’実装ã™ã‚‹ã€css tips】
CSSã§åž‚ç›´ä¸å¤®ã‚’実装ã™ã‚‹ã€css tips】 vertical-alignã®ä½¿ã„æ–¹ã®ç¶šãã§ã™ã€‚ vertical-align:middleã§ã®åž‚直表示ã¯èª¬æ˜Žã—ã¾ã—ãŸãŒã€ã‚ã®æ–¹æ³•ã§ã™ã¨2行以上ã®å ´åˆã¯åˆ©ç”¨ã§ããªã„ã§ã™ã€‚ 2行以上ã®å ´åˆã«åž‚ç›´ä¸å¤®è¡¨ç¤ºã‚’ã™ã‚‹ã«ã¯positionプãƒãƒ‘ティを利用ã—ã¾ã™ã€‚ (X)HTMLソース <div> <p>ä¸å¤®ã«è¡¨ç¤º<br />ã—ãŸã„æ–‡å—</p> </div> CSSソース div{ width:200px; height:200px; background:#39FF6B; position:relative; } p{ position:absolute; top:50%; left:50%; margin-left:-2.5em; margin-top:-1em; } サンプル positionを使ã„pè¦ç´ ã®é–‹å§‹ä½ç½®ã‚’ä¸å¤®ã«è¨å®šã—ã¾ã™ã€‚ ãã®å¾Œã«mar
Pure CSS menus
Navigation Skip navigation. Site search Site navigation How To Create home Tutorial links CSS tutorial This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script) This works in Mozilla 1+, Netscape 7+, Opera 7+,
å°ç²‹ç©ºé–“: Movable Type プラグイン一覧（MT4対応）
Movable Type 4 対応ã®ãƒ—ラグインã®ä¸€è¦§ã§ã™ã€‚国内サイトã§é…布ã•ã‚Œã¦ã„るプラグインã§MT4専用ã€ã‚ã‚‹ã„ã¯MT3.xã‹ã‚‰ã®ã‚¢ãƒƒãƒ—グレードã¾ãŸã¯MT4ã§ã®å‹•ä½œç¢ºèªç‰ãŒé…布先ã§æ˜Žç¤ºã•ã‚ŒãŸã‚‚ã®ã‚’掲載ã—ã¦ã„ã¾ã™ã€‚ 2010.05.01 本エントリーã®æ›´æ–°ã¯çµ‚了ã—ã€ã€ŒMovable Type プラグイン一覧（MT5対応）ã€ã«ç§»è¡Œã—ã¾ã—ãŸã€‚ 先日ã¾ã§ã€ŒMovable Type プラグイン一覧ã€ã«MT4ç‰ˆã‚’ä¸€éƒ¨è¿½åŠ ã—ã¦ã„ãŸã®ã§ã™ãŒã€å¯¾å¿œãƒ»éžå¯¾å¿œãŒæ˜Žç¢ºã«åŒºåˆ¥ã§ããªã„ã“ã¨ã‚„ã€ãã‚Œã«ã‚ˆã‚ŠMT4対応ã®ãƒ—ラグイン検索ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã“ã¨ã‹ã‚‰ã€æ–°ãŸã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’分ã‘ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 本エントリーã«æŽ²è¼‰ã•ã‚Œã¦ã„ãªã„プラグインã§ã‚‚ã€MT4ã§å‹•ä½œå¯èƒ½ãªã‚‚ã®ã¯å¤šãå˜åœ¨ã—ã¾ã™ã®ã§ã€ã€ŒMovable Type プラグイン一覧ã€ç‰ã‹ã‚‰é…布サイトã¸é€²ã¿ã€å‹•ä½œçŠ¶æ³ã‚’確èªã™ã‚‹ã‹ã€ã‚ã‚‹ã„ã¯å®Ÿéš›ã«ãŠè©¦ã—ãã ã•ã„。 注æ„äº‹é … プラ
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ç”»åƒã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ
CRIR: Checkbox & Radio Input Replacement This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden in
æ»ã¬ã¾ã§ã«è¦‹ã¦ãŠãã¹ãCSSデザインサイト集ã¾ã¨ã‚ - GIGAZINE
ã¨ã„ã†ã“ã¨ã§ã€ä»Šã¾ã§æ•°é™ã‚Šãªããƒãƒƒãƒˆã®ã‚ã¡ã“ã¡ã§ç´¹ä»‹ã•ã‚Œã¦ããŸCSSデザイン関連ã®ã‚µã‚¤ãƒˆãŒãƒªã‚¹ãƒˆåŒ–ã•ã‚Œã¦ã¾ã¨ã‚られãŸã‚ˆã†ã§ã™ã€‚ã“ã‚Œã ã‘ã‚ã‚Œã°å½“分ã¯ãƒ–ãƒã‚°ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¿ã«å›°ã‚‹ã“ã¨ã¯ãªã•ãã†ã€‚インスピレーションを得るã®ã«ä½¿ã†ã‚‚よã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考ã«ã™ã‚‹ã®ã‚‚よã—ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ リストã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and
Flashã§æœ¬ã‚’ペラペラã‚ãã‚‹æ„Ÿã˜ã®UIを実装ã™ã‚‹ã€ŒDynamic Page Flip v2ã€:phpspot開発日誌
Dynamic Page Flip v2 from shift control Based on the popularity of my original adaption of Macc’s page flipping engine, I’ve gone back and made several major improvements to the dynamic page flip files: Flashã§æœ¬ã‚’ペラペラã‚ãã‚‹æ„Ÿã˜ã®UIを実装ã™ã‚‹ã€ŒDynamic Page Flip v2ã€ã€‚ Webページã ã‘ã©ã€æœ¬ã‚’見るã¿ãŸã„ãªï¼µï¼©ã«ã—ãŸã„ã£ã¦ã„ã†éœ€è¦ã¯ãªã‹ãªã‹ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ãã‚“ãªï¼µï¼©ã‚’実装ã™ã‚‹ãŸã‚ã®FlashサンプルãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 次ã®ç”»åƒã®ã‚ˆã†ã«ã€ãƒžã‚¦ã‚¹ã§ãƒšãƒ¼ã‚¸ã®å³ç«¯ã‚’ドラッグ＆ドãƒãƒƒãƒ—ã§ãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚Œã¾ã™ã€‚ 本ã®ä¸èº«ã¯è‡ªç”±ã«æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã®
mootoolsベースã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å†…別窓作æˆãƒ©ã‚¤ãƒ–ラリ「Smoothboxã€:phpspot開発日誌
Smoothbox : Thickbox for mootools Smoothbox is the mootools conversion of Thickbox, a script running on jquery. mootoolsベースã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å†…別窓作æˆãƒ©ã‚¤ãƒ–ラリ「Smoothboxã€ã€‚ 以å‰ã€ã€ŒThickBoxã€ã¨ã„ã†ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å†…別窓作æˆãƒ©ã‚¤ãƒ–ラリを紹介ã—ã¾ã—ãŸãŒã€mootoolsベースã®SmoothBoxã¨ã„ã†ã‚‚ã®ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ ç”»åƒã ã‘ã§ãªãã€IFRAMEã«ã‚ˆã£ã¦HTMLã‚‚é–‹ã‘ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ mootoolsã¯ã‚µã‚¤ã‚ºãŒè»½é‡ã¨ã„ã†ç‰¹å¾´ãŒã‚ã£ã¦ã€ãã®ãƒ©ã‚¤ãƒ–ラリベースã¨ã„ã†ç‚¹ãŒãƒ¡ãƒªãƒƒãƒˆã§ã—ょã†ã‹ã€‚ ãªã‹ãªã‹ã‚¹ãƒ ーズã«å‹•ã„ã¦ãã‚Œã¾ã™ã€‚
サイトã«ä½¿ãˆã‚‹CSSベースã®ã‚¯ãƒ¼ãƒ«ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒŠãƒ“ゲーション8個:phpspot開発日誌
8 web menus you just can't miss There's no point to discuss the importance of a web menu, how it's done and how it looks. Many people may remember a website for it's great looking menu. サイトã«ä½¿ãˆã‚‹CSSベースã®ã‚¯ãƒ¼ãƒ«ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒŠãƒ“ゲーション8個ãŒç´¹ä»‹ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ サイトã®ãƒŠãƒ“ゲーションデザインã¯ã‚·ãƒ³ãƒ—ルã ã‘ã©ä½¿ã„å‹æ‰‹ã®ã‚ˆã„ã‚‚ã®ã«ã—ãŸã„ã§ã™ã。 ãã“ã§ã€ã‚µãƒ³ãƒ—ル集ãŒã‚ã‚Œã°ã‚µã‚¤ãƒˆã«ã‚ã£ãŸãƒŠãƒ“ゲーションを考ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ãã†ã§ã™ã€‚ CSSベースã®è‰²ã‚“ãªã‚¿ã‚¤ãƒ—ã®ãƒŠãƒ“ゲーションãŒã‚ã‚‹ã®ã§ã‚µã‚¤ãƒˆä½œã‚Šã«å½¹ç«‹ã¡ãã†ã§ã™ã。 関連エントリ Webデザイナー/開発者ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„２５ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
è¡Œãè©°ã¾ã£ãŸã¨ãã«å½¹ç«‹ã¤ã‚¦ã‚§ãƒ–デザイン8ã¤ã®ãƒŽã‚¦ãƒã‚¦ | Web担当者Forum
ウェブデザイン作æ¥ã«ã¯ã€ã³ã£ãã‚Šã™ã‚‹ãらã„イライラã™ã‚‹ã“ã¨ãŒã‚る。 何をã©ã“ã«è¡¨ç¤ºã™ã‚‹ã‹ç„¡é™ã®å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã ã‹ã‚‰ã€çœŸã£å½“ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã„ã¨ã‚‚ç°¡å˜ã«ã§ãã‚ãŒã‚‹ã¨æ€ã†ã˜ã‚ƒãªã„ã‹ã€‚ã§ã‚‚ã€æ£å¸¸ã«è¡¨ç¤ºã§ããªã„デザインã«ä½•æ™‚間も手を焼ã„ãŸã‚Šã€ä»Šã©ãæµè¡Œã‚‰ãªã„ピクセル調整をã™ã‚‹ã¯ã‚ã«ãªã£ãŸã‚Šã¨ã‹ã€èª°ã§ã‚‚何らã‹ã®å½¢ã§è¡Œãè©°ã¾ã£ãŸçµŒé¨“ãŒã‚る。 ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹8ã¤ã®ãƒŽã‚¦ãƒã‚¦ã¯ã€ãã†ã—ãŸåŽ„介ãªçŠ¶æ³ã‹ã‚‰æŠœã‘出ã™ãŸã‚ã«ã€ç§ãŒå–る作戦ã 。 å…ˆã«ä¸èº«ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ ã“ã‚Œã¯ã€ä»Šã¾ã§ã«èžã„ãŸã‚¦ã‚§ãƒ–デザインã«é–¢ã™ã‚‹ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã®ä¸ã§ã‚‚ã€æœ€è‰¯ã®éƒ¨é¡žã«å…¥ã‚‹ã‚‚ã®ã （Cameronæ°ã«æ„Ÿè¬ã‚’）。 多ãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã€ã¾ãšãƒ˜ãƒƒãƒ€ãƒ¼ã«åŠ›ã‚’注ã。ã§ã‚‚ãŸã„ã¦ã„ã®å ´åˆã€è¦‹æ˜ ãˆã®ã™ã‚‹ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã‹å¦ã‹ã¯ã€ãƒšãƒ¼ã‚¸ã®ä¸èº«ã§æ±ºã¾ã‚‹ã€‚ヘッダーã¯ä»˜ã‘足ã—ã 。ã¨ã‚Šã‚ãˆãšãƒ˜ãƒƒãƒ€ãƒ¼ã®ã“ã¨ã¯å¿˜ã‚Œã¦ã€ä¸èº«ã®è¦ç´ ã«å–り組んã§ã¿ã‚ˆã†ã€‚ã™ã‚‹ã¨ã€ã—ã£ã‹ã‚Šã—ãŸä¸èº«ãŒã‚ã‚Œã°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Photoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€€ãƒ¢ãƒŽã‚¯ãƒå†™çœŸã®ä¸€éƒ¨ã‚’カラーã«ã™ã‚‹ - DesignWalker
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
{{#tags}}- {{label}}
{{/tags}}