Web制作に役立つ情報一覧

Googleアナリティクスとエクセルで場当たり的Web運用をステキに改善するコツ／HARMONY

2014/07/01(Tue) 12:01

Googleアナリティクスとエクセルを利用し、サイト全体を改善する実践手法を解説

http://web-tan.forum.impressrd.jp/e/2014/07/01/17700

SVGアイコンを実用するために知っておきたい、リンク周りの記述方法

2014/07/01(Tue) 12:00

以前書いた「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」という記事でSVGの基本や効率よく使用する方法を紹介

http://www.webcreatorbox.com/tech/svg-icon-link/

WordPress：投稿一覧で記事ステータス毎に背景色を変更する方法

2014/07/01(Tue) 11:58

それぞれの記事が現在「公開済み」や「下書き」など、どのステータスなのかをパッと見でわかるようにするものです

http://www.nxworld.net/wordpress/wp-post-status-change-background-color.html

SEOの健康診断を10分で行う方法

2014/07/01(Tue) 11:57

あなたのサイトのSEOの状況を10分でチェックしてみようという日常的にSEOに取り組んでいない方にはピッタリの記事

http://www.seojapan.com/blog/seo-in-10-minutes

【2014年版】リスティング担当者から見た、イケてるランディングページ10選

2014/07/01(Tue) 11:56

以前「リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきました

http://liginc.co.jp/web/matome-web/93592

コピペで使える！ CSSで凝った背景を作るサンプル集

2014/07/01(Tue) 11:54

CSSの「background-blend-mode」を活用した背景サンプルをたくさん紹介しているサイトです

http://www.lifehacker.jp/2014/06/140630css_gradients.html

タッチデバイス対応CSSボタンのジェネレータ

2014/06/30(Mon) 11:48

以前より、マウスクリックに合わせて動くボタン風のUIを利用していたのですがタッチデバイスにおいてはそうした動作がかえって邪魔になってしまうことやボタンの色やサイズを変える度にアイコン画像が増えてしまうことなどが問題でした。

2.5dBUTTONはそうした問題に対応するために作成しました。フラットな状態をベースに、マウス操作時はhoverででっぱってon_clickでへっこむ動作で、タッチデバイスにもmodernizr.jsを読み込むだけで簡単に対応可能です。

アイコンはフォント(http://kudakurage.com/ligature_symbols/)を利用しているため、retina対応を考える必要もなく、色やサイズの変更も容易です。また、従来のアイコンフォントはセマンティックでないことが一つの欠点でしたが、今回利用しているLigature Symbolsは合字の仕組みを利用しているためその欠点も解消されています。

Takuma.Fさん紹介

http://noht.co.jp/2_5dbutton

「直帰率」「離脱率」など、初歩的なアクセス解析関連の専門用語が、そもそもよくわかりません

2014/06/30(Mon) 11:46

「直帰率」「離脱率」といった初歩的な用語を、明快に説明できるだろうか？

http://web-tan.forum.impressrd.jp/e/2014/06/30/17738

コンテンツも作らずマーケティング費用もかけずに検索順位を上げる6つの方法（前編）

2014/06/30(Mon) 11:45

コンテンツの制作やマーケティングに費用をかけることなく検索順位を改善するための方法を6つ、ランドが紹介する。

http://web-tan.forum.impressrd.jp/e/2014/06/30/17776

[CSS]レスポンシブ対応、スクリプト無し、完成度も非常に高いタブコンテンツを実装するテクニック

2014/06/30(Mon) 11:44

スクリプトは一切使用せず、デスクトップ時はタブコンテンツ、スマフォ・タブレット時はタブをスケールダウンに変更してコンテンツを表示するスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-tabs-no-js-by-jakealbaugh.html