[B! design] gx9901dxのブックマーク

Don't Throw Stones in This House with Glass Ceilings and Floors

gx9901dx 2014/02/09

リンク

総論インデックス | Unix Design Office Inc.

本Tipsは、GUIに関して、弊社が日常の業務や調査を通じて、理解した事、考えた事をまとめたものですが、多くの項目は、ウェブサイトのユーザービリティにも通ずると考えております。また、今後も、できるだけ内容の追加＆改良に努める所存でおりますので、感想、叱咤激励、ミスの指摘などをいただければ、幸いです。 0-1-01. GUIにおける三つのステップユーザーは、「知覚・理解・操作」の三つのステップを踏んでいる。 0-1-02. そのGUIは手段なのか、目的なのか？アプリケーションによって、その度合いは変化する。 0-1-03. ユーザーはフロアーガイドを持っていないユーザーは距離も方向も感じる事はできない。迷子になって当然である。 0-1-04. エンジニアモデルとユーザーモデル一度「わかる」と、二度と「わからない自分」に戻る事はできない。 0-1-05. LATCH（その1）5つのアプローチは

gx9901dx 2013/12/18

リンク

CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ