Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer
Updated: 18. October 2020 The iOS Design Guidelines Design great-looking apps for Apple iOS devices. Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be. These design guidelines will help any designer who’s building neat things for iOS get started within seconds. About these guidelines These guidelines describe how
ドットインストール代表のライフハックブログ
Sizes: Icons come in 4 sizes; 80 by 80 pixels, 48 by 48 pixels, 32 by 32 pixels, and 24 by 24 pixels. Format: .PNG (transparent background)
The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer
Updated: 18. October 2020 The iOS Design Guidelines Design great-looking apps for Apple iOS devices. Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be. These design guidelines will help any designer who’s building neat things for iOS get started within seconds. About these guidelines These guidelines describe how
【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Calendar編 (1) 「The Yahoo! User Interface Library」とは? | パソコン | マイコミジャーナル
米Yahoo!が開発した「The Yahoo! User Interface Library」(以下、YUI)は、UI(ユーザーインタフェース)の機能を多く持つAjaxライブラリです。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。 ただし、YUIだけで全てが済むことはありません。明らかに機能が不足している面もあるため、他のライブラリと組み合わせるか、独自に作成しなければならないこともあります。この点に留意すれば、UI部分の強化および補助という観点でYUIは非常に強力なライブラリとなります。 本稿では、YUIの初期の頃から用意されているUIの1つ、カレンダー機能について説明します。このカレンダー機能はバージョンアップのたびに修正が加えられてきたため、少し古いバージョンで解説してあるページや書籍では役に立たないことがあります。ここではYUIの最新バージョン
IBM Lotus User Interface Developer Documentation - Home
This documentation was created as part of a Lotus® initiative to remove arbitrary differences in our product user interfaces. It describes the CSS and HTML markup structure used in many Lotus® products. Use the information in this documentation to help you customize Lotus® products for deployment in your enterprise or to help you build componentry that seamlessly integrates with Lotus® products. Q
Download Free Icons for Software & Web Application Interfaces Welcome to User Interface Icons.com where you will find the highest quality icons for free. Many developers have told us our free icons are better than the ones they can pay for. We pride ourselves in providing you with some of the best looking icons available. We all know the importance of having user interface icons that people can re
BeOS was initially available only on a dedicated machine called BeBox. PowerMac and Intel releases followed, with R3 being the first Intel version (quickly replaced by R3.1). This is similar to NeXTSTEP, which started on NeXT computers. The first version of Intel processors was also 3.0. This is one of the most popular editions of this largely unknown GUI for British Acorn Archimedes machines. It
Batch - 343 icons for web and user interface designers by Adam Whitcroft
By downloading the icons, you agree to the following terms: The icons are released 'AS IS'. You waive the implied warranty of infringement. You may use the icons in any personal or commercial works without obligation of payment, monetary or otherwise, or attribution to Adam Whitcroft. You may not resell or redistribute the icons (or modified versions of the icons). Intellectual property rights are
40 Detailed Examples of User Interface Design | inspirationfeed.com
You are here: Home » Inspiration » Design Elements » 40 Detailed Examples of User Interface Design 40 Detailed Examples of User Interface Design Written by Igor Ovsyannykov on Jan 27, 2011 | 0 Comments When designing an application, millions of question arise. How should it look? How easy is the interface to understand? What should the colors and borders look like? The list goes on and on. Before
This post is a non-exhaustive quick overview of the so-called “unidirectional data flow” architectures. Not meant to be taken as a beginner tutorial, but rather as an overview of their differences and peculiarities. At the end, I’ll introduce a new architecture which deviates significantly from the others. This post assumes client-side Web UI frameworks only. TERMINOLOGY It would be confusing to t
YUIをはじめよう： Yahoo!® User Interface Library (YUI)とは、その名の通りYahoo!が提供しているDHTMLやAJAXを使ってアプリケーションを作るためのライブラリーです。このライブラリーは、BSDライセンスのもと誰でも無料で利用することが可能です。 では早速、YUIで用意されている以下のクラスを個別に見ていきましょう レビュー： Event onClickやonSelectなどのイベントハンドラーを共通的に扱うユーティリティー Dom Collection DOM スクリプティングを簡単に共通的に扱うユーティリティー Connection Manager AJAXを行うためのユーティリティー Drag and Drop ドラッグ＆ドロップ可能な要素を作るためのユーティリティー Animation 指定した通りに要素を動かしたり、視覚的効果を追加する
GitHub - adobe-fonts/source-code-pro: Monospaced font family for user interface and coding environments
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Welcome to guidebook, a website dedicated to preserving and showcasing Graphical User Interfaces, as well as various materials related to them.
オラクル、モバイル用エンタープライズUIのデザインガイドラインを公開「Oracle Alta User Interface」
オラクルは「Oracle Alta User Interface」（オラクル・オルタ・ユーザー・インターフェース）との名称で、エンタープライズ用モバイルアプリケーションのユーザーインターフェイスに関するガイドラインを公開しました。 ガイドラインは4つの原則「モバイル・ファーストのデザイン」「シンプルで整理されたレイアウト」「明確な情報階層」「ユーザー・エクスペリエンスを向上する直感的なコンポーネント」に基づいており、「Style」「Components」「Patterns」「Examples」の4つから構成されています。 Styleではデザインの原則や配色、アイコン、フォントなどについて。Componentsはボタン、チェックボックス、ゲージ、リスト、パネル、テーブルなどUIを構成する部品について。Patternsは、画面の遷移、ダイアログ、ナビゲーションバー、通知などについて。Examp
jQueryでよくつかうインターフェイスをまとめた「Toolkit with 6 Awesome jQuery User Interface components」
jQueryでよくつかうインターフェイスをまとめた「Toolkit with 6 Awesome jQuery User Interface components」 タブメニュー・ツールチップ・スライドショーなどなど様々なWEBインタフェースを提供してくれるjQueryプラグイン化されていますので、実装もかなり簡易にでき、制作者にとってはありがたい存在です。今日紹介するのはjQueryでよくつかうインターフェイスをまとめたツールキット「Toolkit with 6 Awesome jQuery User Interface components」です。 各インターフェイス毎に様々な動きを実装できます。さらにToolキットは必要に応じてカスタマイズしてダウンロードできます。 詳しくは以下 ■tabs 様々なタブメニューを生成することが可能です。 ■tooltip 半透明からシンプルなものまで
The YUI team is pleased to announce YUI 3.0 Preview Release 1. This preview is an early look at what we're working on for the next generation of YUI Library. Please review the API, play with the examples, and read the documentation on this site for details; download YUI 3.0 PR1 on the YUI project area on SourceForge; you can find us with questions or comments on the YUI 3.x discussion group. Pleas
60 User Interface Design Tools A Web Designer Must Have | Tripwire Magazine
60 User Interface Design Tools A Web Designer Must Have by Sonny M. Day | Last updated Oct 18, 2016 | Tools | 49 comments The success of web applications and websites depends in how well designed the User Interface is. Designing a good user interface however is a very challenging process. A designer’s concepts and design decisions always affect the end users of the web site, application or general
40+ Helpful Resources On User Interface Design Patterns — Smashing Magazine
If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has - by now - solved that need and has finished the legwork involved in researching and constructing something that resolves it. At the very least, you will find documentation on general solutions to related problems that will enable you to gain insight on best practices, effective techniq
Summary: Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. Thank you to Kelley Gordon for designing the visuals and posters included in this article. Thank you to Kate Moran and Feifei Liu for updating the heuristic names, descriptions, and examples.
Build AI experiences Build AI-powered Android apps with Gemini APIs and more. Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.
We all know that technology is evolving like anything and since web browsers are constantly making changes and improving their standards, web developers have to become shrewd and they, too, are constantly trying to adopt the changes. I personally believe that all these changes are positive and this will definitely lead to enhanced support and of course making frontend development time a lot more c
10 Useful Techniques To Improve Your User Interface Designs — Smashing Magazine
Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here’s my collection of 10 that I think you’ll find useful in your work. They’re not related to any particular theme, but are rather a collection of techniques I use in my own projects. Without further ado, let’s get started. Web design consists, for the
Hey! This is an excerpt from my book Designing Products People Love, which was published by O'Reilly in January 2016. Learn more about the book and the 20+ product designers from Facebook, Twitter, Slack, etc. who were interviewed about how they work. Have you ever experienced a user interface that feels lifeless? Have you created a UI that just seems to be missing...something? If that's the case,
On these pages you will find many screen shots of various desktop computer Graphical User Interfaces and operating systems. Many different people have had different ideas of how a GUI should work and these screen shots show many of the more popular ones. Yes, an actual update: New: Microsoft Windows 11 - Some quick screen grabs of Windows 11. Yuck. New: Apple II Desktop 1.2 Prealpha - Some enthusi
Climacons - 75 climatically categorised pictographs for web and user interface designers by Adam Whitcroft
By downloading the icons, you agree to the following terms: The icons are released 'AS IS'. You waive the implied warranty of infringement. You may use the icons in any personal or commercial works without obligation of payment, monetary or otherwise, or attribution to Adam Whitcroft. You may not resell or redistribute the icons (or modified versions of the icons). Intellectual property rights are
GitHub - ocornut/imgui: Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Removing User Interface Complexity, or Why React is Awesome
Removing User Interface Complexity, or Why React is Awesome I've been studying frameworks and libraries like Ember, Angular, and React the past several months, and given Web Components a lot of thought. These all solve similar problems to varying degrees, and are in conflict in some ways and in harmony in others. I'm mostly concerned with the core problems of data binding and componentizing UIs. A
The Yahoo! User Interface Library (YUI)【e】 今更ながらJavaScriptに興味を持ちまして、独学中であります。してYahooUIも参考にすることがあるのですが、やはり英語なので敷居が若干高いですよね。 というわけで、日本語でリファレンスを作ってくださっている方、応用例を紹介している方などのサイトをまとめておきました。 古旗さんの詳細な総合リファレンス Yahoo UI Library リファレンス【e】 古旗一浩さんがYahooUIの詳細なリファレンスを作成なさっています。サンプルコードも付いていて嬉しいですね。 hibomaさんによるYahoo! UI Librady の訳 まとめ hibomaのはてなダイアリー – Yahoo! UI Librady の訳 まとめ【e】 翻訳してくれるというのはとても助かります。とくに「hibomaのはてなダ
User Interface Icons.com - Preview 80x80 pixels
Sizes: Icons come in 4 sizes; 80 by 80 pixels, 48 by 48 pixels, 32 by 32 pixels, and 24 by 24 pixels. Format: .PNG (transparent background)
YUI Blog Development Cheat Sheets for the YUI Utilities Cheat Sheets for the YUI Utilities Comprehensive documentation for the YUI Library is found online at the YUI section of the Yahoo! Developer Connection website. To supplement this online documentation, the YUI development team has begun drafting some cheat sheets — inspired by the handy references published by addedbytes.com (nee ilovejackda
S3 Browser - Amazon S3 Client for Windows. User Interface for Amazon S3. S3 Bucket Explorer.
What is S3 Browser S3 Browser is a freeware Windows client for Amazon S3 and Amazon CloudFront. Amazon S3 provides a simple web services interface that can be used to store and retrieve any amount of data, at any time, from anywhere on the web. Amazon CloudFront is a content delivery network (CDN). It can be used to deliver your files using a global network of edge locations. Download S3 Browser F
Voice User Interface の歴史と未来 – 人類は VUI にたどり着き、どこへ向かうのか #cmdevio2017 | DevelopersIO
Voice User Interface の歴史と未来 – 人類は VUI にたどり着き、どこへ向かうのか #cmdevio2017 Developers.IO 2017 で Voice User Interface の話をしました クラスメソッドが運営するIT系技術ブログDevelopers.IOのカンファレンスイベントDevelopers.IO 2017にて、セッション「Voice User Interface の歴史と未来」を発表させていただきました。本記事では、セッションの内容についてお話ししたいと思います。 Developers.IO 2017 では技術寄りのセッションがほとんどですが、本セッションはデザインの話に近い、ユーザーインターフェースのこれまでの歴史・これからの未来について話させていただきました。 発表スライド 本セッションの主な内容 最近話題の「Voice User
ソフトやWEBサイトのＵＩに活用できるアイコン集配布の「User Interface Icons.com」:phpspot開発日誌
ソフトやWEBサイトのＵＩに活用できるアイコン集配布の「User Interface Icons.com」 2007年11月09日- User Interface Icons.com Hi, I am Abdylas Tynyshov, (a.k.a Ades) and this is my personal project. ソフトやWEBサイトのＵＩに活用できるアイコン集配布の「User Interface Icons.com」。 次のようなシンプルで使いやすそうなアイコンが多数配布されています。 24x24、32x32、48x48、80x80 のサイズが公開されていて、いろんなシーンで活用できそう。 WEBサイト用にもいいでしょう。 関連エントリ 丸っこいデザインが可愛いアイコン集「3D Cartoon Icons」 RSSやデスクトップ用のアイコンが詰まったアイコン集「FreshI
GitHub - tonybeltramelli/pix2code: pix2code: Generating Code from a Graphical User Interface Screenshot
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - ansible/awx: AWX provides a web-based user interface, REST API, and task engine built on top of Ansible. It is one of the upstream projects for Red Hat Ansible Automation Platform.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pttrns — Mobile User Interface Patterns
The Yahoo! User Interface Library (YUI)
なんとも太っ腹！無料で使えるかわいいアイコンが560個！『User Interface Icons』
User Interface Icons.com - Preview 32x32 pixels
User Interface Icons.com - Free GUI Icons
GUIdebook: Graphical User Interface gallery
André Staltz - Unidirectional User Interface Architectures
Susan Kare – User Interface Graphics
Yahoo! User Interface Library - YUI
GUIdebook: Graphical User Interface gallery
YUI 3 — Yahoo! User Interface Library
10 Usability Heuristics for User Interface Design
User Interface Guidelines | Android Developers
25 Tutorials of Advanced User Interface CSS3 Effects
How to fix a bad user interface
Graphical User Interface Gallery
Yahoo User Interface Library（YahooUI）に関する日本語ページ
Cheat Sheets for the YUI Utilities » Yahoo! User Interface Blog
The Yahoo! User Interface Library (YUI)