Web制作に役立つ情報一覧

あっと驚くウェブサイトをつくろう！プレミアム新作WordPressテンプレートまとめ

2015/02/11(Wed) 07:50

WordPressを使ったウェブサイトが増えているいま、最新トレンドやテクノロジーを採用した、高機能なテンプレート素材がたくさん公開されています。今回は充実したコンテンツを作成できる、プレミアム新作WordPressテンプレート素材をまとめてご紹介します。

http://photoshopvip.net/archives/73320

フリックにも対応のレスポンシブなスライダーを実装出来るスクリプト・「Flickity」

2015/02/11(Wed) 07:49

Flickityはスマフォのフリック操作にも対応したレスポンシブなイメージスライダーの為のスクリプトです。非依存型ですが、jQueryやVanilla.jsを使ってセッティングのコードを簡略化する事も出来るように設計されているみたいです。

http://kachibito.net/useful-resource/flickity

商用利用無料！女子高生が書くような文字をイメージしたかわいい日本語のフリーフォント -JKゴシック

2015/02/10(Tue) 07:54

女子高生が書くような文字をイメージしてデザインされたフリーの日本語フォントを紹介します。Webデザインだけでなく、フライヤーや同人誌などの紙、映像、ロゴなどにも無料で利用できます。

http://coliss.com/articles/freebies/freebies-jk-font-light.html

無料で名刺を作成できる！すごいPhotoshopテンプレート素材38個まとめ

2015/02/10(Tue) 07:53

名刺を作りたいけど、あまりデザインに予算を掛けたくない。そんなときは無料でダウンロードできる、Photoshopテンプレートを利用してみてはいかがでしょう。テキストを編集して、ロゴを配置するだけでスタイリッシュな名刺デザインを手軽に、そして無料で完成させることができます。

http://photoshopvip.net/archives/73243

Photoshopを使って10分で写真をメタリック加工するチュートリアル

2015/02/10(Tue) 07:52

今回はPhotoshopを使ってたったの10分でメタリックな加工をする方法をご紹介させていただきます。

http://liginc.co.jp/web/design/photoshop/143479

グーグルの順位決定要因2014年版データ登場！――まずはキーワード関連のデータを紹介（前編）

2015/02/10(Tue) 07:51

キーワードのページ・URL内・見出し内の数、アンカーテキスト、さらに徴証語や関連語のデータも紹介

http://web-tan.forum.impressrd.jp/e/2015/02/09/19283

【マテリアルデザイン採用】リニューアルで気をつけた4つの大事なポイント

2015/02/10(Tue) 07:50

実際に完成したリニューアルデザインと一緒に、筆者がマテリアルデザインを使ってデザインするときに学んだ4つのポイントをまとめてご紹介します。

http://photoshopvip.net/archives/73204

Photoshopで芝生やレンガの写真からシームレスなパターンテクスチャ素材を作る方法

2015/02/09(Mon) 07:37

今回はPhotoshopの機能を使って、写真からシームレスパターンを作成する方法をご紹介します。

http://liginc.co.jp/web/design/photoshop/144195

マテリアルデザインの色付きアイコン1400＋「Material Design Icons」

2015/02/09(Mon) 07:37

マテリアルデザインの色付きアイコン1400＋「Material Design Icons」次のようないい感じのアイコンセット。単色が流行りですが、やはり色がはいると楽しさが大幅にアップしますね。

http://phpspot.org/blog/archives/2015/02/1400material_de.html

進化が止まらない！CSS3アニメーションを簡単に利用できるスクリプトやスタイルシートのまとめ

2015/02/09(Mon) 07:36

スクロールをトリガーに要素をアニメーションで表示したり、ページを表示した時にちょっとしたエフェクトを加えたり、ボタンのホバー時に気持ちいいアニメーションを加えたり、CSS3のアニメーションを簡単に加えることができるリソースを紹介します。

http://coliss.com/articles/build-websites/operation/css/awesome-css3-animation-tools-2015.html