Web制作に役立つ情報一覧

スマホ対応を中途半端な変換でやり過ごそうとするWeb担当者に喝! レスポンシブですべて解決するわけがない!

2014/07/02(Wed) 11:46

スマホ対応を望む声はマルチデバイス時代到来の兆し！ 真のユーザーニーズを忘れるべからず

http://web-tan.forum.impressrd.jp/e/2014/07/02/17645

脱WordPress！ 使わないという不正アクセス対策

2014/07/02(Wed) 11:46

Webサイトにセキュリティ対策は必須、利用実態に合わせた選択を

http://web-tan.forum.impressrd.jp/e/2014/07/02/17728

響くページタイトルを書くための6つの原則

2014/07/02(Wed) 11:45

売れるキャッチコピーの作り方は、良いタイトルの作り方につながるのです。

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

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