タグ

2007年10月22日のブックマーク (7件)

  • https://www.ruzee.com/files/shadedborder/test.html

  • CSS レイアウト切り替えスイッチ | WWW WATCH

    Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えられるようにしたらいいじゃんということで、そんな CSS 切り替えスイッチを作ってみました。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら (zip ファイル / 10KB) デフォルトでは横幅固定のレイアウトになっています。スイッチを押すたびにレイアウトが選択

    CSS レイアウト切り替えスイッチ | WWW WATCH
  • CSS+JavaScriptで画像に柔軟なレイアウトを作る。(日本語訳) - Trans

    著者: Aaron Gustafson件名: If I Told You You Had a Beautiful Figure...日付: 2007年9月25日URL: http://www.alistapart.com/articles/figurehandler訳者: Arata Kojimaその他: Translated with the permission of A List Apart Magazine and the author[s]. If I Told You You Had a Beautiful Figure... 率直に言って、画像というのは当にイライラさせる。OK、ところで、たぶん画像自体が問題なのではない。しかし、画像をデザインの中でかちっとレイアウトするのは難しい。画像を使って、うまくコンテンツの意味を訪問者に知らせたいときは、特にそうだ。 もちろん、ちゃ

    CSS+JavaScriptで画像に柔軟なレイアウトを作る。(日本語訳) - Trans
  • フリーで使える便利なDreamWeaver風HTMLエディタ「Nvu」:phpspot開発日誌

    Nvu - The Complete Web Authoring System for Linux, Macintosh and Windows Finally! A complete Web Authoring System for Linux desktop users as well as Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver. フリーで使えるDreamWeaver風HTMLエディタ「Nvu」。 WYSIWYGで編集でき、HTML Tags、Source、プレビューのタブなんかもあり。 CSSエディタ機能、HTMLバリデータとの連携、独自拡張の追加機能などもあり。 使いやすいHTMLエディタはないか?という方は是非試して頂きたいソフトです。

  • javascript タブUI導入の参考になるサイト - WEBデザイン BLOG

    JavaScript でタブ切り替え UI を実装する | WWW WATCH(http://hyper-text.org/archives/2007/09/javascript_tab.shtml) のエントリーをみていいなコレっと思ったので、タブUI導入で参考になるいいサイトなんかを紹介してみたいと思います。 以前のエントリーブログGTD WEBデザイナー独立するために(その1) - WEBデザイン BLOG「jQuery・javascriptを使ってのさまざまなアプローチ方法を実践する」の中でとWEB標準でのC O U L D長谷川様の「解体Apple.com」のPDFを見て、ユーザーアプローチに使えるってことで紹介しようと思っていたネタです。実際に、自分サイトを立ち上げる時もタブの実装は考えていましたので今日の勢いで。 タブでもさまざまなタイプがあって、導入してみたいものと実際に使

  • フォーム部品はデフォルトスタイルで

    てんぽ: フォーム部品はデフォルトスタイルで CSSHTML、FC2ブログのカスタマイズ、共有テンプレートなど FC2ブログ新管理画面を見て気になったのはボタンがボタンらしく見えないこと。 フォーム部品に関しては、中途半端なCSSを適用するくらいなら、ブラウザのデフォルトスタイルのほうがわかりやすいのではないかと思います。 Jakob Nielsenの「Jakobの法則」(ユーザは、大部分の時間を他のサイトで過ごしている)によれば、 ユーザは他のサイトでの経験をもとにそのサイトの機能を予想するため、ウェブサイトはデザイン標準に従うべきとしています。 個人的にはここにもうひとつの法則を付け加えたい。Jakob Nielsen風に言えば次のようになります。 ユーザは大部分の時間を同じブラウザを使って過ごしている。 つまり、ユーザの慣れ親しんだブラウザの機能や見た目をむやみに変更してはならない

  • ウノウラボ Unoh Labs: iPhone/iPod touch対応サイトを構築するための情報

    こんにちわ、山下です。 9月に発売された人気のiPod touchですが、私も即予約して購入してしまいました。二の指で操作するインタフェースは、Mac OS X譲りの滑らかな動作と相まって非常に楽しいです。ベッドで寝る前にSafariでWebブラウジングしているうちに眠ってしまって、一緒に朝を迎えることもしょっちゅうです。iPhoneと違ってGoogle Mapsのアプリがない、カレンダーに予定を入力できないなど、いろいろ制限もあるのですが、今は自由で楽しいiPodライフを送っています。 さて今回は、世の中にiPhone/iPod touch対応サイトがもっと増えればいいなという願いを込めて、iPhone/iPod touch対応サイトを作るために参考になるページを紹介します。 iPhone向けWebアプリケーションとコンテンツの最適化 アップル家によるiPhone向けWeb開発ガイド