動きがあるWebデザインの参考になるアニメーションのサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 上野という土地をいまだに苦手とする野田です。 断固として代官山がいいと入社してからずっとわがままを言っています。 絶対に実現されないですが。 さて、今回は僕がWebデザインの際に参考にしているアニメーションのサイトをご紹介します。 数はそんな多くないですが、時間の空いた時間にでもご覧いただければ幸いです。 Hover States http://hoverstat.es/ このサイトははとても素晴らしいです。各サイトのアニメーションを一覧で確認することができます。 インスピレーションを得たいときに大変助かっています。サイトのアイデア自体、素晴らしいですね。 Unheap http://www.unheap.com/ jQueryのpluginを紹介しているサイトですが、使用目的ももちろん、動きの参考にもなります。 自分でイージングを変えたりして、どういうものがサイトに合うのか
HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選
HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選：Webサイト作成手順を勉強するまとめ（3）（1/3 ページ） 新社会人のWeb制作者／デザイナー向けにAdobe Creative Cloudの使い方を例に、現場で使える具体的な制作手順とテクニックを学んでいく入門まとめ連載。今回はWebアニメーション制作に役立つEdge AnimateやFlash の使い方について。エレメント、シンボル、モーションパスの使い方から、パブリッシュ方法、レスポンシブ対応、音の付け方、Flashからの変換まで、さまざまなテクニックを紹介します。 前々回の「初心者でもPhotoshopの基本的な使い方が分かる入門記事9選」、前回の「HTML・CSS・WordPress初心者のためのDreamweaverの基本的な使い方が分かる記事10選」でWebサイトを作れるようになったら、Webサイトに
スマートフォンにおけるアニメーション実装 <2013年版> - Shut the fuck up and write some code
スマートフォンにおけるアニメーション実装 ～FlashからHTML5へシフトするには～ 昨年、某セミナーにて発表させて頂いたときのスライド、未だに見られているようで有り難いのですが、それからかなり環境が激変して、ここで書かれている内容は、今となってはさっぱり役に立たないので（!!!）、改めてまとめてみたいと思います。 注：ここで言う「アニメーションの実装」とは、スマートフォンのブラウザ上で動作するアニメーションのことです。 環境の変化 昨年も例年になく変化のある年だったのは誰もが思うところですが、数ある変化の中で個人的に重要なトピックを挙げてみます。 1. スマホ＞ガラケー 具体的な数字は出せないのですが、自分が関わっている案件のサービスはユーザーはそれぞれ半分くらいの比率になってます。ソーシャルゲームの会社の方々に聞いた話でも似たような数字でした。 Lineの流行もあって若年層にもスマホ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
