タグ

ブックマーク / labs.unoh.net (4)

  • ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

    yamaokaです。 水平方向に並んだナビゲーションを作る場合、 皆さんはどのようにマークアップされているでしょうか。 とりあえず必要な項目を羅列してみましょう。 それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="arrow.gif">追加 </p> horizontal_nav_1 posted by (C)フォト蔵 一見よさそうです。 ただ、HTMLの論理的な構造としてふさわしいものでしょうか。 ナビゲーションと言えども論理構造としてはリストの一種なので、リストとしてマークアップするのが適当と言えます。 リストにしてみましょう。 == HTML == <ul id="navigation"> <li>編集<

    smhrs
    smhrs 2007/07/14
  • ウノウラボ Unoh Labs: CSSをデバッグしよう

    こんにちは、Sashaです。CSSって、誰でも比較的簡単に始めることが出来るくせに、何年たってもつまらないバグにハマったりするものです。今日は、CSSをデバッグする手順を紹介します。特にCSS初心者の方々に参考にしていただければ光栄です。ただ、ここで紹介しているのは、CSSの問題解決の方法ではありません。CSS上の問題点の原因を、自分で見つけるためにとるべき手段です。見つかった問題点を、どうやって解決するかは、ここでは触れないのでがっかりしないでくださいね。 ※以下の手順は、下記のサイトをパクッ・・・、じゃなくて、翻訳しつつ簡単にまとめたものです。 参考: http://www.subcide.com/tutorials/debuggingcss/ まず、問題あるって認めましょう。 見なかったフリをしたい気持ちはよくわかります、が。 人的ミスをつぶそう スペルをチェックしよう

    smhrs
    smhrs 2007/05/31
  • ウノウラボ Unoh Labs: ウェブデザインに不可欠なツールサイトの紹介

    naoyaです。 今日は最近見つけました”ウェブデザインに不可欠なツールサイト”を紹介します。その名前も「Web Design Tools - thePeoplesToolbox」です。このサイトはウェブデザインの使われるさまざまなサイトをまとめたサイトです。 それでは、さっそく使ってみることにしましょう。 まず、最初にユーザ登録した方が自分のツールボックスにできるので登録してみましょう。 登録するには、右上の"login"リンクから、必要な情報を入力するだけでその場で登録完了となります。"Enter Code"には、"Authentication Code"と同じ文字を入力します。 ウェブデザインサイト1 posted by (C) フォト蔵 ログイン後、"home"リンクからトップページを表示すると、ウェブデザインに使えるサイトの一覧がカテゴリ別に表示されています。 この中から

  • マルチウィンドウ環境をよくするソフトウェアたち

    naoyaです。 今回のエントリは、Windows ユーザに限ったエントリです。 今週から、ウノウではデュアルモニタを導入しました。(ちなみに、デュアルモニタは事務の方も今日から使い始めました。)私は今まで、Virtual Dimenstionというソフトウェアを使って仮想デスクトップを構築して使っていましたが、デュアルモニタの導入により仮想デスクトップが必要なくなりました。そのため作業構築は格段に上がっていることを実感できていますが、さらに作業構築を上げるためのソフトウェアがないか調べてみました。 まず見つけたのがMultiMon Taskbarというソフトウェアです。Multion Taskbarを使うと、ホームページを見て分かる通り、ウィンドウのタイトルバーにボタンが一つ追加されて、このボタンを押すと自動的に別のモニタへウィンドウが瞬時に移動します。これはかなり便利です。さらに非プ

  • 1