jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
font-size指定 2007-03-10 0 0 XHTML/CSS CSS, font-size 数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは,ブラウザとその設定によってまちまちです。でも,せめてデフォルトの状態では意図したレイアウト,フォントサイズで見てもらいたい,という願いもないわけではありません。font-sizeの指定をどうするか,ちょっと考えてみました。 font-sizeは%で font-sizeをpx,pt,inなどで絶対指定すると,Win IEで文字サイズの変更が出来なくなるのをご存じの方も多いでしょう。文字サイズを固定してしまうのはアクセシビリティ上少々問題があります。font-sizeはem,ex,%で相対指定(基準になるものとの比率で指定)するのがよいとされています。 Win
このスライドは誰でもアクセスできます スライドのURL http://www.cybergarden.net/cssnite07/ スライドシステム (モダンブラウザ向け) W3C® HTML Slidy (XHTML+CSS+JavaScript) 自己紹介 (1) 益子 貴寛 (Takahiro Mashiko) サイバーガーデン代表。Webプロデューサー。 大学院在学中の1999年5月に「CYBER@GARDEN」を立ち上げる。一般企業に勤務後、2003年5月に独立。 自己紹介 (2) 著書 『Web標準の教科書─XHTMLとCSSで作る“正しい”Webサイト』 『伝わるWeb文章デザイン100の鉄則』 『XHTML+CSSスタートアップガイド (仮)』 が毎日コミュニケーションズから7月出版予定 (現在、執筆中) 矢野りんさんとの共著がMdNから出版予定 (現在、執筆中)
2.繰り返しの最初と最後を判断する ブロックタグでは繰り返しが行われることが多いですが、その最初(または最後)だけ何か特別な処理をしたいことは、比較的よくあります。 テンプレートタグには、「MTXXXHeader」や「MTXXXFooter」など、繰り返しの先頭と最後を判断する条件タグがありますが、それと同じようなことを__first__と__last__の変数で行うことができます。 Movable Type 4では、変数の値が真(0や空文字列以外)かどうかを判断するタグとして、「MTIf」というタグが追加されています。 このタグを使うことで、以下のような書き方をすることができます。 <MTEntries等のブロックタグ> <MTIf name="__first__"> 繰り返しの1回目のときのみ出力する内容 </MTIf> <MTIf name="__last__"> 繰り返しの最後のと
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites(CSSスプライト)」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは? 通常、ウェブページを制作する場合、デザインファイル(psdやpngなどの画像)をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、1度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
firefox3.0になって、 サイトの背景がブレた感じになってるなぁと思い、検証してみたところ、 背景センタリングが、0.5px単位まで合わせてくるようになってました。 背景を敷くボックスが、 仮に横100pxの場合、 その横100px以上で、奇数幅の背景画像を指定した場合... → 背景画像が横にぼけた感じになります。 ブラウザが本気で画像を中央に合わせに来てる感じです。 縦方向についても考え方は同じです。 また、ボックスの大きさよりも小さい背景画像の場合は、 数字が割り切れなくても、 従来通り、1pxどちらかに寄る形で処理されているようです。 ※ prismtoneのヘッダの背景の端の方は、 bodyに背景を指定しているので、 windowサイズによっては、ぼけるようになってしまいました。 背景の1pxのずれは許容できるように作ったのに、 ここでぼけが発生するのはちょっと、困ったなぁ
DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSでフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino(WINDOWS 97.09% / MAC 78.86%) ・Tahoma(WINDOWS 96.09% / MAC 72.02%) ・Impact(WINDOWS 95.85% / MAC 88.08%) ・Century Gothic(WINDOWS 85.44% / MAC 42.50
横浜で巨大グモを見た (04/18) アルファブロガー・アワード2008について二言いっとくか (12/25) いまさら気づいた (12/21) 931SHのPCメール機能はOP25B (12/03) こっ、この馬鹿者がっ! (11/29) ア・マ・ゾーン! (11/27) monitってさ… (11/20) ウザいアイブラスター広告ふたたび (11/20) 拝啓、古森オサマ義久さま:マケインは「ジョン・シドニー・マケイン3世」と書いてください (11/19) テケノレソバ一丁! (11/14) 「非正規雇用者の父」の二つ名をもつ奥田碩 (11/13) yahotter (11/12) The Economistがライバルか… (11/08) 擁護どころか惚れるだろ (10/28) USBメモリ>SSD (10/28) Windows Home Server評価版を注文するのと「日経Lin
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
Current style: TagBox by TagBox Table design based on the fresh TagBox style.
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
MENU-1.通常の背景ポジション変更によるロールオーバー MENU-1 MENU-2 MENU-3 高さ40pxのメニューに対し高さ80pxのON-OFFをつなげた画像のpositionを上に40pxずらすことで、画像が変わっているように見せている。 もちろんIE6では画像が透過しないので、背景のグリッドが隠れてしまいます。 HTML <ul class="menu1"> <li><a href="#MENU-1">MENU-1</a></li> <li><a href="#MENU-2">MENU-2</a></li> <li><a href="#MENU-3">MENU-3</a></li> </ul> CSS ul { list-style: none; width: 110px; margin: 0; padding: 0; } .menu1 a { display: block
Firefox 2 までは日本語ではないテキストでは、Web デザイナの方がトリックを使わない限り、半角スペース (U+0020) 以外では改行されませんでした。そのため、長い URL が以下のようにはみ出したり、これが原因で Web ページ全体のデザインが壊れたりすることがありました。 これが、Firefox 3 では以下のように改行されるようになりました。 この修正は、多くの Internet Explorer (以下 IE) 向けにのみデザインされた Web ページの表示を、そのデザイナの意図通りに表示できるようになったことを意味します。 それでは、 Web デザイナの方には細かい仕様や注意点について、少し詳しい解説をさせて頂きます。デザイナの方が気になるのは、IE との互換性かもしれません。しかし、Firefox 3 のレンダリングエンジン、Gecko 1.9 は IE と全く同じ
Web 2.0のデザインパターン November 24, 2006 12:15 PM written by Gen Taguchi メモ書きにてエントリー。訳しただけだけど。 Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要なのは間違いないです(「見た目いけてないから他のサイト行こうっと」はよくありますよね・・・)。 さて、ではポイントをば。 ■ グレーの次はグリーンだ! 明るいグリーンが流行です。下記サイトをみてもそうですよね。 ■ 角丸命! Rounded Cornersは新しい標準す。 ■ 「無料!」印がキーワード まずはトライアルができるのがWeb 2.0の特徴。無料の文字もいれときましょう。 ■ は?素材集す
Warning: Undefined array key "page" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/functions.php on line 5 Fatal error: Uncaught Error: Undefined constant "INACTIVE_USER" in /home/mhd-01/www.tartanmaker.com/htdocs/modules/authentication.php:5 Stack trace: #0 /home/mhd-01/www.tartanmaker.com/htdocs/sg_require.php(9): require_once() #1 /home/mhd-01/www.tartanmaker.com/htdocs/modules/user.php(5):
Entering college is an exhilarating milestone in your life, marking the beginning of a period filled with new experiences, knowledge, and personal growth. As you stand on the threshold of this transformative period, it’s natural to feel a mix of excitement and anxiety. For those who have attended top educational institutions like A level schools in Singapore, the transition can be both thrilling a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く