タグ「CSS」が付けられているもの
前回の続きです。今回は、画像の上に「色付きの背景を透過させた div ボックス」を重ねてみます。オリジナルの画像はこれ。 div.board{ position:relative; width:4…
すべてのメジャーブラウザに対応! と謳いたいところですが、CSS3の採用状況などにばらつきがあったりするので、Firefoxで最適な表示。Safari・Chrome・Internet Explorer…
ダウンロードはコチラから → Internet Explorer 9 製品候補版 - Microsoft Windowsぺろっと使ってみましたが、以前たまたま気がついたCSSの不具合が解消されています…
ウェブページを作成するとき、テキストエディタを使ってhtmlソースをガシガシ書いていくのが好みなのです。が、外部スタイルシートを使ってページのデザインをあれこれするのが結構めんどくさい。外部スタイルシ…
さてさてInternet Explorer 9、機能の目玉はなんといっても「CSS3対応」だと思うのですが、どんな具合なのかベータ版で試してみる。個人的によく使うプロパティに box-shadow が…
やっぱりねぇ、シェアがNo.1だろうが扱いづらい物は扱いづらい。先月のブラウザ別アクセス統計を見てみましょう。 2010年11月のブラウザ統計 @ freefielder.jp 1MSIE 8.033…
なんだかよく判らないタイトルですが。要は、縦書きスタイルで日本語を縦書き表示するときに、半角英数字の表示方法をどうしようか、という話です。3つの表示方法を比較 / 検討してみましょう。 span.te…
ということで、前の記事の続きです。なんだかステキなCSSを使ったならば、要素を綺麗にセンタリングできることが判ったので、縦書きレイアウト用スタイルシートにスタイルを追加してみました。縦書きスタイルシー…
ということで、「CSS3のtransformを使った縦書きレイアウト用スタイルシート」を紹介しているのです。 → 縦書きWebページプロジェクト (http://freefielder.jp/tat…
ちょっと前のブログ記事で試してみた「CSS3のtransformプロパティを使ってWebで縦書き表示」、なんとなく上手くいきそうなので、今まで紹介してきた縦書き用CSSを全面刷新してみました。 → …
まだまだブラウザごとに実装にばらつきのあるCSS3です。今、とりあえずワタクシが使いたいCSS3のプロパティはtransform。理由はいっこ前のブログ記事を参照してみてください。で、思い切ってInt…
さてさて、長らく放置していたhtmlでの縦書きレイアウト方法です。概要についてはコチラのページを見ていただくとして、縦書きレイアウトを実現する上で、いちばん気になっていたのが長音記号。「ー」ですね。W…
皆さんの中には、おそらくこんな↓格好で寝そべりながらネットをしている人も居ると思うのですが、首が痛くならないですか。ブラウザ画面を横倒しにできたら楽なのになぁ...なんて人に朗報です。とりあえずFir…
サーバに置いたフォントをWebページの表示に使うことができる「Webfonts」機能ですが、ブラウザへの実装が始まったとはいえ、まだまだ微妙です。手元にあるブラウザで挙動を調べてみた。ちなみにCSSは…
前のエントリーの@font-face記述部分の修正です。フォントには英語名と日本語名があったりします。FireFoxなどは日本語名でフォントを認識してくれますが、Safariは英語名で指定してやらない…
さてさて、Webページに表示させたいフォントをスタイルシート(CSS)で指定することができるのですが、これまでは、そのフォントがユーザのPCにインストールされていなければ表示されませんでした。でも、次…