Slideout.js - A touch slideout navigation menu for your mobile web apps.
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
Touchstone JS – What’s Coming for This UI Framework
TouchstoneJS – Creating Your Visual Interaction People have the habit of checking their smartphones every few minutes, but they rarely think about how the app interface is made. Software-developing specialists utilize a variety of programming tools for the applications themselves, however, when it comes to making that part of the application that users interact with, developers use UI (user interf
iOS: How To Make AutoLayout Work On A ScrollView
Posted on June 11th, 2014 Ok, I’ll admit. I’ve been seriously struggling with AutoLayout ever since it’s been introduced. I understand the concept, and I LOVE the idea of it, but when I actually do it, it almost never behaves as it does in my head. So when I had a chance to go talk to an actual Apple Engineer about AutoLayout last week at WWDC, I made sure to go. I thought of my most painful exper
UIAppearance 変更時、リアルタイムに画面反映する
English UIAppearance の proxy メソッドから見た目を変更して、即時全画面に適用する方法を調べていて、UISS という iOS で JSON 形式の Stylesheet を扱うライブラリにその答えがあったので、メモです。 UISS#refreshViews - (void)refreshViews { [[NSNotificationCenter defaultCenter] postNotificationName:UISSWillRefreshViewsNotification object:self]; for (UIWindow *window in [UIApplication sharedApplication].windows) { for (UIView *view in window.subviews) { [view removeFromSup
Design Teardown: Stretchy Headers
My book on iOS interface design, Design Teardowns: Step-by-step iOS interface design walkthroughs is now available! The Yahoo News Digest app brings an interesting approach to reading news. It refreshes with a curated selection twice a day, making for a quick read. It also packs a couple of interesting design elements we'll discuss in this post. The following is a chapter from my upcoming book, De
Auto LayoutとSize Classesで謎の-16ptの記事を読んでもわからない人向けの説明 - Qiita
前振り Auto LayoutとSize Classesを有効にしたStoryboardにて、画面いっぱいのUIImageViewを作ろうとした際、UIViewControllerのviewにaddしているUIImageViewの制約を設定しようとすると左右-16ptがデフォルトで設定されてしまいました。 この-16ptを素直に設定しても見た目がおかしくなるわけではないし、0ptにする方法もあるんだけどなぜデフォルトで-16ptが必要なのかを調べたメモです。 謎の16ptについて説明されている記事 この文章で説明することは、下記のページで説明されているのでそれらを読んで分かるなら問題ないと思います。 SizeClassesとXcode6でのAutoLayoutの謎マージン http://qiita.com/uskiita/items/c643f5868f60b496911e What is
Technical Note TN2154: UIScrollView And Autolayout
IntroductionThis technote provides some information regarding Auto Layout support for UIScrollView. Specifically it demonstrates a "mixed" and a "pure" auto layout approach for UIScrollViews. In Depth ExplanationIn general, Auto Layout considers the top, left, bottom, and right edges of a view to be the visible edges. That is, if you pin a view to the left edge of its superview, you’re really pinn
Xcode 6 時代のマルチデバイス対応 〜Size Classとベクター画像〜 - その後のその後
とあるお仕事で、iPad をサポート（＝ Universal 化）してほしいという要望があり、せっかくなので iPhone 6 / 6 Plus （4.7 / 5.5 inch スクリーン）もサポートしようってことで、新しい Xcode 6 の新しい仕組みである Size Class を使って複数画面対応を行ないました。あと、同じく Xcode 6 から Asset Catalog でベクター形式がサポートされるようになったので、こちらもトライしてみました。 で、そのときに学んだ諸々の断片的なメモです。勘違いもあるかもしれないのでその際は優しくご指摘いただけますと幸いです。 ※ちなみに Size Class やベクター形式画像の使用は iOS 8 以上縛りではありません。単に Xcode 6 の新機能というだけなので。 Size Class の前提知識をつける 「Size Classsとは
UIAlertController
Written by Mattt September 30th, 2014 This article has been translated into: 中文 Did you know that UIAlertView and UIActionSheet (as well as their respective delegate protocols) are deprecated in iOS 8? It’s true. ⌘-click on UIAlertView or UIActionSheet in your code, and check out the top-level comment: UIAlertView is deprecated. Use UIAlertController with a preferredStyle of UIAlertControllerStyle
Interface builderでカスタムViewのライブレンダリング - Qiita
今日のスライドです https://t.co/xIkI9IzEFZ #potatotips — yomoapp(本人) (@yomoapp) September 24, 2014 【第9回】potatotips@Fablicで話した内容です。 Interface builder(IB)について話しました。 IBはXcode6からカスタムViewのライブレンダリングに対応しました Xcode5の時代、iOSエンジニアは長方形の白いカスタムViewを見て、脳内レンダリングを行う必要がありました。 Xcode6からは、カスタムViewのレンダリング結果をIBの中で確認することができます。 サンプルとして、どこにでもありそうなボタンを実装してみました。 標準ではないボタンのデザインをIBの中で確認できます。 サンプルプロジェクト Xcode6と CocoaPodsが入っている方は、以下のコマンドで
GitHub - beamly/BMYScrollableNavigationBar
#BMYScrollableNavigationBar Facebook-style scrollable navigation bar as used in the Beamly iOS app. This version of the scrollable navigation bar feature is an evolution on Valentin Shergin's SherginScrollableNavigationBar. There are a few open source components (1, 2, 3, 4) for iOS but all of them suffer of different issues (included the original SherginScrollableNavigationBar) and work only with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ryanmaxwell/RMUniversalAlert: Wrapper class for UIAlertView / UIActionSheet / UIAlertController for targeting all iOS versions.
GitHub - mineschan/MZTimerLabel: A handy class for iOS to use UILabel as a countdown timer or stopwatch just like in Apple Clock App.
GitHub - venmo/VENTouchLock: A Touch ID and Passcode framework used in the Venmo app.
GitHub - facebookarchive/AsyncDisplayKit: Smooth asynchronous user interfaces for iOS apps.
GitHub - tapthaker/DebugView: A simple way to debug your view hierarchy
GitHub - Streetmage/INOYearCalendar: An example of iOS - like year calendar with additional events display support
GitHub - danielebogo/DBImageView: A simple object to load images asynchronously
GitHub - cwRichardKim/RKDropdownAlert: iOS / Objective C: an extremely simple UIAlertView alternative
GitHub - slackhq/SlackTextViewController: ⛔️**DEPRECATED** ⛔️ A drop-in UIViewController subclass with a growing text input view and other useful messaging features
