Web制作に役立つ情報一覧

[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

動画をフルスクリーンで背景にするスクリプト・「Vidage.js」

2016/06/29(Wed) 07:25

Vidage.jsはフルクリーンで動画を背景にするスクリプトです。スマフォなどのモニタサイズが狭いデバイスなどでは画像が背景になるようにするようです。

http://kachibito.net/useful-resource/vidage-js

「検索に強いコンテンツ」を企画・制作するために欠かせない4ステップとは？

2016/06/28(Tue) 07:29

自分の頭で考えたマインドマップと、ツールを使ったキーワードマップをかけ合わせる

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