Web上でアニメーションを表示するなら「Lottie」がおすすめ！特徴や使い方など | Web Design Trends
Web上でアニメーションを表示するなら「Lottie」がおすすめ！特徴と使い方など Webサイト上でアニメーションを実装する場合、簡易なアニメーションはCSSやJavaScriptで手軽に作ることができますが、リッチなアニメーションを作ろうと思ったらコード量も結構なボリュームになってしまいます。 そんな時におすすめなのが「Lottie」です。LottieはAfter Effectsで作成したアニメーションを簡単にWebやアプリで表示することができ、パフォーマンスにも優れています。 今回は、Lottieの特徴や使用するメリット、使い方などをご紹介したいと思います。 Lottieとは LottieはAirbnbが公開しているアニメーションを表示するためのライブラリです。スマホなどのネイティブアプリがメインのようですが、Webサイト上でも高クオリティのアニメーションを簡単に表示することができ、非
CSSにおけるスペースの与え方、paddingやmarginなどを使った実装テクニックを詳しく解説
Webページやスマホアプリの実装で悩ましいのが、スペースの与え方です。マージンとパディングをどう使うか、margin-topとmargin-bottomのどちらにすべきか、グリッド間のスペース、表示デバイスによって異なるスペース、大規模プロジェクトにおけるスペースの管理方法など、CSSにおけるスペースについて解説します。 Spacing in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSにおけるスペースの種類 CSS GridのGap（溝） CSS FlexboxのGap（溝） CSSのポジション CSSのプロジェクトで使用するスペースの実装テクニック スペーサーのコンポーネント CSSの数学関数: Min(), Max(), Clamp() はじめに 2つ以上の要素
英検準２級レベル（2019-3vol.2）後編：規則性が語彙力を爆発させる：deep, kind, soft, easy - Bossの英語旅
単語は前後の組み合わせを意識する 日本人英語講師のBossです。 英検準２級過去問(2020年１月実施） 特注！ピクチャーディクショナリーvol.２ カタカナ英語見つけてみましょう！ 初めに 後編のテーマは「規則性に気付くこと」 ダウンロード 2019-3vol.2使用単語一覧 派生語＆コロケーションで一気に覚える deep：深い kind：親切な soft：穏やかな、柔らかい easy：簡単な 最後に 新たな自分磨き：スペイン語 初めに 後編のテーマは「規則性に気付くこと」 今回は英検準２級（約4,000語）レベルで 中学英語で一度は触れてきたこの４単語： deep：深い kind：親切な soft：穏やかな、柔らかい easy：簡単な 原型をあまり崩さない規則性のある品詞の変化は →一石二鳥以上の効果的な英単語記憶法 カタカナ英語の次は派生語＆コロケーション 規則性に気付く品詞の変化！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
