友人

AMAZON

  • AMAZON
無料ブログはココログ

« 注目のGoogle製Webブラウザー「Google Chrome」を試す from 窓の杜 | トップページ | Google謹製ブラウザのChromeが勝手にバージョンアップしてました »

2008年9月 9日 (火)

小粒だけどピリリと〆るHTML/CSS/XHTML/スクリプト from OKwave

        皆様こんばんわ。週末雑貨(http://affilie.ntym.net/)のaffilieです。

 本日帰宅し、メールチェックしたところ、OKWave事務局よりメールが届いていました。
 内容は…秘密にしておきますが、内容が本物でしたらチョッピり良い知らせです。

 さて、そんなOKWave(http://okwave.jp/)様よりホームページ作成で便利なQ&Aを紹介する企画の第2弾をお届けします。

  • HPでの画像表示(リンク)のテクニック (http://okwave.jp/qa4285785.html)
    • 商品紹介ページ等でみかける「商品画像を拡大する」ボタンを押すと、「表示しているページ上」に上書きするように透明な濃灰色の背景の中央に画像を表示させるものです。
  • 画像をランダムで表示させたい (http://okwave.jp/qa4294282.html)
    • ホームページを開いたときに表示される画像が、ランダムに選択された画像となるようにするテクニックです。
    • このQ&Aのほかに、OKWave様における過去の同様な内容も回答されています。
  • ページ表示の縮小・拡大を自動で行なえる方法はありますか? (http://okwave.jp/qa4291211.html)
    • ブラウザの表示サイズに基づいて、画像フッターをピッタリと表示させる方法に関するものです。
  • 上下の間隔を10px分空けたい (http://okwave.jp/qa4290915.html)
    • MozillaSafariでは上下に10px分の間隔を空けて表示されるが、IEでは旨くいかない場合の対処方法です。
  • サイズの違うフォントの下位置を揃えるには? (http://okwave.jp/qa4289706.html)
    • 日英で別々のフォントを使って表示している際に、文字を下揃えにする方法です。
  • スタイルシートが全く理解できません (http://okwave.jp/qa4287595.html)
    • 最初は「Frameタグ」と思ったのですが…回答を重ねるうちにHTML/XHTML+CSSの考えが書かれている貴重なQ&Aです。
    • 回答が締め切られていますのでaffilie流の後出ジャンケン的な毒舌を記載します。
    • HTML」が誕生し「ヘッダ」や「段落」を意味するタグが使用され、文字の「大きさ」や「」を都度的に指定したのが始まりです。
    • インターネットが普及し、ページ数が増加し、企業等では統一的な文書スタイルを簡単に使いたい目的で「CSS」が誕生したと思います。
    • CSS」とは「Cascading Style Sheet」の略称であり、和訳すれば「連続したスタイルシート」つまり、「シートのスタイルを脈々と書かれたもの」になるかな。
    • CSS」を紙面に喩えれば、「紙の色や装飾」を定義し、そこに書かれる「文字の大きさ、書体、色」を細かく定義するために標準的に指定するのが基本的な使い方。
    • 会社等で統一された「Power Point」資料を想像して欲しいのだが、内容は発表者が自由に記入できるが、スライド背景や文字色、文字サイズ、フォントは会社で指定したモノを使う…このデザインを決定しファイル化したものが「CSS」ファイルになる。
    • なお、最近ではHTML+CSSにとって変わる、XHTML+CSSが主流になりつつあり、ブログシステム等では多用される傾向にあるかと思う。
    • 後出ジャンケン的なところが大きいですが、御容赦ください。
  • サブウインドウで画像を表示する方法 (http://okwave.jp/qa4296679.html)
    • サムネイル画像をクリックすると、サブウィンドウが開いて別な画像を表示させるものです。
  • CSSで背景とページの境界の枠に影をつけたい。 (http://okwave.jp/qa4295359.html)
    • 背景と本文との間に薄い影をつける方法です。
    • 見た目をどうやって作り出すかを考えるのに良いQ&Aです。
  • CSSについて (http://okwave.jp/qa4290568.html)
    • 見出しを綺麗に表示させるものです。
  • float横並びにしたブロックの中のul/liを縦並びにさせたい (http://okwave.jp/qa4300816.html)
    • 横並びの"推定で"メニューを縦並びにさせるものです。
  • 大至急お願い致します! (http://okwave.jp/qa4308617.html)
    • 他サイトを自サイトのインラインで表示させる際に、スクロールバーを同色にする方法です。
    • affilieは複数のブログを持っていますので自分のブログを使ってやってみたいところです。
  • スタイルシート:1段組のレイアウトで両側の余白に色をつけたい。 (http://okwave.jp/qa4308133.html)
    • 余白に色をつける、基本テクニックです。
  • フレームで呼び出されるのを拒否したい (http://okwave.jp/qa4307962.html)
    • 他人のサイトに勝手にフレームで表示されるのを防ぐ方法です。
  • link要素の意味/使い方について(<link rel="?"なものが多いので (http://okwave.jp/qa4307399.html)
    • ズバリですが、「link rel」タグに関する説明となっています。
  • 「<li>内の<ul>を横に表示する方法」 (http://okwave.jp/qa4305555.html)
    • 「li」と「ul」を器用に使用する方法です。affilieなら面倒臭がりなので「table」や「div」で誤魔化してしまうだろうなぁ。
  • 「<ul>タグで各<li>の中身を横方向羅列させつつ各項目を等幅に。」(http://okwave.jp/qa4304246.html)
    • これまた上と似て非なるもののようです。
  • 【CSS】divの中で縦方向の中央揃えは、どうやってかくのでしょうか? (http://okwave.jp/qa4307308.html)
    • タイトルのまんまです。

 やはり、悩むところは同じですねぇ~。
 今のところは「見つけてはブックマーク」しておいて、自分なりにブログ化しているだけです。
 いずれもaffilieの独断的な視点で厳選しています。

 この文書はGoogle ドキュメントで作成し、公開しています。

週末雑貨 affilie
(http://affilie.ntym.net/)

« 注目のGoogle製Webブラウザー「Google Chrome」を試す from 窓の杜 | トップページ | Google謹製ブラウザのChromeが勝手にバージョンアップしてました »

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/222630/42422069

この記事へのトラックバック一覧です: 小粒だけどピリリと〆るHTML/CSS/XHTML/スクリプト from OKwave:

« 注目のGoogle製Webブラウザー「Google Chrome」を試す from 窓の杜 | トップページ | Google謹製ブラウザのChromeが勝手にバージョンアップしてました »

2013年12月
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

最近のトラックバック

ウェブページ