2008年10月

CSSでのブラウザー事のフォントサイズや表示の統一について

CSSでのブラウザー事のフォントサイズや表示の統一について

今回は基礎中の基礎の事なんですが、CSSを勉強し始めるていざサイトを作っている時にブラウザー事にフォントサイズが違ったり、marginの具合が違った現象を経験した事ってありませんか?

ブラウザー事の表示の違いのうんぬんがまったく分かっていないと相当困っちゃいますよね><

なので今回はブラウザー事に表示が違うフォントサイズやmarginやpaddingを統一する為の記述を解説していきたいと思います。

かわいらしいハロウィンの無料アイコンセット

Smashing Pumpkins: A Free Halloween Vector Icon Set

可愛らしいかぼちゃや幽霊のアイコンなど全部で14のハロウィーンのアイコンが無料で配布されています。

アイコンの種類も.png(512×512px)の特大サイズの他にも.ai と .epsで配布されていますので、サイズで困る事はないと思います。

CSSでTableをデザインするサンプル 応用編

CSSでTableをデザインするサンプル 応用編

←の用に料金表など、一つのコラムを目立たせてるようなテーブルのデザインを海外のサイトなどではみかけた事があるので、これのデモページを作ってみました。

思ってたよりややこしいかったので解説付きで紹介したいと思います。

demo page

クオリティの高いベクター素材が無料でダウンロード出来るサイト

CoolVectors

今回紹介するCoolVectorsさんなんですが、ベクター画像の種類も豊富ですし、クオリティも凄く高いです。

ベクター画像っていろいろ配布されていると思いますが、自分的に凄く助かっていますので配布されているみなさんありがとうございます!!

min-width、min-height、max-width、max-heightをIE6でも実装する方法

「min-width」「min-height」「max-width」「max-height」をIE6でも実装する方法

CSSのの中に「min-width」「min-height」「max-width」「max-height」と言うプロパティがあるのですが、IE6ではそのままでは使えないので知らない人もいると思うですが、これがけっこう使えるんですよね。

サイト全体の横幅をpx指定せずに、%やaoutなどを使ってブラウザのサイズに合わせて可変するようなサイトを見かけるんですが、この時にmin-widthとかを指定しておくとブラウザのサイズが小さくなっても表示が変にならないようになるんですよ。

まぁーそんなわけでIE6でも実装出来る方法を解説しておきます。

光を使った美しい写真加工のやり方 Photoshopチュートリアル集 25

光を使った美しい写真加工のやり方 Photoshopチュートリアル集

Photoshopを使って光、光源、光線、光跡などの写真加工のやり方や、輝いてるように見せるやり方をまとめたチュートリアル集です。

iGoogleのRSSが便利ですよ

iGoogle

少し前の話なんですがホームページを作る人のネタ帳さんのwebマーケティングブログの『更新』にモチベーションをもらった理由と言う記事を見て、自分もiGoogleのRSSを使ってみようかな?って思いました。

いざ使ってみると良いです。

開けている状態だとリロードしなくても、記事が更新されればiGoogleに反映してくれています。

リロードしなくても反映してくれるって事はAjaxか何かで常に読みにいってるのかな?って思うけど、詳細は自分は分からないです。知ってる方がいたら是非コメント下さいw

登録するのは若干面倒でしたけど、iGoogleのRSSはオススメですよー

Movable Type 4.22 の提供を開始 セキュリティアップデート

今回問題となったクロスサイトスクリプティング(Cross Site Scripting)とは?って思っている人っていると思います。

少なくとも自分は分かっていません...

なのでこんな時はWikipediaです。

画像をスクロールさせる jquery.scrollable.js

画像をスクロールさせる jquery.scrollable.js

jquery.scrollable.jsは、さまざまなコンテンツを画面内の特定の領域でスクロールさせるプラグインです。

Scroll your HTML with jquery.scrollable.jsで使い方など紹介はされているのですが、英文って事もあり直ぐに使い方が分からないかったので、自分の方でも解説をしておきたいと思います。

財政関係やアプリケーションのフリーアイコン 59

財政関係やアプリケーション関係のフリーアイコン 59

財政関係やアプリケーション関係のアイコンが59種類セットになって無料配布されています。

アイコンのサイズも16×16px ~ 256×256pxまで用意されていますし、どれもクオリティが凄く高いので使う機会がある方は是非使って見てください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年