Javascript / CSS Crossfader : CSS . XHTML . Javascript . DOM : Brand Spanking New
In response to this article at ajaxian.com, and just for the sheer fun of it, here's a small-footprint object-encapsulated unobtrusive javascript crossfader. Download Crossfader v1.3 At 1.7Kb it's one hundredth of the size of the scriptaculous library used in the other example. (Woohoo.) The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in m
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
【jQuery】画像・テキストが切り替わるアニメーション
Wir erschaffen digitale Relevanz. Wir sind die Medienfreunde, eine smarte inhabergeführte Design- und Digitalagentur im Süden von Leipzig. Seit 2004 konzipieren, gestalten und entwickeln wir nutzerzentrierte Websites sowie webbasierte Anwendungen für das digitale Heute und Morgen – optimiert für Suchmaschinen, Performance und einen geringen CO₂-Fußabdruck. So entstehen zeitgemäße, bedarfsgerechte
JavaScriptとCSSで作る超シンプルなタブ切り替えメニュー · DQNEO日記
iGoogleで使われているアレです。 前回の記事より、さらにわかりやすく書いてみます。 初心者にとっては今回の方がわかりやすいかと思います。 実行サンプルはこちら (別ウィンドウで開きます) ソースコード <html> <head> <title>超シンプルなタブメニュー</title> <script> function show1(){ content1.style.display="block"; content2.style.display="none"; content3.style.display="none"; } function show2(){ content1.style.display="none"; content2.style.display="block"; content3.style.display="none"; } function show3(){
CSSでルビを表示する - mukaken's blog
銑鉄網(暫定公開版)さんのページにて配布されているファイルです。 凄くきれいに表示できるルビのCSSを発見しました。いままでｈFxやSafariなどではきれいに表示できなかったのですが、これだときれいに表示できます。 元ファイル http://roheisen.net/dl/sim2ruby.css （銑鉄網(暫定公開版)さんのページにて配布されているファイルです。） 以下、一部抜粋したものです。 @charset "UTF-8"; /* 主にWii用の指定 */ @media tv { /* ルビの縦ずれを補正 rbやrtのfont-size、line-heightによらず0.5em */ html body ruby { padding-bottom: 0.5em; } } /* ruby（ルビ文字組み全体のインライン領域） ------------------------------
RedLine Magazine : スタイルシートの切替
スタイルシートの切替 文字サイズ可変がユーザー側で自由にできるように、文字サイズは制作者が固定すべきではない。 ブラウザの設定で文字サイズを自由に可変できるのは大変有効的だと思うのだが、実際その機能に気づいているユーザーばかりではない。 最近サイトの中に「文字を大きくする」「文字を小さくする」等のボタンを配置し、Javascriptを利用してcssを切替て文字サイズの可変を可能にしているサイトも多いように感じる。 cssを差し替えるということだが、テキスト関連のcss指定だけ別ファイルにしておくのも１つの手だし、テキスト部分だけ文字サイズを変えて単一のcssファイルで管理する方法でも構わない。管理のしやすさを考えれば前者がおすめめである。 もちろんスタイルシートを切り替えるJavascriptなので、デザインごとごっそり変更する事も可能。使い方はお好みで。 問題のcssを切り替えるJava
XUL Apps > Tips > ホイールスクロールで普通のボックスの内容をスクロールする - outsider reflex
はじめに 以前、こんな情報誰も必要としてないだろうなあと思って日記にポインタだけ書いたのですが、ニーズがあるようなので例も含めてまとめておきます。 scrollbox などの元からスクロールさせるために作られた要素ではないただの box やなんかでも、 CSS の overflow プロパティを使えば中身をスクロールできるようになります。しかし、この方法でスクロールできるようにした場合でも、マウスのホイールスクロールでは内容をスクロールできません（Webページ上でCSSを使って「疑似フレーム」にしている場合に起こる問題もこれと同じ）。以下は、この問題を自力で解決してしまおうという話です。 追記。この問題は2004/8/7付けで修正されました。以下の情報は今となってはまるっきり無駄骨ですので、暇つぶしに読む程度でヨロシク。 実装 ホイールスクロールで要素の内容をスクロールするには、要素の上で
階層ナビゲーション実装ライブラリ集:phpspot開発日誌
Multilevel Drop Down Navigation Menus: Examples and Tutorials Navigation menus are the most important element one should pay attention when designing a website. 階層ナビゲーション実装ライブラリ集をまとめたエントリが公開されていたので気になったものをいくつか紹介。 JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみのＵＩがいっぱいです。 Drop Down Tabs (5 styles) Professional Dropdown FastFind Menu- Mootools Unlimited Drop Menu Creating an Outlook Navigation Bar 全部見る デザイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
insomnia Web Workshop
http://blog.webneta.net/archives/2007/04/10/
http://www.designwalker.com/2009/01/table.html