どうも〜こんにちはぁ！　最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ

皆さんいつもWEBサイトのデザインをする際に何を参考にしていますか？ 気にいったサイトがあったらブックマークをしてストックしておく、WEB系の本を見る、あとはWEBサイトのまとめサイトを見るですよね？ 自分もまとめサイトを見つけるとブックマークして定期的にチェックしていたのですが、いろいろなまとめサイトがありましたのでまとめサイトをまとめてみました。 このほかにもこんななのがあるよというのがありましたら是非教えてください。 TheFWA http://www.thefwa.com/ High Floater http://www.highfloater.com/ ABM | AnotherBookmark™ – Webデザインブックマークサイト http://www.anotherbookmark.com/ Webデザインのリンク集 Webデザインポータルサイト S5-Style http

WordPress（ワードプレス）を利用してブログを運営する際に役立つプラグインを紹介します。 プラグインはWordPressの機能を拡張する役割があります。 プラグインを上手く活用すると、ブログの機能を増やして、ブログの運営を効率化できます。 ブログ運営に役立つ便利なプラグインが沢山あります。 あなたのブログに導入するプラグインを選ぶ際に参考にして下さい。 WordPressの便利なプラグインをあなたも活用しましょう。 この記事を読むと得られること はじめに プラグインとは？ WordPress（ワードプレス）のプラグインは、 機能を拡張する役割があります。 初期状態は、シンプルな機能しか用意されていませんが、 プラグインを利用することで、様々な機能を拡張できます。 便利なプラグインは沢山あります。 この記事では便利なプラグインを紹介しています。 あなたのブログで利用するプラグインを選ぶ

スマホ対応！高品質なワードプレステンプレートをまとめました！随時更新中！ 無料でしかもレスポンシブ対応で綺麗なテンプレートがほしい！！ そんなわがままな要望に応えるため、ひたすら探しました。 そして、ここに無料ダウンロードができるまとめが仕上がりましたｗ そのまま使ってもいけそうですし、さらにオリジナルの味を出したければ 画像やCSSを微調整すればできそうな感じですね。 制作者の方でも、どういうテンプレートになっているかファイルの中身を知るにもおすすめですね！ 特にレスポンシブ対応ともなると、対応させる画面幅に応じてメディアクエリを使うのでめんどくさそうですからね。 あらかじめ書かれたHTMLやCSSを微調整するだけなので便利です。 よかったらどうぞ！！ 【決定版】国産でレスポンシブ＆高品質な最強WPテンプレート46選！ いいねえww これ全部無料だよ～！！ BizVektor（ビズベクト

2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その3 目標：わかりやすいワイヤーフレームを作成することができる 必要なもの：紙とペン 対象レベル：超初心者OK

1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる Webデザインの参考になるギャラリーサイト。 ネット上にたくさん存在します。 その中でも無限スクロールでデザインをザックザク掘っていける国内サイトだけを厳選してまとめました。 スクロールすれば勝手にどんどんデザインを読込んでくれるものだから、ボーッとページを下ってるだけで、なんだかWebデザインの勉強や競合他社のサイトデザインの分析をしているような。そんな気になります。 1. S5-Style このサイト自体のデザインが好き。 使い勝手もよろしく、お気に入りのデザインをスゴく見つけやすい。「servi

オレ色に染められるところ。WordPressの魅力の一つですね！ 身の丈に合わせたいじくり方を楽しめて、思い通りに動いてくれないときは、「こんちくしょー！」と叫びたくなりますが、そんな一筋縄でいかないところも憎めません。 さて、今回はつい先ほどよそ様用にカスタマイズを終えたばかりの投稿画面を紹介してみようと思います。 facebook、Twitter、Google+への書込みとSEOの基本を簡単に設定できる投稿画面です。 よく尋ねられる「投稿画面の使い方教えて？」 「ここ見て→」用に、記事を作成する手順も一緒に掲載しました。おさらいしたい人もどうぞ。 それでは始めます！ 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サ

最近、私の周りで、 「ブログを止めてホームページ一本で行きます」 「ホームページを止めてブログだけを運営します」 という方をちらほら見受ける。 私は、仕事用のホームページを3つ、ブログを2つ運営している。 それぞれ目的や用途が異なり、しっかりと使い分けしている。だが、ほとんどの人は、この使い分けを知らない。そのため、片方を止めてしまったりする。止める選択が正しい場合もあるが、単に、使い分けが分からなくて、止めてしまう人も多いのではないだろうか。 私の中では、ホームページとブログには、明確な境界線がある。 そのため、載せるべきコンテンツも明確に違う。 どんなふうに線引きをしているかと言うと、 ・ホームページは、本業ど真ん中のコンテンツを載せる ・ブログは、周辺コンテンツ、経過コンテンツを載せる である。 このように線引きを行えば、「ホームページか、それともブログか」という悩みは無くなり、有効

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

会社ブログで書いた記事にこんな反応があったので補足。 先週会社で書いた記事→「今までの常識を覆す!?レスポンシブかつ超軽量なCSSフレームワーク | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ」 […] 会社ブログで書いた記事にこんな反応があったので補足。 先週会社で書いた記事→「今までの常識を覆す!?レスポンシブかつ超軽量なCSSフレームワーク | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ」 “MediaQuery非対応ブラウザで閲覧すると「スマートフォン画面」が表示されることになります” それが閲覧上問題になることあるんだろうか / “今までの常識を覆す!?レスポンシブかつ超軽量なCSSフレームワーク | スマートフ…” https://t.co/N1h7tN5IOD — Jeffrey Francesco (@JForg) Octob

スマートフォン×EC　2014年上半期トレンドデータまとめ速報 2015年には、携帯電話所有者の70％がスマートフォンになると予測され、現在スマートフォン保有者の40％がスマートフォンでECを利用してい ると言われています。今回は躍進著しいスマートフォンのEC活用のトレンドデータを2014年の上半期の速報値としてまとめていきます。新鮮なデータを、弊社EC向けアクセス解析～自動課題判定～施策提案ASPサービスSHOPNOTEから確認していきます。 ＜過去のレポート＞ 【スマホ×EC】2013年総まとめトレンドデータ　-　スマホ大躍進の一年を生データで振り返る ECにおけるスマホ活用実態を5指標×4切り口の豊富な生データで徹底解剖 一昨年から始まったスマートフォン活用の波は、この2014年上半期も引き続き伸びているのか。この半年のデータを、来訪者数・ 売上高・転換率・客単価・平均PV数の5つ主

第1回テーマ 第1回目のテーマは『HTML5の基本の書き方を覚える』とタイトルに書きましたが、ブログやサイトを作りはじめるには最初に必ず記述する文字がありますよね。 例えば、「DOCTYPE宣言」や「エンコーディング」などです。 HTML5の場合、これらの情報はどうなるのでしょうか？ 今までどうりの記述方法なのか、それとも大幅に変更されているのか。これを知らなければサイトを作りを始めることができないと思い、第1回目のテーマにしました。 では、具体的に今回のテーマ『HTML5の基本の書き方』とは、 HTML5でのDOCTYPE宣言の書き方 html要素と文字のエンコーディング HTML5がIEなど対応していないブラウザへ新要素への対応 HTML5に対応したリセットCSSの導入 です。 上記の条件をクリアして、サイト構築への準備を整えていきたいと思います。 HTML5でのDOCTYPE宣言の書