タグ「CSS3」が付けられているもの

スタイルシートを切り替えながらページの見栄えをチェック。

  • 投稿:
ウェブページを作成するとき、テキストエディタを使ってhtmlソースをガシガシ書いていくのが好みなのです。が、外部スタイルシートを使ってページのデザインをあれこれするのが結構めんどくさい。外部スタイルシ…

IE9 βのCSS3対応は微妙かもしれない。box-shadow。

  • 投稿:
さてさてInternet Explorer 9、機能の目玉はなんといっても「CSS3対応」だと思うのですが、どんな具合なのかベータ版で試してみる。個人的によく使うプロパティに box-shadow が…

Internet Explorerと決別します。

  • 投稿:
やっぱりねぇ、シェアがNo.1だろうが扱いづらい物は扱いづらい。先月のブラウザ別アクセス統計を見てみましょう。 2010年11月のブラウザ統計 @ freefielder.jp 1MSIE 8.033…

縦書きで横書き。

  • 投稿:
  • / 更新:
なんだかよく判らないタイトルですが。要は、縦書きスタイルで日本語を縦書き表示するときに、半角英数字の表示方法をどうしようか、という話です。3つの表示方法を比較 / 検討してみましょう。 span.te…

縦書き用スタイルシート、更新。

  • 投稿:
ということで、前の記事の続きです。なんだかステキなCSSを使ったならば、要素を綺麗にセンタリングできることが判ったので、縦書きレイアウト用スタイルシートにスタイルを追加してみました。縦書きスタイルシー…

transform未対応ブラウザでも縦書きレイアウトを保つ。

  • 投稿:
  • / 更新:
ということで、「CSS3のtransformを使った縦書きレイアウト用スタイルシート」を紹介しているのです。  → 縦書きWebページプロジェクト (http://freefielder.jp/tat…

縦書き用CSSを更新してみた。

  • 投稿:
ちょっと前のブログ記事で試してみた「CSS3のtransformプロパティを使ってWebで縦書き表示」、なんとなく上手くいきそうなので、今まで紹介してきた縦書き用CSSを全面刷新してみました。  → …

CSS3のtransformをクロスブラウザで。

  • 投稿:
  • / 更新:
まだまだブラウザごとに実装にばらつきのあるCSS3です。今、とりあえずワタクシが使いたいCSS3のプロパティはtransform。理由はいっこ前のブログ記事を参照してみてください。で、思い切ってInt…

縦書きレイアウトでの長音記号問題。

  • 投稿:
さてさて、長らく放置していたhtmlでの縦書きレイアウト方法です。概要についてはコチラのページを見ていただくとして、縦書きレイアウトを実現する上で、いちばん気になっていたのが長音記号。「ー」ですね。W…

ブラウザの表示を90度回転。JavaScriptとCSSで。

  • 投稿:
  • / 更新:
皆さんの中には、おそらくこんな↓格好で寝そべりながらネットをしている人も居ると思うのですが、首が痛くならないですか。ブラウザ画面を横倒しにできたら楽なのになぁ...なんて人に朗報です。とりあえずFir…

@font-faceのブラウザ別挙動を調べてみる。

  • 投稿:
サーバに置いたフォントをWebページの表示に使うことができる「Webfonts」機能ですが、ブラウザへの実装が始まったとはいえ、まだまだ微妙です。手元にあるブラウザで挙動を調べてみた。ちなみにCSSは…

WebFontsを試してみる。をちょっと修正。

  • 投稿:
前のエントリーの@font-face記述部分の修正です。フォントには英語名と日本語名があったりします。FireFoxなどは日本語名でフォントを認識してくれますが、Safariは英語名で指定してやらない…

WebFontsを試してみる。

  • 投稿:
  • / 更新:
さてさて、Webページに表示させたいフォントをスタイルシート(CSS)で指定することができるのですが、これまでは、そのフォントがユーザのPCにインストールされていなければ表示されませんでした。でも、次…