LINE株式会社 Changhee Kim 2020/6/17 UIT meetup vol.9「The new normal for frontend」での発表資料です。 https://uit.connpass.com/event/172078/
Today, we’re going to be animating an illustration created in Adobe Illustrator, using SVG and CSS. We’ll use a technique popularized by Polygon in their reviews of the Playstation 4 and Xbox One. These are great examples of what is possible but we’re going to be working with something much simpler. A popsicle.Preparing Your Vector FileBefore we start animating, it’s important to take the time to
アジアのメッセージングアプリは、数億人のユーザーを抱える総合プラットフォームを構築し、世界をリードしている。中でも世界最大のメッセージングサービスの一つであるLINEはフードデリバリーやタクシー配車なの分野にも進出し、ユーザーの囲い込みを図ろうとしている。しかし、そのLINEもここ数年はフェイスブックとの競争に苦戦し、ユーザー数を伸ばせていない。 企業価値は2年間で半分まで急落 ウォールストリート・ジャーナル(WSJ)が報じたところによると、LINEは7月にIPOを予定しており、調達する資金は20~30億ドルになる見通しだという。時価総額は50億ドル(約5350億円)程度と見られているが、これは2年前にIPOを計画した際の評価の半額に過ぎない。LINEは2014年に東京証券取引所に株式上場を申請し、時価総額は1兆円規模と見られていた。しかし、その後同社は事業の成長を優先させることを理由に上
vivus, bringing your SVGs to life Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. View on GitHub Delayed Every path element is drawn at the same time with a small
図1:横に水平線のあるテキストの例 おもに見出しなどで見かける、テキストの左右 (またはそのどちらか) に水平線を配置したスタイル。これを CSS で実現する方法について考えてみました。 Demo: 横に水平線のあるテキスト 重ねて隠すパターン まず最初は、1 本の水平線を幅いっぱいに配置した上で、テキストに重なる部分を隠す、という方法です。 <h2><span>Hello</span></h2> マークアップはこのように二重の要素が必要です。外側の h2 要素の擬似要素で水平線を作り、内側の span 要素に背景色を指定してテキスト部分を隠します。 h2 { position: relative; text-align: center; } h2:before { border-top: 1px solid; content: ""; position: absolute; top: 5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く