タグ

webデザインに関するhiro-uedaのブックマーク (3)

  • MOONGIFT: Webページの適正チェックに「RightWebPage」:オープンソースを毎日紹介

    システム開発者がフレームワークやプログラミング言語にこだわるように、Webデザイナーの方はWeb標準への適合性に敏感だ。そのための仕組みも用意されているが、Webサイト全体をテストしようと思うと非常に大変だ。 デザイナ/開発者双方にお勧めのテスティングツール そこで手軽にできるようにしてくれるツールを使ってみよう。WindowsMac OSXLinuxのそれぞれで動作するRightWebPageがお勧めだ。 今回紹介するオープンソース・ソフトウェアはRightWebPage、HTML適合性チェックソフトウェアだ。 RightWebPageはローカルファイルまたはURLを指定して適合性チェックを行える。URLに対してはリンクをたどる深さを指定できるので複数のURLを一気にチェックすることができる。アクセシビリティチェックやキャッシュ、クッキー、日付フォーマット、重複リンク、Validなど

    MOONGIFT: Webページの適正チェックに「RightWebPage」:オープンソースを毎日紹介
  • Webサイトの彩りに使える小さなアイコン集·twotiny MOONGIFT

    Webサイトを作る上で、アイコンの持つ力は大きい。技術者がサイトを作るとその点が疎かにされがちだが、文字の説明よりも分かりやすく、そしてスペースも使わないというのが大きな利点だ。言語の壁さえ越えられる。 二色の分かりやすいアイコン集 そんなアイコンをサイト上で使いたいならば、ここで必要なものの殆どが手に入りそうだ。 今回紹介するオープンソース・ソフトウェアはtwotiny、小さなアイコン集セットだ。 twotinyは緑、赤、青、ベージュの5色で提供される75個の小さなアイコン集だ。矢印、人、グラフ、チェック、拡大/縮小などWebサービスで良く見かけるようなマークが多数登録されている。ファイルはGIFまたはPDFで提供されている。 こちらはカラフルなアイコン集 もう一つはカラフルなアイコン集で、こちらは100種類程度が提供されている。こちらもまた小型のものではあるが、メールやフォルダ、警告な

    Webサイトの彩りに使える小さなアイコン集·twotiny MOONGIFT
  • bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife

    CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "MS Pゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書

    bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife
  • 1