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
STYLE
CSS
ブラウザ

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

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

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

続きを読む »

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

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

a:hoverのバグ

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

続きを読む »

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

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

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

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

続きを読む »

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

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

写真にフレームをつける

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

続きを読む »

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

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

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

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

続きを読む »

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

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
画像置換
CSS
rollover
ロールオーバー
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ファイルを書くか」

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

続きを読む »

トップに戻る

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。