Web制作に役立つ情報一覧

アプリやサイトデザインを格好良く見せられる、遠近法を用いたデザインモックアップ 20

2016/07/04(Mon) 09:52

ポートフォリオでアプリやモバイルサイトのデザイン掲載時に使われていたり、コンセプトデザインの紹介などでも利用されているのを見かけることが多い、遠近法を用いた格好良い見栄えを簡単に再現することができるデザインモックアップのまとめです。

http://www.nxworld.net/material/20-perspective-mockups.html

&（アンパサンド）のデザインが美しいGoogle Fonts

2016/07/04(Mon) 09:51

ちょっと必要があって手軽に利用できるGoogle Fontsの中で&（アンパサンド）のデザインが特徴的なフォントを探したのですが、個人的に好みで覚えておきたいなと思うデザインが意外とあったのと今後同じような時にまた探すのは面倒なので備忘録として残しておこうと思います。

http://www.nxworld.net/inspiration/beautiful-ampersands-from-google-fonts.html

[CSS]半透明のパネルが奥に吸い込まれる！一味違った縦長スクロールを実装するスタイルシートのテクニック

2016/07/01(Fri) 07:23

コンテンツを半透明のパネルに配置し、スクロールすると、パネルが奥に吸い込まれていくのを実装するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/pure-css-z-axis-scrolling.html

[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js

2016/07/01(Fri) 07:23

Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか？

http://coliss.com/articles/build-websites/operation/javascript/smooth-transition-between-pages.html

“守り”から“攻め”へ　Google アナリティクス 360 スイートがもたらすデジタルマーケの変革

2016/06/30(Thu) 07:28

もはや使っていないマーケターはいないほどメジャーなマーケティング分析ツールであるGoogle アナリティクスを中心に、さまざまな機能をパッケージした統合マーケティングスイート「Google アナリティクス 360 スイート」が発表された。

http://web-tan.forum.impressrd.jp/e/2016/06/29/23089

こんなフォントが欲しかった、デザイナーにオススメの良質フリー書体まとめ

2016/06/30(Thu) 07:27

豊富なウエイト数を用意し、どんなデザインにも活用できる持っておくと便利なアイテムから、デザイントレンドのブラシフォントや人気の筆記体、スクリプト書体、ハンドメイド感たっぷりな手書きスタイルなど、幅広いセレクションから選んでいます。

http://photoshopvip.net/91548

昭和レトロの懐かしい雰囲気が素敵なフリーの日本語フォントのまとめ

2016/06/30(Thu) 07:26

明治や昭和のレトロな雰囲気が感じられる、どこか懐かしい温かみのあるフリーの日本語フォントを紹介します。

http://coliss.com/articles/freebies/japanese-retro-free-fonts.html

Googleのマテリアルアイコンは軽量・デザイン・アクセシビリティOKの優れモノ

2016/06/29(Wed) 07:28

このマテリアル・アイコンを使えば、画像ファイルを自分用意しなくてもアイコンをWebページにカンタンに設置できます。

http://web-tan.forum.impressrd.jp/e/2016/06/28/23209

ワンクリックで写真処理を完成できる！優良Photoshopアクションファイルまとめ

2016/06/29(Wed) 07:26

写真を魅力的に加工することもできるPhotoshopですが、大量にある機能からうまく仕上げるのには時間とコツが必要です。もし、大量の写真を加工する場合はどうでしょう。アクション素材を利用すれば、繰り返し行う作業を大幅に短縮してくれます。

http://photoshopvip.net/91479

モックアップ素材はこれ一つでWebもアプリも、ロゴもガイドラインもイラストもモーショングラフィックにも使える！無料で高品質なモックアップ素材 -Large

2016/06/29(Wed) 07:25

Webページやスマホアプリのレイアウト、ワイヤーフレーム、ガイドライン、ブランディング、アイコン、ロゴ、イラスト、モーショングラフィック、イラスト、キャラクターデザインなど、もうデザインに関するすべてと言っていいくらいのさまざまなモックアップ140+種類が揃った無料素材を紹介します。

http://coliss.com/articles/build-websites/operation/work/free-mockup-for-all-design.html