mediologic.com/weblog » サイトを企画する時に考えたい、４つのポイント。
■サイトを企画する時に考えたい、まず４つのポイント。 Webサイト、特にブランディングサイト、スペシャルサイト、キャンペーンサイトというものを企画する時に気をつけたいこと。 Google勤務時代はさすがにそういう仕事はなかった訳ですが、博報堂、電通、そして今に至るまで、サイトの企画をする際に、気をつけてきたこと、一緒に仕事をするスタッフとシェアしてきたこと、そしてこれから一緒に仕事することがあるかもしれない人々にもシェアしたい、僕の考え方をまとめておきたいと思います。 １）そもそもWEBサイトに人は来ない 僕自身、多数のWEB企画に参加してきたけれども、常にまず第一に念頭におくのは、そもそもサイトに人は来てくれない、ということ。Google時代にその考えはますます強くなった。検索をしてサイトに飛びだつユーザーは、その目的のためにそれぞれを訪れる。SEO/SEM業界でいう［ランディングページ
HTML5になると結局何が変わるの？
約10年ぶりにバージョンが上がるHTML5。 最近HTML5を取り上げた記事も多いですが 結局何が変わるのかよく分からない方もいるかと思います。 そこで、今回はホームページ作成の初心者の方のために HTML5の変更点をなるべくシンプルにまとめてみました！ まず、HTML5では「不要なタグ」が廃止され、 SEO的に重要な「新しいタグ」が増えます。 廃止されるタグには通常CSSで指定しておくべき center、font、uなどが完全に廃止されることになります。 以前から言われてきた 「見た目に関するものはCSSでやりましょう」ということですね。 （当方もまだfontタグなどを使っていますが；） そして新しいタグとして<header>や<footer>など 検索エンジンに対して構造を分かりやすくするタグが増えます。 フッターの部分を表す<footer>や 文章などのコンテンツを入れる<secti
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
手描き風Webデザイン – 参考サイトや無料のフォント・アイコン・ブラシなど
2014年10月12日 Webデザイン 私の大好きな手描き風Webデザイン！見づらくなったりするのでバランスが難しいデザインではありますが、「普通のデザインじゃ物足りない！」という時に取り入れると、程よくゆる〜い感じがでます。ここでは参考になるWebサイトや、デザインする際に使えそうなフォント・アイコン・ブラシなどを紹介します。 ↑私が10年以上利用している会計ソフト！ 手描き風Webデザイン – 参考サイト 見とれてしまうサイトばかりです。 Christian Sparrow http://www.christiansparrow.com/ ブラン http://www.bla.jp/ BootB http://bootb.com/en/ PSYOP http://www.psyop.tv/ a simple measure http://www.asimplemeasure.com/
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.net
cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニュー シンプルなドロップダウンメ
MdN Design｜総合情報サイト
テンプレートにリピート領域が指定されたテーブルを作成しておくと、行の追加削除や入れ替えが簡単に行えるようになる。リピートテーブルを使うことでリピート領域と編集可能領域を同時に作成できる。MX 2004以降で使用可能なテクニックだ。 テンプレートファイルを作成または開き、挿入位置にカーソルを指定する【1】。挿入メニュー→“テンプレートオブジェクト”→“リピートテーブル”を選択。挿入パネルの一般タブ内にあるテンプレートアイコンのプルダウンからも選択可能だ【2】。行、列、開始行、終了行を指定して［OK］ボタンを押す【3】。リピートテーブルが挿入されるのでテンプレートを保存して、このテンプレートから新規ドキュメントを作成する。ドキュメントにリピート領域と編集可能領域が表示され、行の追加削除や入れ替えをするボタンが表示される【4】。なお、テンプレートの編集可能領域にデフォルトの値を記述しておけば、行
Webデザイナーは人の流れをデザインすることも必要不可欠 - MdN Design Interactive
2010年5月24日 TEXT：石井研二 （株式会社HARMONY 取締役 兼 COO） 入口ページをしっかり管理しなければならない Webサイトは、集客と誘導で成果を出すもの。それがうまくいっているかを確認するために行うのがアクセス解析であり、うまくいっていない部分を見つけても、比較的容易に修正できるのがWebというメディアの良いところだ。 たとえばサイト全体の直帰率が60％あるとする。10万人訪れていたとしても、実質的に4万人しかWebサイトを見ていないのだから、これでは成果に結びつくことは少ないと考えなければならない。 集客をするのは、「入口ページ」だ。ほかのWebサイトからリンクされていたり、検索結果に表示されたり、お気に入り登録から再訪を受けるなど、さまざまな入り方がある。メールに記載されたURLをクリックして訪れる人も、無視できない数になるものだ。 入口ページとゴールをつなぐも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP