Web制作に役立つ情報一覧

手の込んだテキストエフェクトが使えるフリー素材PSDファイルまとめ30選

2014/12/03(Wed) 07:45

ブログのアイキャッチにも使えるテキストエフェクトのフリー素材をまとめてみました（今回のアイキャッチでも使ってます！）。

http://liginc.co.jp/web/design/material/132590

Google Mapsの地図に目的地までのルートをJavaScriptで描画する方法

2014/12/03(Wed) 07:44

任意で入力した場所から指定された場所までのルートをGoogleマップに描画する方法を紹介したいと思います。

http://liginc.co.jp/web/js/other-js/132151

本をめくるかのような感覚で画像が見せれるおしゃれすぎるjQueryプラグイン

2014/12/03(Wed) 07:43

おしゃれすぎるプラグインがあったのでシェア。結構あちこちで話題となっていましたが、このぬるぬる感がいいですよね。

http://e0166.blog89.fc2.com/blog-entry-1209.html

[CSS]素晴らしいテクニックが満載！囲いや区切りなどのラインを実装するスタイルシートのまとめ

2014/12/03(Wed) 07:42

divやp、hrなどで実装された囲いや区切りのスタイルに、一手間加えた素敵なデザインにするスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-tips-for-fence-range-line.html

コンテンツとは見た人の生活の質を上げるもの

2014/12/02(Tue) 08:08

今、コンテンツマーケティングという言葉が非常に流行っている。実際、 ” Content is King ” と言われるように、今では良質なコンテンツなしにマーケティングで成功を収めることはできない。

http://bazubu.com/what-is-a-content-24305.html

テクニックがすごい！新作Photoshopチュートリアル、作り方30個まとめ 2014年11月度

2014/12/02(Tue) 08:07

Photoshop CCに追加されたリンク付スマートオブジェクトなど、制作作業が捗る新テクニックの他にも、オリジナルPSブラシの作り方や真似をしたい写真レタッチ術、テキストエフェクトなどが公開されていました。

http://photoshopvip.net/archives/71179

美しいグラデーションが簡単に利用できる！グラデの種類が豊富に揃ったmixinとスタイルシートのまとめ -SuperGradient

2014/12/02(Tue) 08:07

垂直・水平のベーシックなグラデーションをはじめ、放射状や斜め方向のグラデーションなど、さまざまな美しいグラデーションを描くmixinをまとめた「SuperGradient」を紹介します。

http://coliss.com/articles/build-websites/operation/css/multi-color-gradient-mixin-super-gradient.html

[続編] 効率的になった！最近のサイトで使われていたCSS小技集

2014/12/02(Tue) 08:06

マウス操作によりインタラクティブな動きを出したり、簡単にボックスを等間隔・等幅にしたりとCSSのみで実現できる方法を書いておきます。

http://commte.net/blog/archives/4887

無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ

2014/12/02(Tue) 08:04

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2014-winter.html

モバイルSEOに役立つGoogle純正ツール×5

2014/12/02(Tue) 08:04

この記事では、モバイル向けサイトのユーザビリティやユーザーエクスペリエンスの向上に役立つ、Googleが提供する公式ツールを5つ紹介します。

http://www.suzukikenichi.com/blog/six-mobile-seo-tools-by-google/