Web制作に役立つ情報一覧

【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

フラットデザインで描かれた、デスクアイテムのフリーモックアップ「Flat MockUps – Desk Items」

2014/06/30(Mon) 11:43

ディスプレイやキーボードはもちろん、USB・イヤホン・電卓など、デスク周りに置かれている様々なアイテムが揃っています。

http://www.nxworld.net/material/flat-mockups-desk-items.html

Webサイトのアクセスや収益の確認に便利なオススメiPhoneアプリまとめ

2014/06/30(Mon) 11:42

外出先でもアクセスや収益が気になる！という人へ向けて、サイト運営者にオススメの便利なiPhoneアプリを厳選してご紹介します。

http://creive.me/archives/5012/

Webデザイナーが最低限おさえておきたい時短のためのPhotoshop拡張機能5つ

2014/06/30(Mon) 11:42

今回はPhotoshopをお使いの方で、Web制作をされている方なら、是非ともおさえておきたいという便利なプラグインをご紹介致します。

http://flipsblog.jp/archives/1120

これから始めるJavaScriptの基礎と全体像

2014/06/30(Mon) 11:41

「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第6回目のテーマは「JavaScriptの基礎」です。

http://thebridge.jp/2014/06/javascrip-by-techacademy