|
- 2008/09/05 14:53画像を横並びにするレイアウト
- 一定数のボタン画像を左から右へ並べて、順に下へ送るようなレイアウトを行う場合、--------------------------------------------------例えば、3コ1の場合は以下のような感じのレイアウトです。左・中・右左・中・右左・中・右以下続く…------------------------------------------------------------HTMLでの表現は１）<table></table>を使う２）... [続きを読む]
|
- 2008/08/01 07:40画像ファイル名の大文字・小文字
- 最近では、XHTMLでの作業がほとんどで、ソース上でアルファベットの大文字を使うのは、javascriptの変数名や関数名くらいです。HTMLでもそうなのですが、HTMLファイルや、画像ファイルはほとんど小文字で統一しています。最近、雛形を元に他言語版を作成する、という、作業をさせていただいたのですが、その雛形となるサイトのファイルネームやフォルダネームのアチコチに大文字が使われていました。 [続きを読む]
|
- 2008/07/22 10:04フォントサイズはどのあたりが良いか？
- デザイナーによって、また扱う媒体によって、様々にルールが決められているフォントサイズですが、DTPにおいては、本文は通常8.5pt位、ちょっと高めの年齢層をターゲットとする場合は、10.5pt位がよく、行間はその1.5倍位を標準としています。WEBの場合は、日本語の場合、12px~14pxあたりを本文サイズにしていることが、ほとんどです。本文のサイズと見出しのサイズのバランスが良いと、誌面（画面）の整理がつきやすく、見た目的 [続きを読む]
|
- 2008/07/16 08:22Spryを試したけれど...
- Dreamweaver CS3 に搭載されたSpry。Ajaxを、主にパレットからの操作で搭載できる、と、どこかで見たので、興味はあったのですが、既に、prototype.jsやmootools.js、さらにjquery.jsと、AJAX用の基本javascriptを使って、様々な動的な面白い表現が、その手のサイトに行けば、サクサクっと選んでダウンロードできる中で、しかもxmlやらjavascriptやらが、サラサラっと理解できる、プログラム的な脳を持っていない、直感優先派の... [続きを読む]
|
- 2008/07/11 14:57CSSコメントには半角スペースを。
- 自サイトを作っていて、いつものように重ねまくりのスタイルシートを書いていたら、背景として表示されるべき、アイコン画像がまたもやIE6.0 で表示されなくなってしまいました。 [続きを読む]
|
|
|
- 2008/07/08 07:54utf-8は曲者。
- 文字コードのトレンドは「utf-8」。ユニバーサルな時代にユニバーサルな文字コードってとこでしょうか。あるお仕事の時に、指定されたフォームメールのCGIを仕込むのに、文字コードが「SHIFT-JIS」じゃなきゃ動かなかったこともあり、「utf-8」にして、メリットどころか、めんどくさいことの方が記憶に残っています。「utf-8」にして、何かメリットがあったといえば、韓国語と中国語のサイト制作を行ったときに、日本語との混在が [続きを読む]
|
- 2008/07/04 15:07¥nで、問題解決。
- CSSレイアウトやデザインの講座、のはずなのですが、今回はjavascript絡みの話題です。あるサイトのリニューアルのひとつの目玉として、「サイト全ページに新着情報が掲載されている。」という、別段新鮮なことではないのですが、やってみることになりました。今回の新着情報は、検索エンジンは気にしなくていいから、デザイン重視で画像で文字を見せて欲しい、とのご依頼でした。更新作業のことを考えると、該当箇所にiframeを入 [続きを読む]
|
- 2008/07/02 13:00CSSでリキッドレイアウトを実現する。その4
- 今回はCSSベースで、テーブルライクな究極のマルチカラムに挑むパート4です。前回のように、上中下3カラムの真ん中のボックスの高さ幅が自在に伸び縮みしつつ、つねにフッター部分がブラウザ画面の最下部にある、フレームセットを使ったかのようなレイアウトを、CSSで目指しますが、前回の欠点である、真ん中のボックス（横幅100％）に、固定幅（横幅例えば600px）のボックスを入れ子にした場合、センタリングができなかったことを [続きを読む]
|
- 2008/06/19 10:23腱鞘炎？ マウスを変えたら痛みが軽減
- 右手が握ると、手首から肘にかけて違和感があったのですが、6月に入ると痛みに変わり、日を追う毎にその痛みはどんどん増してきました。ひどくなりはじめて1週間で、肘を固定した状態で手をあげるだけで痛みが出るようになりました。握力も落ちた感じで、スーパーで買い物袋をぐいっと引き上げることもできなくなっていました。Macを扱いだして10有余年。肩こりは職業病だとしても、右手の下腕部（って正しい言い方？）だけに痛み [続きを読む]
|
- 2008/05/08 10:25CSSでリキッドレイアウトを実現する。その3
- 今回はCSSベースで、テーブルライクな究極（？）のマルチカラムに挑むパート3です。テーブルメインのレイアウトでよく使われている、リキッドレイアウトをCSSで実現してみます。今回はレイアウトの垂直方向の真ん中部分が伸縮自在な3カラムのバージョンです。今回のミッションもパート1のように、ブラウザ画面いっぱいに、自在に伸縮できる3カラムレイアウトの実現を狙いますが上中下の真ん中のボックスの高さ幅が自在に伸び縮みし [続きを読む]
|
|
|
- 2008/04/09 10:31CSSベースでのHTMLコーディング順序 その9
- 引き続き、CSSベースでHTMLコーディングする際、効率
のよい進め方を考えます。今回は、クラスの統一 PAR
T2２）HTMLの構造をパターン化して、同じ名前のクラ
スを使うようにする。です。--------------------------------
----------------------------------------------------------８−２）
HTMLの構造をパターン化して、同じ名前のクラスを使
うようにする。-------------------... [続きを読む]
|
- 2008/04/08 11:51CSSベースでのHTMLコーディング順序 その8
- 引き続き、CSSベースでHTMLコーディングする際、効率のよい進め方を考えます。今回は、クラスの統一。です。クラスの統一、とは、階層をまとめることを意味するクラスの意味からすると、「馬から落馬」のような、ちょっと変な言葉になるのですが、以下の2つの意味を込めています。１）同じ内容のスタイルシートは、基本的には別のクラスにしない。２）HTMLの構造をパターン化して、同じ名前のクラスを使うようにする。違うような、 [続きを読む]
|
- 2008/04/03 08:18CSSのみでプルダウンメニューを実現する。その1
- CSSのみでプルダウンメニューを実現してみます。と、いうのも、またもや、お仕事仲間である、万年青年のルイス兄さんに、javascriptなしでも、プルダウンできますよ。とお伝えしたら、後日になって、------------------------------------------------------------やっぱりプルダウンメニューってjavascript併用やないと、IEで動かなかった。---------------------------------------... [続きを読む]
|
- 2008/04/01 09:26メリタ アロマサーモ マグ コーヒーメーカーを買うぞ
- 約1年間使ってた、メリタの「コーヒーメーカー アロマサーモ」がとうとう壊れてしまった。3カ月ほど前に保温ポットの下側のパッキンが甘くなりコーヒーがちょっと漏れていたけれど、うまく目詰まりしてくれて（衛生上はよくないのかも…）漏れがとまってくれて、まだ使える~ と思っていましたが… [続きを読む]
|
- 2008/03/28 09:36SEO・検索エンジンでの順位上げ その2
- 検索エンジン最適化（SEO）について、前回の続きです。▽前回は１）~２）までご紹介しましたので、今回は３）からです。１）サイトのボリュームをあげること ２）他サイトからの被リンク数を高めること ３）タイトルとメタの詳細にキーワードを入れ込むこと ４）ターゲットとするキーワードのページ内での出現数を高めること ５）HTML（タグ）の見直し（＝SEO）... [続きを読む]
|
- 2008/03/26 10:43SEO・検索エンジンでの順位上げ その1
- CSSベースでのHTMLの書き方順序を、いくつか連ねてきましたが、（ちょっと煮詰まって来たので）ここで向きを変えて、検索エンジン最適化（SEO）について、考えていきたいと思います。以下は、その内容ですが、少し前に、ある方から、検索エンジンでの順位上げに関してアドバイスをいただけたら、とメッセージを頂いたことがあり、その時書いた文章を加筆・リライトしたものです。... [続きを読む]
|
- 2008/03/24 16:43CSSベースでのHTMLコーディング順序 その7
- 引き続き、CSSベースでHTMLコーディングする際、効率のよい進め方を考えます。今回は、スタイルシートの親子関係に関してです。と、その前に、前回、スタイルを指定する主な書き方をご紹介しました。１）任意のタグ { 任意のスタイルシート }２）.sample { 任意のスタイルシート }３）#sample { 任意のスタイルシート }４）a: link { 任意のスタイルシート } や p: first-letter { 任意のスタイルシート }など。ある程度、WEBサイ... [続きを読む]
|
|
|
- 2008/03/19 09:44CSSベースでのHTMLコーディング順序 その5
- 引き続き、CSSベースでHTMLコーディングする際、効率のよい進め方を考えます。CSSを書く際には、覚えやすいスタイルシートの記述順序・ルールを決めておくと、変更する場合などに、対象箇所を見つけるのが早くなり、作業効率があがります。... [続きを読む]
|
- 2008/03/17 09:14CSSベースでのHTMLコーディング順序 その4
- 引き続き、CSSベースでHTMLコーディングする際、効率のよい進め方を考えます。今回も、コーディングに必要な予備知識をご紹介します。【前回の補足です】前回、ブロック要素とインライン要素のことを書きましたが、ブロック要素はCSSでの設定がないと、基本的には１）改段落される。２）（親ボックスに対して）横幅100％まで拡がる。ようになるので、意図通りに（余分な間隔が空かないように）、レイアウトするにはCSS のwidth や ... [続きを読む]
|
|
|
- 2008/03/11 12:16CSSベースでのHTMLコーディング順序 その2
- 引き続き、CSSベースでHTMLコーディングする際、効率のよい進め方を考えます。CSSベースでHTMLコーディングするのに、まずは、ハンドコーディング (いわゆる手打ち) で、ヘッダー、コンテンツ、ナビゲーション、フッターと、ページ全体の構造をつくっていきます。... [続きを読む]
|
- 2008/03/06 09:51CSSベースでのHTMLコーディング順序 その1
- CSSベースでHTMLコーディングする際、効率のよい進め方を考えます。順序のご紹介の前に、少し前置きです。ワタクシはCSSにトライし始めた頃、制作フローをいろいろ試しました。最初はDreamweaverオンリーで進めようとしました。... [続きを読む]
|
|
|
