Adobe XDの自動アニメーションとドラッグジェスチャー機能を使って、UIのインタラクションを実装したまとめ
Adobe XDの2018年10月のアップデートで使えるようになった新機能「自動アニメーション」「ドラッグジェスチャー」を使用して、Webサイトやスマホアプリで見かけるUIのさまざまなアニメーションやインタラクションの実装を紹介します。 Adobe XDの「自動アニメーション機能」はかなり簡単にさまざまなエフェクトやトランジションが短時間で実装できます。さらに「ドラッグジェスチャー」を加えることで、タッチデバイスのドラッグ操作をシミュレートでき、自動アニメーション機能をさらに一歩進めることができます。 Adobe XD: putting auto-animate to the test 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ここで紹介したAdobe XDのファイルは、記事の最後でまとめてダウンロードできます。 また、こ
CSSの参考になるアイデアがいっぱい！2018年スタイルシートを使ったテクニックのまとめ
2018年も、CSSの進化がすごかったです！ CSSを使ったアニメーションはより快適なものが増え、JavaScriptを使用しないと実装できなかったものがCSSだけで実装できるようになったり、vwやvhやcalc()などを効果的に使用したり、レイアウト、ナビゲーション、カードなどもより洗練されて実装されています。 さまざまな素晴らしいアイデアが取り入れられたスタイルシートを使ったテクニックを紹介します。 各デモはCSSのみで実装されたものもありますが、JavaScript併用もあります。 動作を見るには、「Run Pen」をクリックするか、クリック後に右上「Edit on Codepen」をクリックしてください。 まずは、ダイナミックなアニメーションが楽しいソーラーシステム。動きが斬新で、スライドなどに応用してもよさそうです。ベストビューは、Operaです。
jQueryを使わずスライドするサイドメニューを作る方法 [ホームページ作成] All About
jQueryを使わずスライドするサイドメニューを作る方法ボタンをクリック(タップ)することによって、初期状態では非表示になっているサイドメニュー(メニューバー)を表示させる方法をご紹介。スクリプト「Sidebar Transitions」使って14種類のアニメーション効果でサイドメニューを表示する方法を解説。
![jQueryを使わずスライドするサイドメニューを作る方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4e0882afa116197b45bde191c53045a1b61dd2a/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F6%2F4%2F4%2F0%2F6%2F201606271049%2Ftopimg_original.png)
「シン・ゴジラ」最大の課題は、総監督「庵野秀明」のこだわり--制作裏話を聞いた
7月29日の上映開始後大ヒットを記録している「シン・ゴジラ」。「エヴァンゲリオン」などで知られる庵野秀明氏が総監督を務めた同作は、綿密な取材をもとに、現代日本にゴジラが襲来したらどのように政府は対応するのかを、リアリティのあるストーリーで表現した話題作で、庵野監督作品としては過去最高の興行収入53億円（8月28日時点）を突破している。 シン・ゴジラの制作にあたっては、ゴジラそのものがCGで描かれるなどビジュアルエフェクト（VFX）が多用されており、スケールの大きい作品でありながら、非常に短期間での撮影を強いられたという。また、作品へのこだわりが強い庵野監督の要望にも応えられる制作環境の整備が必要だった。 どのようにして時間とクオリティを両立させたのか、シン・ゴジラで編集・VFXスーパーバイザーを手がけたTMA1代表の佐藤敦紀氏と、VFXプロデューサーを務めたピクチャーエレメント代表の大屋哲
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
