デザインの開始 | CSSを基礎から学習 | CSS電光石火
08/10/15 ｢デザイン-ヘッダ｣追加 08/09/29 ｢フッタの作成｣追加 08/09/29 ｢メイン-右カラム｣追加 08/09/29 ｢メイン-サイドバー｣追加 08/09/29 ｢ヘッダの作成｣追加 08/09/28 ｢要素の中央寄せ｣追加 08/09/26 ｢スタイルの読み込み｣追加 08/09/26 ｢float｣追加 08/09/26 ｢ブロックとインライン｣追加 08/09/23 ｢widthとheight｣追加 08/09/23 ｢marginとpadding｣追加 08/09/23 ブラウザ対応アイコン追加 08/09/23 ｢スタイルの読み込み｣追加 08/09/19 ｢DOCTYPE｣追加 08/09/19 ｢開始前に｣追加 08/09/18 ｢始めに｣修正 08/09/18 ｢始めに｣追加 08/09/18 サイトオープン 全体図 今回よりCSSを使ったデザ
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
文字の大きさ
最適な文字の大きさは人それぞれです 文字の大きさの好みは、人によってそれぞれ違います。 ホームページを閲覧した時に表示されるフォントサイズには標準というものは存在せず、今もなお議論されているほど実は難しい概念です。 仮に文字のサイズを標準化したとしても、閲覧する環境によって文字の大きさが異なるため、異なる環境下での調整は難しいとされています。 環境によって表示される文字の大きさは異なる ホームページを閲覧する環境は、OSの違いや、ブラウザの違い、ブラウザの諸設定があり様々です。 この環境の違いにより、同じホームページを閲覧した場合でも、表示される文字の大きさは異なります。 例えば、WindowsとMacの場合、画面の解像度が異なります。 Windowsは96dpi、Macは72dpiです。 この違いによって、フォントサイズを指定しない場合でも表示される文字の大きさは異なってしまいます。 詳
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト
透過PNGをIE6以下のバージョンで綺麗に表示する方法 - DesignWalker
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
jQuery でドロップシャドウ [Javascript] All About![jQuery でドロップシャドウ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
