タグ

ブックマーク / allabout.co.jp (4)

  • 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About

    携帯サイトの作り方 第1回 作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基をご紹介。 (注) 記事の解説は、ガラケーサイトの作成方法です。 記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。 スマートフォン対応サイトを作る際の注意点 レスポンシブ・ウェブデザインの簡単な作り方 レスポンシブCSSで使うブレイクポイントの決め方 モバイルファーストでデザインする際のCSSの書き方 ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選

    携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
  • 閲覧者がスタイルシートを切り替えられる機能を作る [ホームページ作成] All About

    現在のページで読み込んでいるCSS(スタイルシート)ファイルを、閲覧者がプルダウンメニューを使って(CSSファイルごと)切り替えられる機能を作ってみましょう。 CSSファイルそのものを動的に変更できる(置き換えられる)ので、ページの装飾やレイアウトを大きく変えられます。 複数のページデザインを用意しておいて、閲覧者が自身の好みに応じて切り替えられるようにしたり、画像素材配布サイトなどで、どのようなページデザインのときに素材がどのように見えるのかを確認させたい場合などに活用できるでしょう。 CSSファイルを動的に切り替えられる機能の例 下記のプルダウンメニューを変更すると、読み込まれているCSSファイルが変更され、ボックス内の装飾が変化します。試しに変更してみて下さい。 ※JavaScriptが有効な場合のみ動作します。 ※CSSファイルが新たに読み込まれるまで、数瞬の待ち時間がある場合があ

    閲覧者がスタイルシートを切り替えられる機能を作る [ホームページ作成] All About
    yuki930
    yuki930 2007/07/23
  • デジカメ撮影テクニック講座(2) 花火をキレイに撮るのなら - [デジタルカメラ]All About

    花火の撮りかた 今回はデジタルカメラによる花火の撮りかたである。 いくつかコツがあるので、簡単に整理してみよう。 ただ、最終的に必要とされるのは「慣れ」だ。 「この花火はどのくらいの高さで開くか」 「どのくらいの間、連発されるか」 ──というようなことがわかってくれば、だいたいこのていどの写真はすぐに撮れる。 こんなデジカメなら花火が撮れる できれば、デジタルカメラの中でも高級機と呼ばれるものがいい。 さらにいうのであれば、一眼レフであればなおいいだろう。 というのは花火を撮るためには後述するように、シャッターを4秒前後開くことが必要とされる。これだけの時間、開放するにはプログラムモードのほかに露出優先やシャッター速度優先といったモードを搭載している必要がある。 こういったモードを搭載しているデジカメは高級機が多いのだ。 逆にメニューの中にP/A/S/M

    yuki930
    yuki930 2007/07/10
  • ホームページをクリックした位置が分かる! - [企業のIT活用]All About

    あなたのホームページのどこをユーザがクリックしているか分かりますか? ガイド記事:「ホームページにはFがよく似合う」ではホームページをユーザーが見る時、視線の動きがアルファベットのFの字パターンになることをご紹介しました。つまりFの字の動線を念頭においてホームページを設計する必要があるということです。 ではユーザがホームページを見てクリックする時の動きはどうなんでしょうか? アクセス解析ソフトを導入すると、個々のユーザがどのページからどのページに遷移したのか追跡できますが、全体を視覚的にとらえることはできません。これができるサービスがありますので、さっそく試してみました。 ユーザがホームページのどこをクリックしたか分かる試したのは「Crazy Egg」の無料サービスです。 JavaScriptをホームページのHTMLソースに入れないといけませんが、指定されたものをコピー&ペーストするだけ

    yuki930
    yuki930 2007/05/10
  • 1