はじめてのブログデザイン

ホームページ制作の経験を活かしてブログテンプレートのデザインに挑戦!

スポンサーサイト

--/--/-- -- [Edit]

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

CSSハックとサヨナラもしくはハイタッチ

2007/07/31 Tue [Edit]

前回のエントリではCSSハックの一覧表を掲載しました。しかし CSS ハックを使うと一抹の不安が残る方も多いのではないでしょうか?

今回はそんな方達に CSS ハックとサヨナラしてもらう為の方法をご紹介します。

また、一抹の不安など何も無し!ハックとは親友だ!なんてトム・ソーヤみたいな方も、更にハックと仲良くなれるチャンスです。これからはハックとハイタッチの毎日です。

・・・と、かなり大風呂敷をひろげてしまいましたが、私もこれから実践しようと思っている方法のご紹介です。

スポンサーサイト

続きを読む ≫

CSSハック一覧表

2007/07/30 Mon [Edit]

CSS のハックが少しずつ貯まって来たので一覧表を作ってみました。
CSS ハックとは何か簡単に説明すると、それぞれの WEB ブラウザのバグなどを利用し、特定の WEB ブラウザに特定のプロパティ(設定)を適用させたり、逆に適用させないようにし、CSS 内に併記した複数のスタイルのプロパティ(設定)を、それぞれの WEB ブラウザに振り分ける技術のことです。

これからは私が使用した CSS ハックや詳細などはこのエントリで随時まとめていこうと思います。
追記:2007年12月4日〕
追記:2008年1月12日〕
追記:2009年7月23日〕

続きを読む ≫

イベントハンドラ一覧表

2007/07/11 Wed [Edit]

前回のエントリ「input に onfocus で背景色や文字を消す」や「トラックバックの1クリック」で紹介したイベントハンドラ(event handler)の一覧表です。

イベントハンドラとは JavaScript で記述された特定の処理を、ユーザーのマウス操作や特定の条件が発生した時に実行させる為の記述で HTML のタグに記述できる特殊な属性の1つです。

以下イベントハンドラ一覧表です。簡単に発生条件も記述してあります。

続きを読む ≫

input に onfocus で背景色や文字を消す

2007/07/09 Mon [Edit]

検索窓やテキスト入力フォームなどの input 要素に使えるデザインの小技です。簡単な JavaScript で実装できるので皆さんも挑戦してみてはいかがでしょうか?
まずは下のサンプルをご覧ください。


カーソルを上の「サンプル検索窓」と表示されたテキストボックスに合わせクリックしてみてください。

どうでしょう?
検索窓にテキスト(文字)を入力可能な状態にすると「サンプル検索窓」と表示されていたテキストが消え、背景色が薄いグレイから白に変わったのが分かりましたか?また、選択状態を解除(他の部分をクリックで解除できます)で初期状態に戻ります。

なかなか地味な小技ですが、本当のお洒落とは地味なところで差がつくと誰かがどこかで言っていたような気がします・・・。
それはともかく、お洒落とは関係なく使い道によってはユーザビリティ(使いやすさ)も多少アップするのでは?なんて考えから、今回ご紹介させて頂くことにしました。

実はこの小技は JavaScriptonfocusonblurinput 要素に適用して実現しています。

続きを読む ≫

祝!オレンジの FC2 ブログテンプレート完成!

2007/07/09 Mon [Edit]

オレンジのブログテンプレート

オレンジバージョンのブログテンプレートが完成しました!
1つ目にデザインしたブログテンプレートからの色変更に伴い、ディテールに変更を加え、ソースも font のサイズ指定を絶対値での指定(ピクセル指定)からユーザビリティを意識して相対指定(パーセント)に変更。マークアップも address タグなどを追加したりなど少しだけ修正。

只今、承認中です。

オレンジバージョンのテンプレートを制作中、ブログ用の素材作りにも挑戦してみようかな?なんて思いが頭に。

メモ
オレンジは何だかやる気が出る色と見た。

Top
はじめてのブログデザイン

はじめに・・・

hajime

Author:hajime
はじめまして!齢32を迎えたおっさんです。
当ブログではホームページ制作の経験を活かして、日々ブログテンプレートのデザインを勉強しています。ご意見ご質問アドバイスなどありましたら、お気軽にコメントください!

ブログテンプレートのご使用についてをご覧頂けると注意点などをご確認いただけます。

ブログテンプレート一覧表では、今迄当ブログで制作してきたテンプレートをご覧頂けます。

はじめてのブログデザイン記事一覧で、気になる記事を探してみませんか?

はじめてのブログはFC2ブログで良いと思うに一票。

Mail Address

Google AdSense

RSSフィード

便利なブックマーク

リンク

ロックオン


ドメインが増えてきたので引っ越し検討中のレンタルサーバー。

カテゴリー

タグクラウド

検索フォーム

最近の記事

最近のコメント

最近のトラックバック

お気に入り

EIZOダイレクト
私の中で出ている1つの答え。それは液晶モニターに関しては今も昔もこれからも EIZO(ナナオ)。

ドメイン検索
a
.com .net .info .mobi

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。