Web制作に役立つ情報一覧

[JS]jQueryより高速で軽量なVanilla JSを使った画像スライダーのスクリプト -Ideal Image Slider

2014/09/11(Thu) 07:41

HTML5のシンプルなコード、CSS3を使ったかっこいいアニメーション、レスポンシブ対応でタッチデバイス対応、SEOにもフレンドリーで、W3C ARIAにも準拠した画像スライダーのスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-ideal-image-slider.html

大きな背景画像を使った魅力的なWebサイトを作ろう | Webクリエイターボックス

2014/09/11(Thu) 07:40

導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！

http://www.webcreatorbox.com/inspiration/big-background-image/

Google Analyticsのセグメント機能で、詳細なアクセス解析を簡単にする方法

2014/09/10(Wed) 07:51

Google Analytics（以下、Analytics）のセグメント機能について紹介したいと思います。

http://liginc.co.jp/web/seo/104136

リスティング広告は枠を買うのではなくキーワードに入札する

2014/09/10(Wed) 07:51

リスティング広告の広告費の仕組みは独特、まず「クリック課金型」であることを理解する必要があります

http://web-tan.forum.impressrd.jp/e/2014/08/26/18119

「Webディレクター」という肩書とその役割

2014/09/10(Wed) 07:49

昔よく言われたのは、「Webディレクター」は「デザインできない」「開発できない」人がなる職業というネガティブな表現があった。特に「Webの仕事」と言えば「Webの受託制作」だったころは、そういう人たちが沢山集まってきていた。

http://f-shin.net/fsgarage/2156

フリーフォントで編集自由！Illustrator無料ビンテージバッジ、ロゴ作成キット

2014/09/10(Wed) 07:49

時間をかけずに、クオリティーの高いロゴを作成したいときなどいかがでしょう。

http://photoshopvip.net/archives/68671

Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive

2014/09/10(Wed) 07:48

レスポンシブとアダプティブ、そしてリキッドとスタティック、Webデザインの代表的な4つのレイアウトの特徴と相違点を実例見ながら学ぶコンテンツを紹介します。

http://coliss.com/articles/build-websites/operation/work/4-typical-layouts-for-web-design-liquidapsive.html

[JS]イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js

2014/09/09(Tue) 07:54

スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-timesheet.html

WordPress：簡易的なメンテナンス画面を表示する方法

2014/09/09(Tue) 07:54

時間に余裕があればしっかりデザインされたものを表示した方が良いと思いますが、緊急時や見栄えが大きく崩れてしまったなどの理由で手っ取り早くメンテナンス画面を表示させたい時に便利です。

http://www.nxworld.net/wordpress/wp-quick-maintenance-mode.html

Googleが調査したスマホサイトで重要な25項目！サイトの収入、アクセスアップを狙うなら必見

2014/09/09(Tue) 07:53

これから、モバイルサイトへの流入はさらに増えていきますので、サイトのKPIを高めるためにもぜひチェックしておきましょう。

http://laugh-raku.com/archives/9280