タグ

2007年1月23日のブックマーク (8件)

  • デフォルトスタイルの差異を無くす CSS

    2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.netCSS2 Specificationでのプロパティの出現順序」に沿

  • 【レビュー】カユいところに手がとどく - 軽量・高速「jQuery」 (1) jQueryとは | エンタープライズ | マイコミジャーナル

    1 jQueryとは jQueryはJavaScriptで開発されたAjaxライブラリ。The MIT LicenseおよびGNU GENERAL PUBLIC LICENSE Version 2のデュアルライセンスで提供されているオープンソースソフトウェアで、一口でいえばPrototype.jsとよく似たJavaScriptライブラリだ。2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査結果によると、もっとも人気があるAjaxフレームワークは上から順にPrototype、Script.aculo.us、Dojo、DWR。割合は7%ながらも6位にはiQueryがランクインしている。 jQueryはPrototype.jsに触発されて開発がはじまったライブラリで、Prototype.jsと類似した表記方法を採用しつつ、整理され

  • いらないときは隠すインターフェース | SiMPLE*SiMPLE

    いらないときは隠すインターフェース January 11, 2007 8:00 AM written by watanabe シンプルさを追求するには、削れるものをそぎ落としていく作業と同時に、きちんと意味が伝わるような工夫が必要なのかなと思います。 そういう意味で、シンプルなスペルチェッカーspellifyは参考にできそうです。 ↑ 画面には、フォームしかありませんが・・・ ↑ フォームをクリックすると使い方の説明がすーっとあらわれ、フォームの外をクリックするとすーっと消えます。 あまり使い慣れていない画面ではどうかと思いますが、検索窓のようにある程度何をするかわかっているところで、こうした「隠れ説明」が必要なときだけ出てくるというのも悪くないですね(少なくともちょっとした驚きがありました)。 場所にもよるかと思いますが、「必要なときには表示して、いらないときには隠しておく」というインタ

  • バブルマップのすすめ ~ ストレスすっきり解消型ToDo管理手法 ~ | IDEA*IDEA

    ドットインストール代表のライフハックブログ

    バブルマップのすすめ ~ ストレスすっきり解消型ToDo管理手法 ~ | IDEA*IDEA
  • フォントの色と大きさと背景色の微妙な関係 | S i M P L E * S i M P L E

    フォントの色と大きさと背景色の微妙な関係 December 26, 2006 10:00 AM written by 8maki 12月1日からクリスマスまで、日替わりでウェブ制作のちょっとしたTipsを紹介する「24 ways」が今年も開設されているようです。 その24 waysから一つご紹介。 » 24 ways: Cheating Color フォントの色と大きさと背景色についてのTipsです。 わかりやすく例を出していきましょう。 架空の会社のロゴを例にしてご説明します。まず、大きいフォントで「Double Dagger」という社名があり、その下に小さいテキストが入っています。よくあるデザインですよね。さて、このデザインについて見ていきましょう。 ■ 薄い背景に明るいフォントの場合 さて、下に2つのロゴがあります。 左のロゴは色の統一感のルールに従って社名とテキストを同じ色にしてい

  • いつでもコメントしてもらえるインターフェース | SiMPLE*SiMPLE

    いつでもコメントしてもらえるインターフェース December 25, 2006 9:00 AM written by watanabe 以前、このブログでいつでもブックマークしてもらえるインターフェースというエントリーを書きましたが、今回はそのコメントフォーム版です。 画面をスクロールしても、コメントフォームが常に右に表示されるようになっています。ちなみにFirefoxでは動きましたが、IEではだめでした。 言葉でいってもわかりにくいので動画でどうぞ。 エントリーを読み返しながらコメントできるのは、便利ですよね。ショッピングカートがついてくるようなECサイトも、すでにあるんでしょうか。調べてみたいと思います。 Info: ナビゲーション | 固定リンク | コメント (0) | トラックバック (0) | ↑

  • 「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP

    たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ! ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ

    「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
  • UMLを勉強するためのツール&参照リンク - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 UML(Unified Modeling Language)は現在最も普及しているモデリング言語。2006年現在の最新版はUML2.0。システムの振る舞いや構造、制御の流れや用件定義なんかを図に起こすための規格。モデル図を書く時の、矢印とか記号とかの意味や使い方を定義している。仕様書の書き方みたいなもん。ちなみにXMLと響きは似ているけど、直接関係は無い。 @IT, 【改訂版】初歩のUML UML技術者認定制度, チュートリアル オブジェクト倶楽部, UML 超入門 上記を参考に、がしがし書いてみる。 UMLモデリングツールはフリーの「JUDE/Community」を