UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
Dribbble - What are you ... / Gallery of UI Elements -... / 365psd | Download a free...他...全6件
Dribbble - What are you ... / Gallery of UI Elements -... / 365psd | Download a free...他...全6件
無料でアンケートを作成できる『THE FORM ASSEMBLY』が最強すぎる | i d e a * i d e a
ドットインストール代表のライフハックブログ
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
IDEA * IDEA
ドットインストール代表のライフハックブログ
IDEA * IDEA
ドットインストール代表のライフハックブログ
私たちの誰もが理解する”シンプル”という概念の正体を突き止めることは、難しそうに見えますが、実はそうでもありません。 私たちが製品やWebサイトをシンプルと感じるかどうかの背景には、”見れば分かる”ということだけではなく、単なる直観的な反応にとどまらない何かがあります。 Steve Jobs は次のように述べています。 シンプルであることは、複雑であることより難しい場合がある。物事をシンプルにするためには、思考を整理して懸命に考えなくてはならない。しかし、努力する価値はある。ひとたび達成すれば、山をも動かすことができるのだから。 シンプルにものを作ることにそんなに力があるのであれば、なぜ私たちはそうできないのでしょうか。 なぜシンプルであることは、こうも複雑なのでしょうか。 人生における多くの事柄と同じように、シンプルさには表面的に見えている以上の何かがあります。ここでは、私たちの脳が新し
いちは @Willway_ER 左右の取り違えについて。 注射部位を指示するときに、「右肩」「左肩」ではなく「みぎ肩」「ひだり肩」と書くようにしただけで、取り違え報告はほぼゼロになった。 2017-05-10 08:42:53
macOS Sonoma macOS Sonoma Come for the power. Stay for the fun. With macOS Sonoma, work and play on your Mac are even more powerful. Elevate your presence on video calls. Access information in all-new ways. Boost gaming performance. And discover even more ways to personalize your Mac. Stunning new screen savers New slow-motion screen savers of breathtaking locations from around the world look beau
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
日付や数値がたくさん入っているデータがあるとします。 そのデータについて「何かわからないかな？」という簡単な分析をしようと思ったとき、Excelの「条件付き書式」が非常に手軽で便利です。 条件付き書式を使うと、セルの数値の「相対的な大きさ」をセルの中に「グラフ」のように表示したり、「相対的な大きさ」を「色の濃度」で表現したりという指定ができるのです。 ↓たとえば、このような感じになります（このデータは適当に作りました）。 このようにすると、Excelの表そのものが、データの傾向や特異な点を視覚的に教えてくれるようで、なかなか楽しくなります。 【旧商品】Microsoft Office Excel 2010 通常版 [パッケージ] 出版社/メーカー: マイクロソフト発売日: 2010/06/17メディア: DVD-ROM購入: 9人 クリック: 136回この商品を含むブログ (12件) を見
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
IDEA * IDEA
ドットインストール代表のライフハックブログ
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は？ 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離れを招いていませんか？そうならないよう
鉄道のアナウンスは、外国人に伝わっているのか－－。日本語教室を運営する企業組合「にほんごの会」が首都圏の鉄道のアナウンスを調べたところ、文章が長かったり敬語が多かったりしてわかりにくいことが浮き彫りになった。災害情報を外国人に伝えるために考えられた「やさしい日本語」を自治体などが取り入れる中、同会は「アナウンスを『やさしく』言い換えることは不可能ではない」と訴えている。【金秀蓮】 調査は２０１７年１１～１２月、日本滞在歴が１年以上または日本語学習歴が６カ月以上の外国人２１人を対象に実施した。同会が首都圏を走る電車と新幹線の計２３路線のホームや車内に流れるアナウンスを、計２８時間１１分録音。外国人に聞いてもらい、わかりにくい表現を調べた。
その他 2024.6.2 Sun 12:30 「なんでこれ、会社がOK出したんですか！？」小室瑛莉子アナ、バズらせ動画に悲鳴 『深夜のハチミツ！！Bee the top』（フジテレビ系）が2日25時から放送される。 その他 2024.5.22 Wed 16:23 優れたプロモーションを評価する「ケーブル・アワード2024 第17回ベストプロモーション大賞」投票受付スタート！PR ケーブルテレビ事業者による優れたプロモーションなどを評価する「ケーブル・アワード2024 第17回ベストプロモーション大賞」 が実施される。 ガジェット・ツール 2024.5.20 Mon 20:17 完成度高い！Androidタブレットのイメージが変わる！Galaxy Tab S9／S9 FEをチェック 今回はAndroidタブレット「Galaxy Tab S9 Series」を実際に使ってみて感じたことをレポー
>>8 ワイ「アッ…アッ…🥺」 店員「クレジットカードですか？ こちらに差し込んでください」 ワイ「ウー😡」 店員「タッチですね、失礼しました」
Siriの音声入力でWebサービスを起動する「Siriランチャー」を作ったら驚くほど便利だったので公開します - Chrome Life
先日リリースされたiOS5.1ですが、皆さんは無事アップデートできたでしょうか？ 筆者は、リリース当日は混み合っていたせいなのか分かりませんが、アップデートできずに翌日ようやくアップデートできました。 今回のアップデートでは、Siriが日本語対応したということで多くの方が試されたと思います。 最初は、面白半分でいろいろ話しかけてはみたのですが、実用的に使えそうな部分はあまりありませんでした。 筆者の感想は 音声の認識率は高めだが、音声合成がヒドすぎる！ と感じました。 英語の場合の音声合成は良かったみたいですが、日本語はとても気持ち悪い機械音声なので使う気になりませんでした。 しかし、音声の認識率は優秀な方だと思います。 このSiriを導入したことで、テキストの入力がキーボードだけでなく音声でも入力できるようになっています。 この機能を見た時に、音声でいろいろ指示ができると面白いんじゃない
仕事の効率を改善することができるすごい壁紙 - GIGAZINE
通常、パソコンの壁紙は自分の好みのものを選んだりするのですが、この壁紙を違うものにすることで仕事の効率を改善し、作業スピードをアップすることが可能になるとのこと。一体どういう壁紙なのでしょうか？ 壁紙のダウンロードと使い方は以下から。 1440×1024（明るい版） 1024×768（明るい版） 1440×1024（ちょっとダーク版） 1024×768（ちょっとダーク版） 実際に壁紙にするとこうなります。 これを以下のようにして使います。 方眼紙：仕事用のフォルダやファイルを置く アルミニウムのプレート：個人のプロジェクト用 木製の机：未分類の仕事など 付せん紙：緊急の用件 実際に使うとこんな感じ。 つまり、自分の好みに応じて分類するルールを作れば、かなり効果的に仕事を効率を改善できるというわけです。確かにかなり使いやすいのでオススメです。
新人に読ませたい、Flash制作で必要になってくる大事な考え方(1) | _level0 - KAYAC Front Engineer Blog
除夜の鐘のごとく連投しています、kijimaです。そろそろきつくなってきましたが止まりません。 さて、今回は新人Flasherがまずぶち当たるであろうポイントについて、「機能を実装するための考え方」という視点でまとめてみました。 新人Flasherを育成するにあたって、なにか参考になる部分があれば幸いです。 Flashコンテンツ作成にあたり、習得しなければならない考え方、汎用的ロジックが存在することについて Flashコンテンツの特性として、デザインや演出などの見た目は違えども、多くのFlashコンテンツに共通している機能がたくさんあります。代表的なものでは、以下に挙げた機能などですね。 ・プリローダーの実装 ・ポップアップウィンドウの表示、非表示 ・スクロールバーの操作 ・フォーム送信とそのエラー処理 ・ボタン操作を一時的に全無効にさせる処理 ・ページャー機能 そして、上で挙げたような機
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
私がマイクロソフトをやめるキッカケを作ったのが、「イノベーションのジレンマ」という本だということは、以前にも書いた。IT業界でビジネスをしている限り、大きな会社にいようと、小さなベンチャー企業にいようと、この本に書いてあることを日々意識しながら仕事をするかどうかは大きな違いを生むはずだ。 このブログでも何度も引用しながら、一度もちゃんと解説を書いたことがなかったことに気が付いたので、今日のエントリーは、この本に書かれているコンセプトの解説。 そう思っていつもの様に書き始めたのだが、文字だけではとても伝えにくいコンセプトだ。しかし、図解と言えばパワポ、というのもありきたりすぎるので、会社の廊下にあるホワイトボードに手書きで描いた図を、携帯電話で撮影したものを使うことにした。通りがかった社員にも見てもらえるので、一石二鳥である。 上の図は、この本に書かれたコンセプトを一般化したもの。ブルーのラ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月26日（月）～3月3日（日）〔2024年3月第1週〕のトップ30です*1。 順位 タイトル 1位 メルカリ 小泉さんからのエグい学び｜Shota Horii 2位 行動をチャンク化して「1日に1ターンしか行動できない」から脱却する | Piyopanman 3位 「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 47NEWS 4位 いつか起業したいエンジニアへ #キャリア - Qiita 5位 日本人はなぜ「生産性の高い社会」を理解できないふりをし続けるのか 6位 「情報セキュリティの敗北史」が面白すぎる。だめだこれは寝れない、なんだこの死ぬほどワクワクする本は→賢者は歴史に学ぶ - Togetter 7位 味付け塩だけ、放置
ぼくらが迂闊にUIを作ると、そこにはユーザの正直な目線があり、非常に様々な、そして真っ当な反応がある。 曰く「わからん」「まさかそこをクリックするとは」「不思議な動作」「独自宇宙」「モリスUI」。 反応がもらえるのは非常に良いことだが、何度も何度も繰り返しているとつらくなってくるので、できれば避けたい。分かっている(いた)ことは最初から対応しておきたいものだ。*1 ということで、ここではブラウザで操作する管理画面等のWebUIを作るとき、真っ先に心得ておくべき5つの鉄則を紹介したい。これを守っていてもDISられなくなるというわけではないが、これを守らないと間違いなくDISられるので注意しよう。 なおこの記事ではオリジナリティというものについては考慮しない。オリジナリティとか犬に食わせろ。 クリックできる場所はcursor:pointerを指定しろ これを忘れるとこの世のものとは思えないくら
「iPhoneの画面をグレースケールにするとスマホに全然触らなくなる」というスマホ中毒の解消技を試したら本当に魅力が激減して全然触らなくなった
吉永龍樹（ヨシナガタツキ@僕秩） @dfnt 昨日の放送で一番反応があった「iPhoneの画面をグレースケールにするとスマホに全然触らなくなる」というスマホ中毒の解消技、 設定→アクセシビリティ→画面表示とテキストサイズ→カラーフィルタ→オン から設定できます。本当にスマホが色を失うだけで魅力が激減して全然触らなくなるのは不思議。 pic.twitter.com/y0j49u56Fu 2021-05-23 15:12:27
USBが誕生したのは「奥さんのプリンタをつなげる手間にキレたから」 USBの設計当時を振り返る：“PC”あるいは“Personal Computer”と呼ばれるもの、その変遷を辿る（1/6 ページ） IBM PC、PC/AT互換機からDOS/Vマシン、さらにはArmベースのWindows PC、M1 Mac、そしてラズパイまでがPCと呼ばれている昨今。その源流からたどっていく大原雄介さんによる解説連載の第8回。前回はPCのアーキテクチャを巡るIntelとMicrosoftの動きを描いたが、今回はそこでIntelの取り組みの成果の一つとして挙げたUSBのお話である。 USBはいろいろ失敗もある（というか、現在進行形で失敗し続けている気もしなくはない）が、それでも大成功したインタフェースである。そして単にPCだけではなくマイコン（※1）などでも普通にサポートされるようになってきており、加えてP
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
13日に公開されたiOS5。iPhone4Sに搭載されている最新OSですが、iPhone3GS/4、iPad/2、iPod touch（第3/4世代）にも対応しているので、わくわくしながらアップデートされた方も多いのではないでしょうか？ 私もそのひとり。iPhone4を13日午前4時から約3時間かけてアップデートしました。わくわくしながら触ってみると何だかフリック入力に違和感が……。何というか、文字入力ミスが多発して、変換候補の表示ももっさりしていてイライラ。 iPhone4なのに何で？パワー不足？？そんな事は無いはず……。と思っていたのですが、Twitterでみなさんのツイートを見ていると、どうやら大きく二つの原因があったようです。（ちなみに、Appleから正式なコメントが出ていないのであくまで私の予想です(^_^;)。） iOS5になってフリック入力に影響が出た理由 キーボードの認識エ
月額課金というスタイルで、突如食べログアプリユーザーの機能制限をし、その機能を有料化した食べログ。 今回食べログアプリがやらかした事は、多くのユーザーに嫌われ、アプリを消してしまう人まで増やす結果となった。 一体何が起こったのでしょうか？ 9月の食べログアップデート炎上事件 もはや有名な事件なので、すでにご存知の方も多いかと思いますが、食べログがやらかした事で報道されている内容は次の一点。 お店検索の検索結果を点数順、人気順にソートできていたが、それを月額315円支払ってくれるプレミアムユーザー限定の機能にするため、利用できなくなります。 というものだ。 これがきっかけで鎮火不能のレビュー炎上となった。 もはやこのアプリすごく良いという声は何処からも聞こえてきません。 実際に使って見るとわかりますが、これまで使えた機能が奪われたので「iPhoneアプリ」としてはかなりいらないアプリにまで落
スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
やってしまいがちなユーザビリティのミスとその解決方法
ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手
【レビュー】Wiki以上! 『Google Sites』は情報統合プラットフォームだ (1) WikiがベースのGoogle Sites | ネット | マイコミジャーナル
Google Sitesが一般ユーザも無料で使えるようになった Googleからコラボレーションサービス『Google Sites』の一般公開が5月23日から始まった。それまでGoogle Appsの一部として提供されていたが、一般公開によって誰でも無料でこのサービスを利用できるようになった。Google Sitesは、HTMLを知らなくてもサイトを構築できる「Webベースのコラボレーションサービス」などと言われている。では、他の類似Webサービスと比べて何が違い、何が魅力なのか。実際に触れてみることで色々分かってきた。とくにGoogle Sitesは"Googleならでは""Googleだからこそ"ここまでできると言えるような魅力がたくさん詰まっている。 「Google Sites」のトップページ このレビューではGoogle Sitesの紹介や基本的な使い方、そしてGoogle Sit
「合理的配慮ではなく、合理的調整と呼ぶべき」芥川賞受賞作「ハンチバック」著者、市川沙央さんインタビュー - 成年者向けコラム | 障害者ドットコム
側弯症の女性が主人公の芥川賞受賞作「ハンチバック」。その作者で自身も側弯症である市川沙央さんに「ハンチバック」の作品に込めた思いなどを尋ねました。作品についての質問から、世間の障害者観についての質問まで、幅広くお答えいただきました。特に、障害者の権利やヘイト言説についての質問には、とても気持ちのこもった痛快な回答でした。 あれでも相手役だった「田中さん」 (c)撮影：深野未季（文藝春秋） ──様々な固有名詞や専門用語などが実名で登場していますが、そこに意図はおありでしょうか。 「医療用語、医療機器名に関してはリアリティとともに、日常感を示すためです。特別なものではないということですね。WEB小説用語もそうですね。いや、『ナーロッパ』とかは、単純に『ナーロッパ』というワードを純文学の文芸誌に載せたかった、WEB小説界からそのように殴り込みをかけたら面白いじゃんと思って書いていたかもしれません
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ColorBox - ポップアップ内を自由に設定できる活かしたjQuery
シンプルの心理学 ― 心地良いデザインのために | POSTD
これは確かに有効そう…医療現場であることを実践したら「左右の取り違えミス」がほぼ０件になった
Apple - Accessibility - Resources
Excelの「条件付き書式」はすばらしい - 結城浩のはてなブログ
ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
クリック率の高いテキストリンクの色は？【2013年版】 | ウェブ力学
成功するショッピングサイトに必要な17の新常識 | POP*POP
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita
電車の放送：やさしくない 日本で暮らす外国人 長文・敬語避けて 日本語教室調査 | 毎日新聞
メイド喫茶が増え続けるわけ：RBB TODAY (ブロードバンド情報サイト)
【朗報】VISAタッチの普及でPayPayが完全にオワコンになってしまうｗｗｗｗｗｗｗｗ
Life is beautiful: 図解、イノベーションのジレンマ
はてなブックマーク開発ブログ
DISられないUIを作るために最低限守るべき5つの鉄則 - たごもりすメモ
USBが誕生したのは「奥さんのプリンタをつなげる手間にキレたから」 USBの設計当時を振り返る
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN
費用をかけずにウェブページを最適化 Googleウェブサイトオプティマイザー活用術
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
iOS5でフリック入力ミスが増えた方必見！もっさり解消法 | ひとぅブログ
iPhoneアプリ有料化で批判殺到｜食べログは何をミスったのか
モバイルではメニューを画面下に表示すべき理由
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
http://www.designwalker.com/2009/09/shopping-design.html
