Large Titleを使いこなす3つの要点 - Qiita
概要 iphoneアプリにおけるモダンなUIを実現するための方法として、いかにApple公式アプリのUIをパクるかは重要です。 iOS11にてAppleの公式UIとしてLargeTitleというものが追加されました。 UINavigationBarが設定されたスクロールビューにてタイトルの位置と大きさをアニメーションでいい感じにしてくれます。 「ミュージック」におけるLargeTitle しかし、LargeTitleは周囲のUIパーツを正しく扱わないと残念な感じになってしまいます。 今回は実装に取り入れる上で、つまづいた3つの点と解決策をまとめました。 記事の前提 iOS11以降 Master-Detail型の遷移（LargeTitleが設定されたScrollVIew→詳細ビュー）を伴うアプリ LargeTitleの実装 LargeTitleは簡単に以下の設定で有効にすることができます．
Vuesax - Google 検索
Vuesax components have responsive support and adapt to each type of size, apart from that you can easily use the grid components to generate visual changes ...
Storybook for Vue 入門 - Qiita
はじめに 筆者が今携わっているプロジェクトでは Vue.js（以後は Vue）が使われています。 そのプロジェクトで一度 「Storybook」 というツールを導入しようとしたことがありました。結局導入は見送ることになりましたが、その時に Storybook に良い手応えを感じたため、あらためて簡単なプロジェクトを作り Storybook を試してみました。 下記がデモです。 デモ 1（プロジェクト） デモ 2（プロジェクトの Storybook） Storybook 自体まだまだ新しいプロジェクトのため、ネット上にも情報は多くありません。この記事を読み Storybook に興味を持ってくれる人が増え、ネット上に Storybook の情報が増えていけばいいな、と思います。 この記事の対象読者 Vue を使って開発をしている人 / する予定のある人 / 興味のある人 Vue のプロジェク
Storybookがなぜ必要か？(Vue.js編) - Qiita
まさあき(@masaaakikunsan)です。 最近よく、「Storybookを導入しよう」「Storybookがいい」と言う話は聞きますが、意外となぜ必要なのか、どう使うのか、という記事がみつからなかったので、基本的な使い方をサンプルと共に紹介します。 TL;DR StorybookでUIコンポーネントのカタログを作ることができる カタログのおかげでデザイナーと認識の齟齬が生まれなくなる アドオンを追加するとStorybookがかなり便利アイテムになる Storybookとは ざっくり言うとコンポーネントのカタログです。 コンポーネントライブラリの参照ができ、各コンポーネントの様々な状態の表示などができるものとなります。 また、アプリ外で実行されるため、UIコンポーネントを単独で開発でき、コンポネの再利用、テストの容易性、開発スピードを向上させることができるのが魅力です。
Vue.jsでもお手軽にアコーディオンを導入したい！ - Qiita
動機 Vue.js大好き！ですが、毎回面倒なのがアコーディオンの実装。 他の方が作ったコンポーネントもたくさんあげられているのですが、ページ内に複数のアコーディオンを設置したい場合に、いちいちjs側をいじる必要があるものがほとんどです。（本来そうあるべき、なのかもしれませんが…） エンジニアさんはjs、デザイナーさんはhtml側などと気軽に分担して書けるのは、Vue.jsの利点でもあるので、一度Vue.jsに読んでおけば複数のアコーディオンもhtml側の編集だけで対応できる実装をしました。 実装 var accordion = { data: function () { return { openedAccordions: [] }; }, components: { accordion: { props: ['opened', 'duration', 'closedHeight'], c
Webアプリを作る人へ！UIの重要性 ~Webサービスをもっと使ってもらうには？~ - Qiita
はじめまして。 星乃やひろと申します。 自分はあまりこのようなスライドを使って、発表することはないのですが、今回機会があってこのような発表をさせていただく流れとなりました。 せっかく作ったスライドなので、発表だけで終わらせるのも勿体無いので、Qiitaに掲載させていただくことにしました。 自分なりにUIの重要性について考えて見ました。 まず、自己紹介。 最近クラウドソーシングなどでお仕事をいただくようになり、少しずつお仕事を通して学ばさせていただいております。 デザイナーでもほんとはないですが、勝手に名乗って、勝手にやらせていただいているというのが実情です。 Twitterは@Yahimotto、ポートフォリオはYahiro.meです。 ここでクイズです。 この中から５秒で選択肢の中からUIはなんの略かを選んでください！ 答えは... こんな感じで明らかに情報過多、情報過少なクイズだったわ
inspired-ui.com - このウェブサイトは販売用です！ - inspired ui リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
Pttrns — Mobile User Interface Patterns
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
React - Facebook製。JavaScriptのUI生成ライブラリ MOONGIFT
Facebookからまた面白そうなソフトウェアが出てきましたよ！ JavaScriptにおけるテンプレートフレームワークは数多く出てきています。いずれも興味深い作りなのですが、ここにきてFacebookがReactというライブラリをリリースしました。 ReactはUIを生成するJavaScriptライブラリで、MVCでいうところのVになります。さっそくコードを見てみましょう。 一番シンプルな実装例。左側がコード、右側が実行結果になります。 Reactは必須ではないのですがJSXというXMLライクな記法を使っています。 <hellomessage name="John" />のように定義するとthis.props.nameで値が取り出せます。実際の描画はリアルタイムに反映されるので、Helloのところを修正すればすぐにレンダリング内容が変わります。 こちらはタイマーを使った例。コードが見やす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Behance
Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」
Storybook: Frontend workshop for UI development
GitHub - storybookjs/storybook: Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
GitHub - KentoMoriwaki/react-cross-ui-boilerplate: Let's create cross-platform React component library
ReactでWebとNativeの共通UIライブラリを作ろう
Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」
Vue.js Framework Components - Vuesax
GitHub - lusaxweb/vuesax: New Framework Components for Vue.js 2
http://android.inspired-ui.com/