Hardest Problem in Computer Science: Centering Things Translations: Chinese Japanese Russian This is my claim: we, as a civilization, forgot how to center things. I mean, we know how to do it. It has never been simpler: display: flex; justify-content: center; /* Horizontal centering */ align-items: center; /* Vertical centering */ (don’t ask why you need to remember four words instead of just hori
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎
このドメインを購入する。 2019 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
【Titanium Advent Calendar 2011：20 日目】Titanium mobile で「Path」の UI を再現してみる vol.1 この記事は、@astronaughts っていうかなりグダグダで変な人で、しかも自分が企画したかのようにしてるけど実は @t32k 発案の「Titanium Advent Calendar 2011」向けに書いています。 12月1日～25日まで毎日誰かが Titanium Mobile についての記事を書いていくというイベントです。 さてさて、イベント報告以外のことを書くのは久方ぶりな感じですが、前から書きたかった UI 実装について書いてみたいとおもいます。 で、せっかくなので有名どころのアプリの実装を真似てみようとおもい、UI が一新してから爆発的に流行っている iPhone アプリ「Path」の UI 実装を Titanium
iOS Advent Calendar 9日目担当のntakuです。 もし、iOS開発する上で一番大変なことはなんですか？と聞かれれば間違いなくUIの開発！と答えます。同じ価値や機能を提供するにしても、使っていて気持ちが良いUIであるかどうかでアプリの評価は大きく変わってくると思います。 何がベストなのか、はやはり実際にプロトタイプを作ってみないと分からないわけですが、あのアプリのUIをちょっと真似してみようと思ったり、このアプリと同じように作ってくださいと言われるとそれだけで数日かかってしまうこともざらにあります。 そんなことを繰り返していると中々アプリが完成しないわけなのですが、その期間を少しでも短縮するために、私が開発する際に活用しているのがCocoa Controlsというサイトです。 Cocoa Controls Cocoa ControlsはiOSやMax OS X開発者が開発
下北沢なひと、オープンソースなひと、Jelly!なひとのための、協働空間。下北沢オープンソースCafe Fork me on GitHub Facebook 下北沢なひと、オープンソースなひとへ、図書室のあるコワーキングカフェ。 Jelly!, meetups, schools, and parties! C'mon and join us! #{event.date}#{event.name} » Meetups Open source, Design, HTML, Ruby, PHP, databases, ...etc. » Library Find cool services and products. See the founders. 他にも、いろいろ! 約20くらいのプロジェクトやグループがあるみたい。 (掲載準備中) » Clubs & Projects Espresso,
下北沢オープンソースカフェの「WordPress の部室」にて6月から「デザイニング・インターフェース勉強会」が始まります。部室についての詳細はひとつ前の投稿をどうぞ。 発起人は @yasulab さん。前々回の部室の日に OSS Cafe にたまたまいた彼が、ちょうどデザイニング・インターフェース本の第2版と ThemeForest の WordPress テーマをベースに、UI デザインについて勉強していこうと思っている、と話していたのがきっかけです。 デザイニング・インターフェース勉強会バナー by @cognitom WordPress のテーマというオープンソースのコードから学んで業務にうまく活用するために、ただのコピペではないベストプラクティスが共有できると良いのでは？ということで、勉強会シリーズが開かれることになりました。略して、DI (2e) + TF（Designing
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Newest blog post: 8 UX research practices we should let die Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplif
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
