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.com GitHubのトレンドリポジトリで見つけたSpringというアニメーションライブラリが凄まじく良かったので紹介してみる。 ★もかなりついててすでに有名で今更な感じかもしれませんが参考になる人がいれば。 環境 Xcode 7.0.1 Swift まずはcocoapods と思いましたが、公式にはcocoapodは未対応のようでした。 今回は手動でプロジェクトに GitHubでソースコードをダウンロードしましょう。 その中のSpringフォルダを自身のプロジェクトに追加してください。 storyboardでアニメーションをつける。 UIButtonだとCustomClassにSpringButtonと指定する。 UILabelだとSpringLabel UIImageViewだとSpringImageViewといった感じ。 続いてこんな感じでアニメーションを指定する。今回
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions. Today we’d like to share some inspiration for adding elasticity to elements. The idea is to integrate an SVG element into a component and then animate it from one path to another with an elastic animation. Using SVGs like this can make things like menus, buttons or other elements more interesting and ma
モダンブラウザの普及により、以前に比べるとCSS... / CSSアニメーションライブラリ / Animate.css他...全19件 モダンブラウザの普及により、以前に比べるとCSS3アニメーションを使う機会が増えてきています。CSSを使ったアニメーションは、プレフィックスが必要だったり、アニメーションの流れがコードを見ただけでは直感的に分かり辛かったり、自由に使いこなせるには慣れと経験が必要です。 そういった悩みを解決してくれるアニメーションライブラリが存在するのをご存氏でしょうか?ちょっとしたCSSアニメーションであればライブラリを使うことでいとも簡単に組み込むことができます。 そんなありがたーいライブラリを集めました。
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
はてブを見ているとたまに「○○の○選」や「○○のまとめ」といったタイトルで書かれているエントリーがあります。 流行っているのかはわかりませんがつい見てしまいます。 ブログを始めたら僕もやってみようと思っていたので試しにやってみます。 触ったコードがそのまま動くのが好きなのでJavaScriptのアニメーションライブラリを選んでみました。 エフェクトというよりはモーションに近いものを選んでいます。 bonsai bonsai 名前が盆栽のライブラリ。 ロゴもそれっぽいしたぶん意識してるはず! 「A lightweight graphics library with an intuitive graphics API and an SVG renderer.」 直訳 (直感的なグラフィックスAPIとSVGレンダラで軽量のグラフィックライブラリ) とあり、結構簡単にアニメーションさせることができ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 (function(){ if(typeof jQuery == 'undefined')return; jQuery.noConflict(); jQuery(function($){ //対象の要素を取得 var twObj = $('#obj'); twObj.text('クリック'); twObj.click(function(){ twObj.text('クリック'); //クリックしたら実行 init(); }); //要素をわかりやすくCSS適応 twObj.css({ 'position':
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く