You can see the designs from the ui challenge below, we extended it with the components we found, updating daily. See stats for frequency.
Whether on an app screen, a web browser, or a wearable watch face, design is one of the most important drivers of consumer engagement. From flat design to Material design, I analysed what trends have evolved, and share a few of my insights with you — what are these trends? Why are they beneficial to the user? And how are they created? Let’s look at how flat design and Material design came into pla
Finding the right elements for a project can significantly improve the quality of the final product, especially if your deadline's too tight to build these things yourself. Quality is essential if you're to maintain a professional finish. Fortunately the quality of the resources available to us continues to rise and premium standard resources are everywhere. Here's a collection of some of our curr
It’s no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It’s imperative because we’re not just taking a look online, but we as consumers are beginning to purchase, […] It’s no secret that designers must start designing for mobile. With more
Mailchimpのウェブサイトが新しくなり、ヘッダーがかっこ良くなった。もしかしたら固定された水平ヘッダーの最適解かもしれない。なかなかパクりたい。 Mailchimpの新ヘッダーは最初はちょっとスクロールに従ってついてくるんだけど、メイン・コンテンツに差し掛かると消える。最後まで読むか上にスクロールして戻ろうとすると再表示されるというもの。トップだとちょっとわかりづらいのでPricingのページをスクロールさせてみるとわかりやすい。 スクロールすると固定になるヘッダーを採用している多くのウェブサイトと同じようにMailchimpもヘッダーのすぐ下にでっかい領域が確保されている。そのでっかい領域によるヘッダー(のナビゲーション)へのアクセス性の低下をフォローするために多くのウェブサイトはヘッダーを固定しちゃうわけなんだけど、それでは同時にコンテンツの閲覧性に影響を与えてしまう。ヘッダーを
7 Awesome jQuery Countdown Scripts That Will Power Up Your Conversions by Lars | Last updated Feb 12, 2017 | Javascript, jQuery Plugin Collections | 42 comments Using jQuery Countdown Scripts is a simple and performance optimal way to add a dynamic and interactive countdown timer to your website. I am sure you have noticed the countdown features on e.g. sport sites showing countdown until a big ev
ソシオメディアは、良いUXを実現するためのアプローチとして、モードレス・ユーザーインターフェースを提唱しています。 モードレス・ユーザーインターフェースの考え方は新しいものではなく、皆さんが普段接している GUI や、その開発手法であるオブジェクト指向プログラミングのコンセプトにもともと備わっているものです。ただしこれまでUIデザインのノウハウとしてはあまり明文化されてきませんでした。そこで、私達が実践に努めているモードレスUIデザインの方法論をまとめてみます。ここに述べるUIデザインのノウハウは、実効性の計りにくいプロセス論ではなく、UIの成果物に直結する具体的なデザインパターンである点に着目してください。 モードレス・ユーザーインターフェースの利点 UXに関する様々なメソッドの中で、意思決定の上流における要求分析や、実装に直結した視覚表現等についての方法論は多く議論されてきました。しか
目指すは世界市場! 英語版アプリ開発のために、UIやメッセージでよく使われる英単語や構文パターン、さらに英語ライティングの基本やメッセージの書き方、I18N/L10Nの基本から翻訳業者への依頼まで、幅広く紹介。 サポートサイト著者によるサポートページが公開されています。 翻訳者 西野竜太郎 Webサイト 内容紹介最近スマートフォン用やWeb 用のマーケットが登場したことで、アプリケーションを海外に展開しやすくなりました。パソコンに加えてスマートフォンやタブレットといった新しい機器や、有線および無線の高速ネットワークが世界的に普及しつつあることを考えると、アプリケーションに対する需要は今後さらに拡大するものと思われます。海外は日本の開発者にとって魅力のある市場です。しかし海外展開には外国語での開発が必要となります。特に英語は世界共通語と位置付けられている面があるため、まず対応を考えるべき言語
Notifications API Living Standard — Last Updated 7 November 2024 Abstract This standard defines an API to display notifications to the end user, typically outside the top-level browsing context’s viewport. It is designed to be compatible with existing notification systems, while remaining platform-independent. 1. Terminology This specification depends on the Infra Standard. [INFRA] Some terms used
2012年2月11日に開催された「World IA Day 2012 Tokyo」で、「ユーザー理解に合わせたユーザーインターフェイスデザイン」というタイトルの講演をいたしました。 World IA Day は、世界的なIAコミュニティである IA Institute が主催する、世界各地で同時開催されるイベントで、その東京会場におけるひとつのセッションを受け持ったかたちです。 今日はここに、その時のスライドと、講演内容を文字おこししたものを掲載いたします（一部加筆や表現の変更をしています）。 スライドデータ（PDF – 3.8MB） ユーザー理解に合わせたユーザーインターフェイスデザイン こんにちは。ソシオメディアの上野です。 ソシオメディアという会社は、ご存じない方もいらっしゃると思いますが、ユーザーエクスペリエンス・デザインのコンサルティングをやっている会社で、主にソフトウェアのユー
Share it! If checked, the option values will be stored in the URL so that you can easily share your settings. Features No images No dependencies Highly configurable Resolution independent Uses CSS keyframe animations Works in all major browsers Includes TypeScript definitions Distributed as a native ECMAScript module MIT License Spin.js dynamically creates spinning activity indicators that can be
概要 keypress、keydown、keyupのイベントを管理できるjQueryプラグインです。大きな特徴はふたつ。 まずひとつ目は、要素単位で設定できること。通常キーボード系のイベントはinput等の入力系要素かdocumentで発生しますが、jQuery.gpKeyは任意の要素で発生したものとして管理する事ができます。 もうひとつは、キーごとの操作をわかりやすく設定できること。例えば”Ctrl+S”を拾う場合は"^s"という文字列と処理内容をセットにして指定します。 キーボード操作のあるウェブアプリでの利用を想定しています。 ダウンロード jquery.gpkey-0.1.min.js [4KB] jQuery.gpKey.zip [57KB] jQuery.gpKey.tar.gz [57KB] 基本的な使い方 要素をクリックすると反応するようになり、また要素外をクリックした場合
Reviews of Divas Luck Casino 2022 These games are simply the most played in USA, through each type of game you will have the chance to discover variants, different themes but also adapted betting limits. Whatever your player profile, you will enjoy this toy library! This site being very recent, it uses the latest technologies and is mainly based on a fast and efficient user experience. No long and
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Use OS X Lion to Improve Your UI As you probably know, OS X Lion was released yesterday. While there are 250 some odd new features in Lion, what you probably notice first is the new interface design. Part of the new design is new icon buttons in apps like Mail, seen below. I'm going to recreate OS X Lion's buttons in CSS for use in your UI. The new control bar in Mail. The colored, gel-like button
恥をしのんで告白しますが、実は僕は数カ月前まで標準のスクロールバーモードを有効にしていました。明確な目的があったわけではなく、単純に自分の編集箇所を視覚的に知りたかっただけです。 しかしながら、この標準のスクロールバーモードは、個別のウィンドウごとに出す出さないの選択ができず、しかもスクロールバーが不要な時でも常に表示されるため、編集領域を無駄にするという欠点があります。 そこでiPhoneのスクロールバーからインスピレーションを得て、主張しないスクロールバーモード、yascroll.elというのを作ってみました。yascroll.elはスクロール時にスクロールバーがウィンドウ右辺に現われるという単純なものです。 本体は次のURLから手に入ります。 https://github.com/m2ym/yascroll-el install-elispやauto-installがある場合は次の式
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く