サイトのトップページを iPhone & iPod touch でブラウズする際に見やすくレイアウトしました。どうぞ、iPhone で appling.jp へアクセスして確かめてください。見よう見まねで作った… 続きを読む iPhone へ最適化
カテゴリー: HTML/CSS
ズームアイコンを付ける方法
スタイルシートの positon プロパティを使って、画像を編集することなく左上隅にズームアイコンを配置する方法を書いてみました。以前、どこかで書いたような気がするんだけど見つけることができませんでした。なので、再び同じ… 続きを読む ズームアイコンを付ける方法
CSS3のborder-radiusプロパティを利用してみる
HTML5が正式勧告されるであろう2010年にあわせて、CSS3も正式に勧告されるみたい。それを受けてWebブラウザ各社も実装に向けて頑張っているようです。スタイルシートの標準仕様としているCSS2.1は、正式勧告されて… 続きを読む CSS3のborder-radiusプロパティを利用してみる
IE6 透過画像対策を WordPress テーマへ。
『IE6 の透過 PNG 対策。』の続きになります。 先月のブラウザ・マーケットシェアで、Microsoft Internet Explorer 6.0(以下IE6)のシェアは26.38%と減少傾向とはいえ、Safari… 続きを読む IE6 透過画像対策を WordPress テーマへ。
CSS 3のbox-shadowプロパティを利用してみる。
Safari 3から対応したbox-shadowプロパティを利用してドロップシャドウ効果をつけてみる。詳しくは、「ボックスにドロップシャドウの効果をつける–Safari 3のCSS対応 – bui… 続きを読む CSS 3のbox-shadowプロパティを利用してみる。
IE6 の透過 PNG 対策。
いつも頭を痛めているInternet?Explorer対策なんですが、Internet Explorer 6.0に対してスマートに透過PNG画像を表示できるようにならないかと思っていました。これまでCSSハックを施して対… 続きを読む IE6 の透過 PNG 対策。
Reset CSS
ブラウザごとに違う見え方のデフォルト値をなくしてフラットな環境から構築できる。これまでにも、スタイルシートならYUI Reset CSSを、フォントならYUI Fonts CSSを参考にしてましたがスタイルシートでは以下… 続きを読む Reset CSS
CSS PNG Image Fix for IE
We’ve all seen them, the hoards of PNG fixes for IE6. That is because IE6 is a bag of smashed buttholes. I’m s… 続きを読む CSS PNG Image Fix for IE