By Stu Nicholls. Introduction Fed up with 'Flash'? Getting annoyed with animated gifs? Well, why not try an alternative - CSS Flick Animation. This is a method of animation that requires some interaction with your visitors, making a visit to your web site a more enjoyable experience for them, and maybe tempting them to come back for more. The animations normally appear as static images on
CSS - Cutting edge Cascading Style Sheets. Experiments in CSSProfessional drop-down #12 png transparency and IE6 select box fix 8th September 2008 This menu and hundreds more can be found at www.cssplay.co.uk. 3D menu series Home Contacts Support Sales USA Canadian South American European British London Liverpool Glasgow Bristol Redland Hanham Eastville Cardiff Belfast French
/* background-color */ body, div.navigation { background-color : #fff } div.contents { background-color : #e0e0e0 } /* color */ body, div.navigation { color : #000 } div.contents { color : #333 } /* font-size */ div.contents { font-size : 100% } div.navigation { font-size : 80% } /* margin */ div.navigation p { margin : 1em 10% } /* padding */ div.navigation p { padding : 1ex } /* background-color
This is not a complete resource, this is a fast resource. These are the sites that I refer to first, and that I tell people to read. When you want more, just about all of them have their own links to good sites. Basics NYPL Style Guide. Start here to get your head on straight about XHTML and CSS. Better Living Through XHTML. Unauthorized companion to the above. XHTML, not CSS, but you want to use
構造ソース(ctrl+enterで適用,shift+enterでポップアップ) 印刷用表示(新規ウィンドウで開く) 0){ level++; domdump(el,ary,level); level--; } } return ary; } //掛け算 String.prototype.x = function(times){ var buf = ""; for(var i=0;i<times;i++){buf+=this} return buf; }; </script> </html>
ポップアップウィンドウ用のスクリプト 別ウィンドウでリンク先ページを開くときよく書くJavaScriptは以下のようなものです。 <a href="page.html" onclick="window.open(this.href)">リンク</a> でもこれだとメンテナンス性があまりよくありません。 そこでCSSを利用したページデザインのメンテナンスのような方法でこうしたリンク先を指定する方法です。ページのロードの終了時にJavaScriptでDOMを操作します。 まず、適当にpage1.htmlといったファイルを作っておいて、以下のHTMLを試して見てください。 <HTML><HEAD><TITLE>TEST</TITLE> <script language="JavaScript" type="text/JavaScript"> <!-- function doPopup() { i
JavaScript を使わずに、CSS を使ってサムネール画像の拡大画像をマウスオーバーで表示せる方法「CSS ~ Image Pop UP」を参考に、拡大画像をその場で表示させるサンプルを作ってみた。 popup.html 最初に拡大画像を高さ 1px 幅 1px に指定しておき、hover で正寸を指定させることによって実現させている。ちなみに、hover の指定に背景色を指定しないと IE でうまく動作しない。 .photo a.popup:hover { background-color: #fff; } 何となく微妙な感じだけど、サムネールをいっぱい並べて画面遷移なしで拡大画像をみせたい場合に使えるかも。 あの頃のように… - CSS で画像ポップアップさせる (2005年6月10日 19:02) CSS で画像ポップアップ私の中ではかなりの革命です。なぜ今までこれに気が付かな
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. A
Window desktop gadgets Window desktop gadgets are simple applications which help us to access information that we personally find relevant and to do simple tasks. For example if you are interested in the weather report then the weather gadget will provide you with the real time information about the weather conditions and you can check out all this information at a glance. Defending in Style Nothi
【はてなブックマーク】面白いデザインカスタマイズをしているはてなブックマークユーザーさんをご紹介下さい。 この質問は、6月12日(日)21:00ごろ締め切り予定です。 URLは http://b.hatena.ne.jp/ユーザーID/ でご回答下さい。 自薦他薦問いません。 参考) はてなブックマークデザインガイド http://b.hatena.ne.jp/help?mode=design はてなブックマークの構造 http://d.hatena.ne.jp/kamioka/20050609/1118324980 とほほのスタイルシート入門 http://www.tohoho-web.com/css/index.htm 困った時のカラーイメージ_WEBデザイナーのすすめ http://www.wd-susume.com/color/index.html
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く