IllustratorでSVGアニメーション用のSVGファイルを作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのすーちゃんです。 雪を見ないと冬っぽさを感じられません。東京は全然雪が降らないので、年末実家に帰るのが楽しみです！ さて今回は、今さら聞けないかもしれない、SVGアニメーション用のSVGファイルの作り方をご紹介したいと思います！ どういったところでSVGアニメーションが使われているの？ まずは、どういった部分にSVGが使われているか見てみましょう！ carborocco 最初のローディングやロゴマークが表示される部分がSVGアニメーションみたいです。静止画で見るよりも、ロゴのイメージが湧いてきますね！ SERIO VERIFY スクロールに合わせて線が伸びていったり、描いているみたいにイラストが表示されたり……。これもSVGで表現されています。よりストーリー性があって、つい最後まで見てしまいますね！ 上で挙げたサイトのように、ストーリー性を持たせたり、強く印象づけ
ブラウザレンダリングを理解するため簡単にまとめてみた - Qiita
初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。 最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。 こんな本を読み始めました Webフロントエンド ハイパフォーマンス チューニング -久保田 光則 (著) webパフォーマンスについて...要はサイトの 速度改善 について学べる本です。 冒頭に「ウェブパフォーマンスとは何か」が書かれてます。 ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソースを節約させることであり、その節約した分ユーザを豊かにしているわけです。 ウェブページ遷移時の初期ロード時のパフォーマンスだけでなく ウェブページ内でのインタラクション(ユーザが起こした操作に対しての応答)の描画のパフォーマンスが重要になってきます。 読み込み
君はもう体験したか！Adobe Illustrator CCでついに画像アセットができるようになったぞ！ | unitopi - ユニトピ -
こんにちは。ナガタです。 ナガタは非常に興奮しています。 それはタイトルの通り、「Adobe Illustrator CCでついに画像アセットができる」ようになったからにほかなりません。Photoshopが画像アセット対応してからというもの、スライス作業が楽になったこと楽になったこと。 画像アセット…Photoshopで標準機能とされる書き出し機能。レイヤーにxxx.png等つけることで一括で書き出すことが可能。詳しくはこちらの記事を参照ください。 データはフォトショですか？イラレですか？イラレは２倍料金ください。 画像アセットになれてからの日々、画像アセットができないイラレファイルでデザインが来るのを非常に嫌がっていました。懇意にしてくださる制作会社さんから「案件のお願いがあるんだけど〜」と言われた日には即「データフォトショですか？イラレですか？」と確認をし、イラレだった場合には非常に嫌
Googleマイマップのススメ。食べ歩きMAPを作っておくと、すごく便利ですよ。 - いつもマイナーチェンジ！
いまやお出かけの必需品となったGoogleマップですけれども。 マイマップって使ってますか？ かなり前からあるサービスなので、使ってる人は当たり前のように使ってると思いますが、 これ、とても便利です。 もし使ってない人がいたら、ちょっと見ていってください。 僕の使い方を説明しますので。 マイマップとは Googleマップで住所や地名で検索すると赤いピンが立ちます。 例えば、「東京駅」で検索すると、こんなふうになりますね。 このピンを、ひとつじゃなくて複数立てられて、且つそれを保存できるのがマイマップです。 こんな感じで。 僕のマイマップの使い方 上のマイマップを見ると、ピンが色分けされているのが分かると思います。 これ、僕の食べ歩きMAPなんですが、 僕はピンを立てる時に、こんな使い分けをしています。 青色：すごく美味しかった店 水色：結構美味しかった店 黄色：普通に美味しかった店 桃色：
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kappatosamurai.com - このウェブサイトは販売用です！ - 漫画 もっと ホッコリ カッパ 暇潰し イラスト 制作 幸い リソースおよび情報
