THE HAM MEDIA BLOG

ブログのデザインをリニューアルしてみた

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

THE HAM MEDIA BLOG

何気にブログデザインを変更してみました。

できるだけがぞうを使わずCSS3などの新しい技術を利用していますので、IEなんかで見るときはちょっと残念なこと...すみません。

続きを読む

オリジナリティあるTwitterの背景を作成してみる

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
デザイン
タグ:
twitter
背景
デザイン

この2010年夏はTwitter携帯がソフトバンクからでたり、Twitterを活用したサイトが(良くも悪くも)どんどん出てきたりしていて、Web業界関連の人意外でも利用する人が増えてきているみたいですね。

数年前に使い始めたころは、もっと気軽だったような気がしないでもないです…と、そんな余談はいいとして、みなさんはTwitterの背景、どうしていますか?

自分はいままで、どこかの無料配布サイトで見つけた背景画像を利用していたのですが、背景を綺麗に作成している人のを見て「自分も作ってみたい!」なんて思ってしましました。

続きを読む

画像置換乱用してませんか?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
デザイン
タグ:
画像置換
img

乱用はダメ

仕事柄、たくさんのWebデザインをみるのですが、かなりの頻度で画像置換を使っているサイトをみます。CSSでのロールオーバーだったり、デザイン重視で使うような、必要な時はいいのですが(いや、よくはないかもしれないですが…)まったくそうでもないような場合でも使っているのって、なぜなんだろう?乱用していませんか?

続きを読む »

そろそろクロスブラウザ対応させろと言っておく

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

そろそろクロスブラウザ対応させろと言っておく

今の新しい職種に就いて、
いろいろな既存HPのHTMLやCSSをみるようになったのですが、
ちょっとこれはどうなの!?崩れすぎてるよ!?
というようなサイトが数多くあって驚いています。

HTMLやCSSのソースの良し悪しはかなり影響するだろうと思うけど、
そろそろIEだけのブラウザ対応って状況はやめませんか?
日本のブラウザシェアも変化してきているのですから、
いろいろな人がみるということを想定して、
各ブラウザに対応させるHTML&CSSにしてもらいたい。

続きを読む »

ブロックレベル要素の高さを揃える方法あれこれ

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

ブロックレベル要素の高さを揃える方法あれこれ

ネタ元:[mixi] CSSテクニック | divの高さを100%に

複数のカラムを利用するときに、
コンテンツの量によって高さは変わってくる。

でも、高さを同じにして見た目を同じにしたい!
というケースに出会った事があるひとが多いのではないだろうか?

その場合まず考えられるのが、heightを指定して、同じ分px指定をする方法。
でもこの方法だと、コンテンツ量が変化するたびに変化させる必要があって面倒。

では、どのようにしたら高さを同じにできるのか?

調べてみたら様々な方法があるようなので、まとめてみた。

続きを読む »

画像作り?得意得意!Wordで簡単にできちゃうよ。

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
デザイン
タグ:
web
つぶやき
画像

画像をWordで作る?

先日「一般の人はウェブサイトがWordのようなものでできていると思っているらしい
というエントリーを書いたのですが、今日はそれに近い話を一つ。

Web系の人との話ではないのですが、
自分のホームページを作っているという人と話していた時の話です。

3年くらい前の話で、タグは知らないけど
自分のサイト(ブログ)を運営していた人の話なのですが、
画像作るの簡単だとか言っていたので、どうやって作っているのか聞いたら
なんとWordで作っているのだという。

確かに作れる事には違いないけど、
質というかクオリティというか、そういうのも必要なんじゃ?
なんて思いつつ話を聞いていました。

続きを読む »

デザインをより美しく見せるために:ステルス・ウェブ・デザイン

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

stealth web design

ステルス・デザイン理論というのを知っているでしょうか?
僕も半年前まではしらなかったことなのですが、
建築関連での理論だそうです。

その理論をWEBに置き換えているデザインの名称があり、
ステルス・ウェブ・デザイン」というらしいです。

今回はその事について書いてみようと思います。

続きを読む »

Web2.0っぽいグラデーションの一つ、 「近似値の色相グラデーション」覚書

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
デザイン
タグ:
design
デザイン
グラデーション
グラデーション
jmblog.jp - Web2.0っぽいグラデーションのコツ

一年以上前のエントリーですが、
今回再度自分の勉強のために覚書

同じ系統の近い色を使ったグラデーションの作り方

続きを読む »

いろいろなWeb2.0風なロゴジェネレータ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
デザイン
タグ:
ジェネレータ
ロゴ
logo
design
もうお気づきの人もいると思うけど、
タイトルロゴを変更してみました!

自作してみようとおもったのですが、
自作よりも綺麗にできるものがあるんじゃないか?
なんて思ったので、ロゴジェネレータを使ってみた。

続きを読む »

トップに戻る