CSSのoffsetプロパティで、楽しいパスアニメーションを作ろう - ICS MEDIA
offsetプロパティは、パス上に要素を配置・移動させるCSSのプロパティです。animationプロパティやtransitionプロパティと組み合わせることで、手軽に一見複雑そうなアニメーションが作れます。 SVGやJavaScriptは詳しくないけど、複雑そうな動きのアニメーションを作ってみたい方、animationプロパティなどのおさらいをしておきたい方にオススメの記事です。 サンプルを別ウインドウで開く ソースコードを確認する offsetプロパティと対応ブラウザについて offsetプロパティは、任意のパス上に要素を配置・移動させる一括指定プロパティです。以下の5つのプロパティが指定可能です。プロパティの詳細については、MDNのドキュメントをご参照ください。 offset-path：要素を配置・移動させるためのパス。（MDN） offset-distance：offset-pat
東京五輪ボランティア応募サイトのコードがいかに酷いか - Togetter
リンク 東京2020大会ボランティア | 東京オリンピック・パラリンピック競技大会組織委員会 東京2020大会ボランティア 東京2020大会のボランティア活動についてご紹介します。 11 users 11076 池田 泰延 / ICS @clockmaker オリンピックのボランティア募集サイトが酷いと話題だったので、コードを見てみたら残念品質でした･･･ ・重複したid属性 ・javascript:void(0) ・まともに実装されてないWAI-ARIA （音声読上も酷い） ・body内にstyleタグが頻出 これらは一例。ちなみにReact製。 tokyo2020.org/jp/special/vol… pic.twitter.com/ed6TrpByy1 2018-09-27 14:50:01
HTML5の音声ファイル最適化技術オーディオスプライトとは？―CreateJS勉強会/鹿野発表資料 – ICS LAB
2015年に開催したCreateJS勉強会（第6回）でのライトニングトーク「オーディオスプライトを使った音声ファイルの最適化」の発表内容を記事としてまとめました。音声を扱ったHTML5コンテンツにおけるCreateJSの最新機能「オーディオスプライト」の必要性と使い方を本記事で紹介します。 ウェブページではファイルの読み込み数を減らすことが必要 ウェブページを見る時や作る時、そのページでどのくらいのファイルがダウンロードされているかを気にしていますか？ CSS・JavaScript・画像・音声ファイル等、ウェブページでは必要なファイルが多くなりがちです。ファイル数が多いとファイルをダウンロードする時間が増え、その分だけページの表示速度が遅くなります。ページの表示速度が遅くなると、その分だけユーザーの離脱率が上がります。 Amazonはページの反応が0.1秒遅くなると、売り上げが1%ダウンす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Frontend Conference Fukuoka 2019
