このページの本文へ

【週末まとめ読み】滑らかなフレームアニメーションをCSSとJSで実装 ほか

2017年09月22日 17時43分更新

文●WPJ編集部

  • この記事をはてなブックマークに追加
本文印刷
今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、レスポンシブで滑らかなフレームアニメーションをCSSとJSで実装する方法、UIデザイナー向け最新ツールとリソース、モバイルWebサイトにQRコードリーダーを実装など、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては?

【今週の一番人気】レスポンシブで滑らかなフレームアニメーションをCSSとJSで実装する方法

Webサイトを楽しく見せることができるフレームアニメーション。SVG画像とCSS、JavaScriptで滑らかな動きを実現する方法、注意点を解説します。

【デザイナー必読】UIデザイナーが絶対チェックしておきたい最新ツールとリソース【2017年8月】

UXのベンチマークツール、プロトタイピングツール、VRを使ってデザインするツールなど、最新のデザインツールやリソースを紹介します。

【アプリ開発ヒント】ネイティブアプリ不要!モバイルWebサイトにQRコードリーダーを実装する方法

イベントやショッピングサイトなど、モバイルサイトにリーダー機能を組み込めればわざわざアプリをダウンロードさせる必要はありません。HTML/CSSとJavaScriptを使ってWebサイトにQRコードリーダーを実装する方法を紹介します

【マーケター必読】JavaScriptでデータ分析・ビジュアライズツールを作るときに検討したいことまとめ

JavaScriptでビジュアライズツールを作るには、単にグラフを描くライブラリーを選べばいいわけではありません。データベースやアクセス方法など、検討したいことをまとめました。

【Web制作ヒント】続・ReactとPHP、WebSocketでゲーム開発 地形を生成してみよう

「ReactとPHPでStardew Valleyのような経営ゲームを作りたい!」と考えた著者の挑戦は続きます。

【とりまブクマ】Photoshop不要!おしゃれなプロダクトモックアップをサクッと作れるツール5選

スマホアプリやWebサービスのランディングページでよく見かける、プロダクトモックアップ。どうやって作っていますか? Photoshopで自分で作ってもいいけど、実はとても簡単におしゃれに作れるツールがたくさんあります。

【デザイナー必読】ユーザーとの距離をぐっと縮める「ノスタルジア・マーケティング」のアイデア

レトロなデザインとストーリーでユーザーを魅了する「ノスタルジア・マーケティング」。ユーザー心理を突いてコンバージョンを高め、エンゲージメントを深める方法を説明します。

【お役立ちネタ】フルスタックなフレームワーク「Meteor」で始める超高速ブラウザーゲーム開発

Webアプリの開発からリリースまで高速で進められるフルスタックなJavaScriptフレームワーク「Meteor」。シンプルな「三目並べ」を作りながら、ブラウザーゲームの作り方を学びましょう。

Web Professionalトップへ

WebProfessional 新着記事