Web制作に役立つ情報一覧

【Photoshop】テクニックを習得！チュートリアルを集めました！

2014/05/28(Wed) 11:53

水しぶきとライティングを用いたチュートリアル。イベントのフライヤー等に活用できそう。

http://c-brains.jp/blog/wsg/14/05/27-100000.php

キャンペーン用トラッキングパラメータ付きURLを、HTML5のreplaceStateで美しくスッキリさせてみた

2014/05/28(Wed) 13:40

キャンペーン用のトラッキングパラメータ（utm_sourceとかutm_mediumとか）付きの汚いURLをスッキリさせるのに、HTML5のHistory APIで提供されているreplaceStateを使う、美しい方法を紹介します。

http://web-tan.forum.impressrd.jp/e/2014/05/27/17546

[JS]テキストを次々にモーフィングのアニメーションで表示するスクリプト -Morphext

2014/05/28(Wed) 11:52

複数のテキストを次々にモーフィングのアニメーションで表示するjQueryのプラグインを紹介します

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-morphext.html

スクロールやクリックした際に、おおっ！と思わせるクリエイティブな7つのエフェクトがかっこいいっ！

2014/05/28(Wed) 11:51

ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ！と思わせるクリエイティブなエフェクトを7つ紹介します。

http://coliss.com/articles/build-websites/operation/work/inspiration-for-article-intro-effects-by-codrops.html

[JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal

2014/05/28(Wed) 12:14

jQueryは無しで、縦長ページ用のスクロールに連動したさまざまなアニメーションが簡単に実装できます。

http://coliss.com/articles/build-websites/operation/javascript/js-anijs-plugin-scrollreveal.html

最近気になったソーシャルアイコンセット #6

2014/05/28(Wed) 11:49

ここ最近で気になったソーシャルアイコンセットのまとめです。

http://www.nxworld.net/material/social-icons-set-201405.html

サイト運営で売上を倍増させるために必ず読むべきノウハウ記事まとめ

2014/05/27(Tue) 11:53

インターネット業界は変化が早く、Webサイトは常に情報を取り入れて運営しなくてはなりません。サイトの運営には、コンテンツからマーケティング、制作やアクセス解析まで、幅広い分野への理解が

http://markehack.jp/site-operation/

ユーザーシナリオから考える、ユーザー視点に立ったWebデザインの作り方 dairy

2014/05/27(Tue) 11:52

本ブログのリニューアルの背景を事例に、ユーザー視点に立ったWebデザインのフローを紹介しようと思います。

http://catcher-in-the-tech.net/841/

デザインの腕が上がる！すごいフリーフォント素材40個まとめ 2014年5月度

2014/05/27(Tue) 11:50

海外デザインブログDesignYourWayで、新しく公開されたフリーフォントをまとめたエントリー「Quality New Fonts to Consider For Your Designs」が公開されていたので

http://photoshopvip.net/archives/64333

黄金律を使ってデザイン性の高いウェブサイトを作る方法

2014/05/27(Tue) 11:49

美しいウェブサイトを作ることは単純にユーザーの気分をよくするだけではなく、パフォーマンスを上げると言われています。ウェブサイトのデザイン性を上げるには使用するフォントも大切ですが、

http://gigazine.net/news/20140525-golden-ratio-and-typography/