CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設

yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s

Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gateke

Simple scalable CSS based breadcrumbs | Veerle's blog Apple風のクールなパンくずリストをクールに実装するサンプル。 マークアップが次のようにシンプルに書けるのがいいですね。 項目間の > のみを画像にして実装しているところがなかなかクールです。 関連エントリ これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20 本の目次部分のようなリストをCSSでデザインするテクニック CSSとdivを使った画像先読みテクニック

Although there are many useful plug-ins out there that dress up code snippets, I would like to share a technique playing with the background of the <pre> and <code> tag with CSS. View Demo Common Problem with FireFox When trying to add some padding to the <pre> tag, FireFox creates a cross-browser bug where it interferes with the spaces created by the space or tab bar. See below for an example. So

最近の記事 VimConf 2018に参加してきた (11/26) 今回はVimの作者であるBramさんのキーノートがあるということで、光の速さでEarlybirdチケットと個人スポンサーチケットを購入して参加させて頂きました。これまでのVimConVimConf 2017に参加してきた (11/07) VimConf 2017に参加してきました。各発表の内容や当日の様子などは多くの方が既に書いてらっしゃると思いますので、自分が感じたところだけ残しておきたいと思います。 VimConf 2016に参加してきた (11/07) 5年もブログ書いてなかった。VimConf 2016に参加してきました。各発表の雑な感想内容や詳細は他の人のレポートなど見てもらうとして、個人的な感想を書き留めておきます。IPythonでVim scriptの関数を定義する (12/18) Vim Advent Ca

This domain may be for sale!

ウインドウ内で表示座標をがっちりと固めて、スクロールにも連動させるCSSプロパティpositionの値“fixed”をIE6で有効にする方法です。随分とピンポイントなまとめですが、いろいろと方法が見つかりましたので、OUTPUTしときます。 １：特殊なJavaScriptを読み込んで解決する方法 IEでposition:fixedを再現するFixed positioning[to-R]２：IE6特有のプロパティ「expression」を、スターハック（* html）を使って記述する方法 IE6でbackground:fixedを実現する：CSS | Tech de GoCSSでブログデザイン IE6で「position:fixed;」を実現３：CSSで工夫して、position:fixedのように見せる方法 IE6でもスクロールしても動かないボックス〜CSSテクニック〜４：ie7.jsを