サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
qiita.com/duka
CSS animation day18 となりました。 本日は、SVG を使って、Line でアニメーションを設定します。 1. 完成版 2. なぜか? モニター心電図って病棟管理ではめちゃくちゃ大事ですが、なかなか難しいです。特に看護師さんたちが教科書で勉強するのに、適した教材は少なく、現場で苦労している姿をよく目にします。教科書のような静止画を、座学で見て勉強しても、臨場感がないため実戦に活かしづらく、苦手意識を持つ人々は多いと一循環器内科医として、感じております。 そこで、近い将来、SVG animation を使って、モニター心電図のweb siteを作りますが、この技術をふんだんに使えればと思いました。 3. 参考文献 CSS trick SVG line drawing animation | SVG Stroke Animation With Html and CSS 4.
こんにちは! react native のアドベントカレンダー22日目の記事になります。 BeatFit で CTO をしております、飯塚と申します。 弊社のプロダクトでは、状態管理ライブラリーに、Redux、middleware に Redux-Observable、store と component の間に、selector 層を入れております。 このアーキテクチャーでなんの疑念も抱くことなく2年ほど開発してまいりましたが、selector 層が導入されていない別プロジェクトに携わる機会があり、この層の存在価値を1から再勉強しようと思った次第であります。 また、React を使っていると、所々にメモ化の概念が出ることがあり、そもそもメモ化ってなんだっけ?という基礎的な部分からおさらいできればと思います。 では、よろしくお願いします! 人間の脳の限界、忘却曲線について 我々の脳で処理でき
CSS animation day31 となりました。 本日から数回にわたり、実際にホームページやアプリで使える、microinteractionをやっていきます。まずは、user に scroll を促す、地味のめ矢印のアニメーションを作ります。 1. 完成版 See the Pen Scroll Arrow by hiroya iizuka (@hiroyaiizuka) on CodePen. 2. なぜか? うまく取り入れられた、microinteraction はuser に快適な体験を与えます。 Google のマテリアルデザインの記事によると、 ユーザーが重要な何かにアクションをする必要がある時は、アニメーションによって注目を集めるようにします。最初は繊細なアニメーションから始め、アクションの重要度に応じて強度(カラー・サイズ・スピード)を増やします。 とのことです。 注意点
このページを最初にブックマークしてみませんか?
『@dukaのマイページ - Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く