タグ

cssとuiに関するigaiga07のブックマーク (3)

  • Semantic UI

    Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit

  • CSS3だけでWebサイトのUIをMacPro的なメタル調にしてみた

    百聞は一見にしかず。デモこのエントリーはIEだと面白くないですよ! 文字サイズを大きくしたり小さくしたり、キャレットで文字列を選択してみたりして、これが画像でないか確めてみましょう。一切画像ファイルは使ってないよ! <2010/05/28 13:00追記> Chromeだとwindow.onloadイベント処理が動作してないようなのでハンドラをonmouseoverに変更。マウスポインタを重ねるとloading...部分が動作するはず I ♥ Internetloading... Profile Blog Twitter Bookmark 趣旨見せてもらおうか、W3Cの新しいCSSの性能とやらを 先に結論無理にすべてCSS3だけで表現を完結させようとすればするほど一昔前のブラウザ別ハックみたいな事しなきゃいけなくなりますよ。 ちなみにBloggerにデモ用に直にHTML記述してみたんだけど

    CSS3だけでWebサイトのUIをMacPro的なメタル調にしてみた
  • IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開

    業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U

    IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
  • 1