世界一うざい「ページTOPへ戻る」が実装されました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGの副社長、ゴウです。 この度、LIGブログに「ページTOPに戻る」機能が実装されました。 どのサイトにでもある、普通の要素だと思うのですが、今回、我々は“ウザさ”にこだわって作ってみました。 ページ右下にある弊社エンジニアの段田をクリックすると… ゴゴゴゴゴ… ドドドドドドドド… という感じで、段田が天に登るラピュタのように上昇していきます。 俺が知る限り、ここまでうざったい「ページTOPに戻る」は無いと思いますし、今回の開発にはデザインとJSの実装で4日ほどかかっており、「うざい」という以外に感想が無いような機能の実装に大切な会社のリソースを割いてしまった事をこの場を借りてお詫び申し上げます。 とは言え、この機能の一番下に、広告領域も設けてあります。 時間にして2秒ほどしか見えない上に、クリックをするにはそれなりの慣れと反射神経を必要とするのですが、今回特別にこの広告枠
BBDO
our dna Siamo parte di BBDO, il network più premiato al mondo. In Italia abbiamo due sedi, una a Milano e una a Roma e possiamo contare su un team di oltre 100 professionisti che condividono la stessa passione per la qualità. our values BBDO è un'organizzazione dove le persone costituiscono un elemento distintivo. Le persone sono al centro del nostro lavoro e del nostro agire, per questo cerchiamo
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Stu Nicholls | CSS PLAY | Concertina library books menu
CSS MENUS › Concertina library book menu Date : 7th November 2008 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. MENU HOME PRIVACY POLICY SALES Digital SLR Cameras Interchangeable Lenses Flash Guns Professional Tripods Filters & Lens Hoods SERVICES Printing & Framing Photo Editing Storage & Backup CONTACTS Support Sales Buying Photographers Sto
Concepts + Principles - プログラミングの原則 - Concepts + Principles - Top
ここはプログラミングの原則を集める Wiki です。巨人の肩に乗って、ふつうの人がよいプログラムを書くための指針を集めたいなと思ってます。 目次 よいデザインのための Concepts + Principles DRY (Don'tRepeatYourself) 名前重要 直交性 トラッシュではなくクラッシュ DuckTyping よいルーチンを書く 凝集性 結合性 契約による設計 (DesignByContract) ルーチンを作る正当な理由 よいモジュールを書く 適切なモジュール性を確保するために守らなければならない5つの原則 開放/閉鎖原則 (OpenClosedPrinciple) よいアプローチのための Concepts + Principles 曳光弾 可逆性
BeInteractive! [Spark project 勉強会 #03 ありがとうございました]
今月も無事、Spark project 勉強会 #03 を終えることが出来ました。今回 100 名参加ということで、もう本当に色々スパークしていたような気がします。来月もスパーク！告知は 公式ブログ をチェックして下さいね。 以下、僕の発表資料です。 Spark project 勉強会 #03 Keynote (近況報告)http://www.be-interactive.org/works/20080930/keynote.pdf マルチプレイ Flash ゲームのつくりかたhttp://www.be-interactive.org/works/20080930/be-lt02-multiplay.pdf あ、ちなみにこの度、二十歳の誕生日を迎えまして、勉強会でも (すいません) 、沢山の方に祝って頂き、本当にありがとうございました。20 代も三度の飯より ActionScrip
デザインに関する箇条書きのメモ: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 自分の頭を整理するために。 箇条書きで。 1.デザインとは形や色、素材などによるスタイリングだけでなく、物や事を社会において実現させるために必要なあらゆる面での企画・設計・意図。「デザイン」というのは、もともとはTo do with signs、「サイン」を相手にどう対処するかという意味の哲学と手法のことなんだね。（from 高山宏『表象の芸術工学』）マーケティングによってニーズを、つまり甘やかされただらしない欲望を掘り起こして、ほしいものを与えていくことによって生まれる文化よりも、デザインによって覚醒されていく生活の方が、確実に社会を豊かにしていくからです。そこに早く気がついた経済文化圏が、やっぱり次の時代をリードしていくんじゃないでしょうか。（from 原研哉『なぜデザ
ユーザビリティの高いタブナビゲーションを作る4つのポイント - Feel Like A Fallinstar
最近ではYahoo!のトップページにも採用されているタブ切り替え（ナビゲーション）ですが、UIデザインのポイントを誤ると、ユーザの利便性が一気に低下してしまいます。 ユーザにとって利便性の高いナビゲーションを作るための、「正しい」デザインのポイントを紹介します。 1.アクティブなタブとコンテンツを、領域として「結ぶ」 現在使用している領域とコンテンツ部分とが分離されていると、ユーザにとっては現在地が把握できなくなってしまいます。 必ずタブとコンテンツがセットになるように設計・デザインしましょう。 2.選択中のタブとそれ以外のタブの色を異なるものにする。 こうすることで、猟奇としての区別がより明確になります。 3.選択中のタブの文字は、フォントカラーも変更する これは必須というよりも、「やるとベター」という認識でよいと思います。 よりタブの選択を明確にするため処置ですね。 4.リンクはタブ全
「About Face 3 インタラクションデザインの極意」（アラン・クーパー）読了 - Feel Like A Fallinstar
時間が掛かったのは、一個一個実際のソフトやケース事例に当てはめながら読み進めたため。 内容については「さすがだなぁ」の一言。 インターフェースに完全に特化したFace1.0～2.0と比べて、上流の概念から落とし込んでいますので、Webのみならずあらゆる「設計」に携わる人なら必携と断言できる内容になっています。 ただ、逆にこの「上流」ってのは曲者で、ロクに画面を作る力もない人間がありきたりなマーケット分析（ペルソナ作って3C描いてスウォット分析して・・）の理屈で押し通した結果のデザインやWebってのは往々にして「結局数字が出ない夢の城」に終わってしまいます。 なので、敢えて言ってしまうと、これを読むならある程度「設計力」「デザイン理解」をつけてからにしたほうがいい。1.0→3.0（本書）の流れに乗って読んでほしいな、と。 Face1.0を読まずにこれを読む人間は結局この本の本当の価値を吸収（
ブログの未来はどうなる--新しいコミュニケーション手段「ライフストリーミング」: ウェブホマイリー
ユーザーエクスペリエンスデザインやらユーザー中心設計やら インフォメーション・アーキテクチャやらユーザビリティやらアクセシビリティやら ウェブマーケティングやらブランディングやら CGM やら いろんなデザインやらウェブやら関連のネタをクリップしまくりホマイリー！と叫ぶためのブログ。 ブログの未来はどうなる--新しいコミュニケーション手段「ライフストリーミング」 http://japan.cnet.com/column/rwweb/story/0,2000090739,20378702,00.htm ライフストリーミングとは、時系列で並べられた情報を使って日々の行動を記録する新しい方法だ。インターネットでの活動と実世界での人目を引く行為で「ネット有名人」になったJulia Allisonさんのようなブロガーは、ライフストリーミングを使ってスターの地位に上り詰めた。さらに、ネットでのスターの
jQueryを使った、UI表現 | クリエイティブ・タブロイド withD（ウィズ・ディー）
こんにちわ。mBlogのQuattroです。今回でちょうど連載が始まって丸2年となりました。withDもリニューアルし、これからはより大きなサムネールで、Webに関するツールやTipsを紹介できるかと思います。そんなわけで今後ともひとつ。 さて今回は、jQueryを使ったユーザーインターフェースに関するJavascriptをいくつかご紹介したいと思います。いわゆるJavascript Libraryと呼ばれるものの中には、他にPrototype.jsやmootoolsあたりが有名どこですが、今回はjQueryに絞って紹介してみたいと思います。
Horizontal CSS Dropdown Menus - CSS Reset
Last week, CSS Newbie reader Andrea Pluhar wrote in with an interesting problem: she wanted to use CSS dropdown menus like the ones we featured last week on a website that she was building, but the design called for the submenu to be arranged horizontally, not vertically. She sent me a mockup of what she was after (excerpted above) and wondered if there was a way to accomplish this effect using CS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
優良なUIがどういうものか - Let’s go to DENKI-YA-SAN!
http://www.webresourcesdepot.com/dnspinger/
Stu Nicholls | CSS PLAY | Professional - dropdown table menu
http://webstandard.kulando.de/post/2008/09/12/best-of-jquery-tutorials
Microsoft Office Labs - pptPlex
Blogger
ウェブの画面設計に使えるまとめ - DesignWalker
Michael Leigeber