THE HAM MEDIA BLOG

CSSで制作するメリット?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
レイアウト
テーブルレイアウト

CSSで組むことのメリットとか|CSS HappyLife

CSSで制作するメリット?

いつも読んでいる「CSS HappyLife」で、
『CSSで組むことのメリットとか』というのがエントリーされていた。

CSSとXHTMLでサイトを作るメリットってなんだ?
って考えたら、たしかにいつも制作側の視点が大きい気がする。
結局のとこと、制作側のエゴなのか!?
僕もなぜCSSで作るのかとかを考えてみた。

続きを読む »

過度なCSSリセットなんていらない! - [NO CSS RESET]

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
リセット

No CSS Reset - Snook.ca

NO CSS RESET

『CSSリセットなんかいらないわ!』
というような内容のエントリーを見つけたので読んでみた。
個人的にも、必要以上のリセットなんていらないよって思っていたので、
僕の思うCSSリセットについて書いておこうと思う。

続きを読む »

検証:IEではなくFirefoxのみで発生するCSS styleトラブル?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
Firefox
ブラウザ
CSS
STYLE

ネタ元:IEではなくFirefoxのみで発生するCSS styleトラブル

検証:IEではなくFirefoxのみで発生するCSS styleトラブル?

そんなことが起こるのか!?
なんて疑問に思ったので検証してみた。

続きを読む »

a:hoverで背景を設定したらIEでバグが発生したのでメモ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
IE
バグ
Hover

a:hoverのバグ

久々に、なんだこれ!?っていうバグにぶちあったった。
グローバルナビゲーションに:hoverを設定したところ、
なぜかその下に設定していたイメージも動いた・・・
しかもIEだけ・・・なぜなんだ!?
ってことで自分の解決策のメモ代わりに書いておく。

続きを読む »

画像や文字の透明度を利用したロールオーバー

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
ロールオーバー
rollover
jquery
javascript
透明
opacity

画像や文字の透明度を利用したロールオーバー

以前3種類のロールオーバーを紹介しましたが、
今回は透明度を使ったロールオーバーの紹介です。

続きを読む »

CSSだけで画像をフレーム表現するあれこれ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
写真
photo
フレーム
ボーダー

写真にフレームをつける

僕のブログでも画像をいろいろCSSで装飾していますが
画像にフレーム(枠)をつける方法をいろいろ紹介しようと思います。

続きを読む »

CSSを簡素化するためのトップダウンアプローチ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
トップダウン
Top-Down
マークアップ
HTML
見出し

woork: Top-Down approach to simplify your CSS code
Top-Down approach

英語のブログだけど、ここは毎日読んでいる。
今回の内容は、CSSをトップダウンアプローチでの
作成手順が書いてあったので、簡潔にまとめて、
自分なりの考えを書こうと思う。

続きを読む »

二つの画像とCSSやjQueryで表現する3種類のロールオーバー

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
ロールオーバー
rollover
CSS
jquery
画像置換

rollpver.png
CSSで実現するスマートなロールオーバー

昔の記事ばかり参考にしているのですが、
ロールオーバーの仕方を今一度考えてみようと思います。

今回は、CSSを使っての方法2種類と、
jQueryを使っての方法の合計3つを紹介します。

続きを読む »

CSSのtext-indentを使ってぶら下げインデントを表現する方法(一行目を前に出す方法)

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
ぶら下げインデント

indent.png

覚え書き用にエントリーしておきます。
CSS:1行目の頭文字だけ前に出したい時|Web仕事人の部屋
というところで、CSSのtext-indentを使って、
一行目だけを他の文字よりも前に出す方法が載っていたので、
自分も試しにやってみました。

続きを読む »

気が狂うようにならないで、よく構造化されたCSSファイルの書き方

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
スタイルシート
woork: Write a well structured CSS file without becoming crazy
well-structured-css.jpg

CSSって、気づいたら膨大な量を指定している時があります。
それはまだまだ自分が未熟な証拠でもあるのですが、

「いかによく構造化されたCSSファイルを書くか」

というような記事があったので、読んでまとめてみました。

続きを読む »

トップに戻る