デザインを開発するという視点でお伝えするクリエイティブBLOG
デザイン構築をする際に便利に利用できるHTML5&CSS3。目的に合わせて組み込まれていると思いますが、どのようにしたら実現できるかわからないことも多いのではないでしょうか？そんな時に活用したい、HTML5&CSS3チュートリアル「Useful And Fresh HTML5 & CSS3 Tutorials」を今回は紹介したいと思います。
（Caption Hover Effects | Codrops）
デザインに動きや機能性を簡単に取り入れられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Smooth Diagonal Fade Gallery with CSS3 Transitions | Tutorialzine
CSS3を使い、たくさんの写真ギャラリーを表示させるスライダーのチュートリアル。多くの写真を利用していろいろなビジュアルを表現したい時におすすめです。
Creative Loading Effects
いろいろなローディングビジュアルがまとめられており、デザインに合わせて使い分けることができそうです。
Adding Alarms to the Digital Clock | Tutorialzine
デジタルクロックのチュートリアルは、シンプルなデザインなのでそのまま、いろいろな場所で利用できそうです。
チュートリアルを参考にして構築することで、新しい技術を身につけながらよりクオリティの高いwebサイトを作り上げることができるのではないでしょうか？参照元サイトには他にもたくさんのチュートリアルが紹介されていますので、是非参考にしてみてください。
CSS3・HTML5を利用したナビ・タブメニューチュートリアル「15 Fresh Navigation Menu Tutorial using CSS3 and HTML5」
web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」
ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」
デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」
