GoogleのDesign Docsから学ぶソフトウェア設計 - Qiita
概要 Design Documentと聞くと何を想像しますか？ 一般的にDesign Documentが指すのは設計書であることが多いのではないでしょうか。 設計書、簡単に説明するのであればソフトウェアを「どうやって作るの？」を説明したドキュメントです。 Googleではソフトウェアエンジニアリング文化における重要な要素として、今回お話ししていくDesign Docsと呼ばれるものがあります。 Design Docsとは？ Design Docsとは、開発者がコーディングに着手する前にソフトウェアシステムまたはアプリケーションの開発する人が作成するドキュメントです。 => ソフトウェア設計における仕様書や設計書とは別物と捉えた方がよいです。 仕様書、設計書は作成した上でのDesign Docsの作成となるようです。 このドキュメントには、高レベルの実装戦略と主な設計の決定事項がまとめられて
業務を効率化させるデザインシステムとは？｜Tadaki
こんにちは！アルプのデザイナーの大澤 (@Tadaki) です。 先日デジタル庁でデザインシステム勉強会の記事が公開されましたね。活用事例として私が所属するアルプでのデザインシステムについて紹介できればと思います。 アルプではサブスクリプションビジネスを行う企業向けに、今まで手作業や自社開発がスタンダードだった契約や請求の管理を SaaS として提供する Scalebase というプロダクトを開発しています。 Scalebaseの開発では、日々プロダクトチームのメンバーとデザインをすり合わせをしつつ開発を進めています。その話の中で「画面Aの保存ボタンと画面Bの保存ボタンが微妙に高さが違うのですがどちらかに統一できませんか？」といった Component レベルの調整は、最初に定義してしまい相談せずとも理解できる方がお互い楽です。 デザインシステムを運用することで、UIの考え方やルールをチー
情報処理から見た錯視・東北大学情報科学研究科にて・2008年
情報処理から見た錯視 東北大学情報科学研究科・2008年1月9（水）10:30-12:00 坪川宏先生ご企画 北岡 明佳（立命館大学 文学部 心理学専攻） email 2008/1/5より 錯視（visual illusion）とは視覚性の錯覚のことであり、錯覚（illusion）とは実在する対象の真の特性とは異なる知覚のことである。 このように、錯視の定義は簡単なのだが・・・ 本日のメニュー 顔ガクガク錯視 視線方向の錯視 顔の幾何学的錯視 顔ガクガク錯視 「『顔ガクガク錯視』はさかさま顔では弱い」 左図を見ると、4つ目で口が2つの女性というよりは、観察者の目が落ちつかないかのように、図がガクガクして見える。 すみませーん、この錯視、名前はありますか？ 知っている方は文献を教えて下さい。 →北岡にメールする この「顔ガクガク」錯視は、さかさま顔では弱い（右図）ので、顔特有の錯視であろう
The Japanese Gallery of Psychiatric Art 精神科薬広告図像集
the american gallery of psychiatric artというサイトがある（あった。残念ながら今はもうない）。1960年代から現在に至るまでのアメリカの精神科薬の広告アート集である。どういうわけかアメリカの広告アーティストたちは、精神科の薬の広告では、患者の感じている恐怖感や抑うつ感といったものを表現せねばならぬ、と思いこんでいたらしく、ぎりぎりと歯を食いしばる男やら闇の中にうずくまる女やら、見ているだけで不安にかられてきそうなほどおどろおどろしい図案ばかり。なんと、笑顔の絵柄が登場するのはようやく90年代になってからである。どうやら、薬が効いて楽になった状態を描いてもいいのかも、とアメリカ人もやっと気づいたらしい。 さて、同じようなサイトの日本版ができないものかと思い、医学図書館にあった古い精神医学雑誌をぱらぱらとめくっては、薬の広告（薬ではないものもあるが）を集め
RSS空間を旅する -- Voyage
最近あまり RSS リーダーに関心を払ってこなかったのですが、こんな面白いサービスが登場しているそうです（via information aesthetics）： ■ Voyage - RSS feed reader 「見せ方」を工夫した RSS リーダー。アクセスすると、まずはこんな画面が表示されます： 下の方にオレンジ色の文字で"Loading ..."と出ていますが、これがいま読み込んでいる RSS フィード。登録してあるフィードが全て読み終わると、文字が"Start"に変わるので、そこをクリックします。 すると現れるのが、上のような画面。画面上にフワフワとただよっているのが、RSS から読み取った個々の記事になります。マウスを動かすだけで画面がスクロールするので、気になる記事を見つけたらクリック。以下のような詳細が表示されます： ここから元記事にジャンプすることも当然可能。で、奥の
prototype.jsでYouTubeをインクリメンタルサーチ （1/3） ─ ＠IT
prototype.jsでYouTubeをインクリメンタルサーチ：パターンとライブラリで作るAjaxおいしいレシピ（2）（1/3 ページ） 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData（Google Data APIs）の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP（前回記事参照）による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
[CSS]スクリプト無しで実装するタブの切り替え -Mini tabbed pages
Mini tabbed pagesは、JavaScriptを使用しないでタブの切り替え・コンテンツの開閉を実装するスタイルシートのサンプルです。
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
デザイングッズのオンラインショップ caina（カイナ）
caina.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
各種CSSメニューをカスタマイズしてダウンロードできる『CSS MENU MAKER』 | 100SHIKI.COM
このサイトでメニューを作って張ってみたんですが メニューがTOP画像の上に表示されるのです。 どうすればよいでしょうか？ Top Tools Yotube Music Diary これがHTMLで ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:12px; font-weight:bold; text-transform:lowercase; background:transparent url(“http://error911.up.seesaa.net/image/bg.jpg?20090326204938″) repeat-x top left; font-family:”Trebuchet
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLクイックリファレンス
GUIdebook: Graphical User Interface gallery
ダメなユーザインタフェイス講座
FICC | デジタルエージェンシー
「オレがルールだ！」：HTML TABLEタグでヘッダを固定にしてデータ部だけスクロール その２
TableとCSSいろいろ - DesignWalker
サービス終了のお知らせ
W3C CSS 検証サービス
あのＡＡどこ？
HTMLの外部ファイル化