Material Design なボタンなどに使える 円形波紋な エフェクト WEB向け

いつのまにか CSSも アニメ的なエフェクトも簡単記述で可能になっておりました.

↓ 下のボタンを押してみてね.

See the Pen Android "L" Button by Tim Kendall (@timkendall) on CodePen.

こんな便利なサイトがあったり.

Android__L__Button_-_CodePen

Android "L" Button - CodePen

右上に 埋め込みHTMLを取得できるので貼ってみましたのが, 一番上のボタンと埋め込みタブまわりで.

Android__L__Button_-_CodePen

こんなに少ない行数でできるのかと思ってみたけどもブラウザ互換の件がつきまとう.

Can_I_use_CSS3_Animation

Can I use CSS3 Animation

そんなに今は「フラット」なのかなあ, と.


Android Studio 0.8.1 のアップデートで泣きそうになる

気がついたら, 最新は「0.8.1」になっていた.

あたしは「0.6.0」だった.

何回か更新がその間にあったようだが.

少し面倒なことになりそうだったので書いておくのですが.

通常のアップデートは, 緑の通知ダイアログとかからか,

メニューから [Check Update] みたいなのをクリックして,

そのあとPC画面の中央にダイアログが表示されて,

そのダイアログ内の [update] を選択してパッチが当たって, 自動再起動 てな流れだったと思う.

けど, 今回は違う.

ダイアログ上に [update] のボタンがなく [download] になっている.

そのボタンを押すと, zip がダウンロードされて展開すると, AndroidStudio.app が登場.

これを, Application ディレクトリに上書きして起動すると

SDKのロケーション入力ダイアログが登場.

は, バンドルしてただろ?

え, ADT単独でいれるのだろうか.

みてみると, 前にバンドルされていた位置の

Application/Android Studio.app/sdk

のディレクトリがない.

え?!

続きを読む >>


GIFアニメで見る 新Android「L」の「Material design」

オフィシャルなサイト内には見やすく動画とかあるけども.

生で提供公開されてるリソースをGIFアニメで.

あまり見やすくないのかも(笑)

Layout Template

Mobile
The mobile layout template includes a variety of 10 screens. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Mobile_Whiteframe

Layout Mobile Whiteframe 2 MB (.ai)

Tablet
The tablet layout template includes a variety of 14 screens. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Tablet_Whiteframe

Layout Tablet Whiteframe 3 MB (.ai)

Desktop
The desktop layout template includes a variety of 4 screens, each with 4 different window sizes. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Desktop_Whiteframe

Layout Desktop Whiteframe 96 MB (.ai)

Whiteframes
Whiteframes provide a variety of layout structures using a consistent approach to surfaces, layering, and shadows.

Whiteframes

Whiteframes 15 MB (.ai)

続きを読む >>