2015年のWebサイトの作り方 at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
Webサイトに必要なfaviconが21個になっていた - IT探検の追憶
久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
どーすりゃ上司は、わかってくれるんだ！ Web担当者って大変なのに……ヒト、予算をもっとくれ！ | Web担当者に告ぐ！ サイト運営にはコツがある
企業のなかでWeb担当者の置かれている状況は改善されてきたものの、まだ社内の理解が得にくい、他の部門と連携しながらWebサイトの運営ができていない、新しい施策がうまく回らない、予算がなかなか増えないという状況ってありますよね。 今回は、そんな悩めるWeb担当者の方のために、どうやって上司を説得し、Webサイトの運営に係る人々、経営、決済、運営組織、そして自社業態の市場とユーザー、いわばWebサイト運営に係るステークホルダーともいえる存在を意識した、戦術設計をどのようにすべきか具体的な戦略を練るうえで必要な考え方について説明します。下図の戦術の全体像を参考にしながら、記事を読み進めてください。 1st STEP Webサイトの成長モデルを可視化できている？まず、自社サイトの成長モデルについて整理をしてみましょう。前編で述べたとおり、Webサイトの運営には目的の定義が必要不可欠で、ヒト・モノ・
Web担当者ってやること多過ぎない？ サイト運営をスムーズに進める6つのポイント | Web担当者に告ぐ！ サイト運営にはコツがある
Webサイト運営の役割って明確に決まっている？Webサイトの目的と目標は何？Webサイトの現状把握できている？目標が達成できる指標をデータ化している？施策のリストアップと優先順位付けできている？施策の設計図とメッセージはドキュメント化されている？※チェックリストの項目をクリックすると、その解説に飛びます。 やることがたくさんあると何から手をつけていいかわからなくなりますよね。まずは、上記のリストアップした6つのチェックポイントで、自分ができていること、できていないことをチェックしてみよう。また、記事末には、チェックリストをまとめた「Web担当者の心得」を掲載していますので、困ったとき、行き詰まったときのガイドブックとして使ってください。 6つのチェックポイントで「ヒト・モノ・カネ」の投資を獲得できるWeb担当者になろう本連載では、運営しているWebサイトの現状を理解して、戦略と推進する組織
プロが教える！アクセスアップの方法31選
Webサイトやブログをお持ちの方や担当者の方は、アクセスアップのために日頃奮闘している方が多いと思います。 アクセスを集めるための施策を何も行わなければ、いくらコンテンツを更新しても砂漠の中にあるお城と同じ状態で、誰にも気づいてもらう事ができません。 そこで今回は、Webサイトやブログへのアクセスをアップさせる際に参考となる31のノウハウをご紹介します。 おすすめ無料で使える！Webマーケティングツール＆サービス【厳選39選】 1.簡単に実行できる35個のGrowth Hack施策 グロースハックは簡単な施策でも多くの事が実施可能。「Call to Action周りにソーシャルな圧力」や「登録をSNSアカウント認証」など、すぐに実施できる35個の施策。 2.他サイトを丸裸にする32のグロースハックツール集 「競合サイトの情報が見れたらな」を可能にするグロースハックツールのまとめ。海外ツール
初心者でも「45分」で作れる！ 高品質バナーの作り方！ | LISKUL
広告バナーって「ひとつや2つくらいすぐできるだろう」と思っていても案外時間がかかってしまいますよね。 Webサイト制作と同じように配色やレイアウトなどの一つひとつに迷ってしまう方も多いと思います。 実は私も最近までバナーを制作するのに2時間以上かかっていました。しかし「どうすれば速く簡単にバナーを作るのか」を繰り返し試行錯誤する中でやっと見つけたのがこの方法です。この方法を身につければ誰でも1時間足らずで効果の高いバナーを量産することができると思います。 各制作ステップの見出しの横に実際にその作業にかかった時間も記載していますので、これをひとつの制作時間の目安として参考にしてください。 またこれまでに公開しているバナーの基本ルールやレイアウトの記事も紹介しておりますので、そちらも合わせてご覧いただけるとバナーに関する理解も深まると思います。 コンバージョンする！高品質なバナー作成方法 そも
レイアウトとは？プロも使う原則やコツ・テクニックまとめ | LISKUL
レイアウトとは、テキストや画像などの要素や、家での家具などを効果的に配置するためのプロセスです。 レイアウトを戦略的に活用することで、ビジネスシーンでは相手にメッセージが伝わりやすくなったり、日常生活では生活導線が改善されるなどの効果が期待できます。 しかし具体的には、どのような場合に、何をすればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、レイアウトの基礎や、関連する原則、レイアウトの流れ、文書・ポスター・家具など様々なシチュエーションでのレイアウトのコツを一挙にご紹介します。 ビジネスシーンや日常生活でのレイアウトにお悩みの方は、ぜひご一読ください。 レイアウトは、テキスト、画像、その他の視覚的要素を効果的に配置し整理するデザインプロセスです。 このプロセスは、情報を整理し、視覚的にアクセスしやすい形にすることを目的としています。具体的には、ページやスクリー
あなたのウェブサイトに誰かが訪れると音で知らせてくれるサービス「Bellbot」 | ライフハッカー・ジャパン
「Bellbot」は、あなたのウェブサイトやブログに誰かが訪れるたびに音で知らせてくれるサービスです。エラーページなど、ある特定のページに貼り付けておくと、何かの合図として使うこともできそうです。 以下に使ってみた様子を載せておきます。 まず、Bellbotへアクセスしましょう。メールアドレスとパスワードを入力して開始です。 待機画面です。管理人さんはこちらのページを開いてじっと待ちましょう。しばらくすると、コードを貼り付けたページに誰かが訪れるたびに音で知らせてくれます。音はいくつか用意されているので、お好みのものを設定しましょう。 ウェブサイト上ではなく、現実世界のモノが鳴ったりしてお知らせしてくれるともっと楽しくなりそうです。 Bellbot （カメきち）
サイト運営で売上を倍増させるために必ず読むべきノウハウ記事まとめ
インターネット業界は変化が早く、Webサイトは常に情報を取り入れて運営しなくてはなりません。サイトの運営には、コンテンツからマーケティング、制作やアクセス解析まで、幅広い分野への理解が求められるでしょう。 そこで今回は、Webサイトの運営を任せられている担当者なら必ずチェックしておきたい良質なサイト＆記事を11の分野に分けてご紹介します。 おすすめ無料で使える！Webマーケティングツール＆サービス【厳選39選】
“良いWebサイト”ってどんなサイト？ 良いサイトをつくるために必ず定めるべき3つの要素 | 初代編集長ブログ―安田英久
「良いWebサイトの例を教えてください」「どんなサイトが良いWebサイトなのですか?」……仕事柄、こんなことを、たまに聞かれます。今日は、「良いWebサイトとは何か」「良いWebサイトを作るためには何が必要か」の原則を解説します。 「良いWebサイト」とはどんなサイトのことでしょうか。 キレイなデザインのサイト？情報がたくさん詰まっているサイト？便利なサイト？表示が早いサイト？使っていて楽しいサイト？スマホで見やすいサイト？マーケ寄りの人は、「人がたくさん集まるサイトが良いサイトだ」「コンバージョンが多いサイトが良いサイトだ」と言うかもしれません。 でも、本当にコンバージョンが多ければ、すべて「良いサイト」なのでしょうか。 結論から言うと、「良いサイト」とは、「特定のユーザー層が、特定の状況で、特定のゴールを達成しやすいサイト」だと思っています。 だから、良いサイトを作るために定めておくべ
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
Web担当者のためのBCP対策 5つの基本項目 | 第1回 | WebサイトのBCPとクラウド型CMS 〜震災や事故でもサイトを動かし続けるために〜
震災を機に、BCPという言葉を聞いた人は多いのではないでしょうか。第1回コラムでは、BCP関連製品の営業を経験し、BCPガイドライン解説などをセミナーで伝えてきた筆者の経験から感じた様々なことを、BCPの基礎とともにお伝えしていきます。 BCPとBCMの関係まずBCPという言葉が何を指しているのかを確認しておきましょう。BCはBusiness Continuity（事業継続）の略で、PはPlan（計画）を意味します。また、BCPと対となるBCMのMはManagement（運営・管理）を意味します。つまり、「BCPとBCM」は「事業継続計画とその運営」という意味です。この2つは対になっており、両方を実行できてこそ、BCPが初めて機能するといえます。 詳細は専門書をご覧いただきたいのですが、ここで声を大にして言いたいのは、以下の2点です。 BCP／BCMは震災に限らず、事業継続を阻むすべての事
素敵なインテリア・雑貨が見つかる情報サイト7選 – creamu
最近の、素敵なインテリア・雑貨が見つかる情報サイトです。 TABROOM リクルートの運営する、国内最大級家具サイト Sumally 持っているものやほしいものをシェアできるSumally Pinterest – interior 素敵な画像をPinPinできるPinterestでキーワード検索 Fancy ちょっと変わったものが見つかるFancy MONOCO アクセサリーのセレクトショップ、MONOCO STYLE4 Decor sumitoさんが最近リリースした、インテリア好きのためのウェブマガジン インテリアの街 OTOさんの運営する老舗サイト 追記：April 21, 2014 hazatさんの運営する、インテリアハックもおすすめです。 http://www.interiorhacks.com/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どうして経営陣は自社Webサイトの価値を理解してくれないのか。悩めるWeb担当者への処方箋 | 【レポート】Web担当者Forumミーティング 2014 Autumn
Webサイトのデザインで「かっこよく！」「インパクトを！」としか言わないWeb担当者よ、本来の目的に立ち返れ | 生田昌弘の「Web担当者に喝！」
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -![WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2680739e7f92a476354a4af3621ba7d64206209/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47498869.jpg)
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
3media.biz
新着記事
