制作ガイドライン
本ガイドラインは、バーンワークス株式会社が行う Web サイト制作全般においての品質を保持するために定めたものである。当社は本ガイドラインに基づいた制作を行い、クライアントに対して常に安定した品質のサービス、及び納品物を提供する。 Last modified 2023-10-18 ディレクターはクライアントから指定の Web サイト要件を満たし、Web サイトのビジネスゴールを達成するため、適切な情報提供、提案を行う、また Web サイトの情報設計からプロジェクトの進行管理、プロジェクトメンバーの業務管理、納品物の品質管理を適切に行うものとする。 ディレクターはクライアントを含めプロジェクトメンバー間でのコミュニケーションを積極的に取ることで円滑なプロジェクト進行を心がける。また、クライアントに対しては進捗の報告、情報共有を適時、および明確に行い、信頼関係の構築に努める。 新規 Web サ
いいね!数1000を5分で自作自演する方法： いいね!数のカラクリとその見破り方 | 初代編集長ブログ―安田英久
ですから、これを知っている企業さんは、できるだけシェアされ、そのシェア上でコメントが展開されるようなコンテンツを作るよう心がけているところもあるようです。 そのほうが、「いいね！」数が伸びやすくなりますからね。 でもこれは、次の2つがどちらも「いいね！」ボタン上では「1000」と表示されることを意味します。 いいね800回、シェア200回 ＝ 表示いいね！数は1000いいね0回、シェア1回、シェアへのコメント999回 ＝ 表示いいね！数は1000また、シェアは公開されている必要はありません。 だから、ボタンに表示される「いいね！」数を水増ししたかったら、水増ししたいURLをFacebook上で「自分のみ」でシェアして、そのシェアに自分でコメントを付けていけばいいのです。コメントの中身はなんでもいいのです。 5分もあれば、1文字コメントを1000件ぐらい付けられます。これで、「1000いいね
見落としがちなHTML5で変更された要素いろいろ
2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ ↑私が10年以上利用している会計ソフト！ HTML5の基本はここからお勉強！ 「ところでHTML5ってなに？」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基本について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ！ Webの3つの問題を解決する「HTML5」とは何な
SNS色々ありすぎ！各ソーシャルシェアボタンの特徴を簡潔にまとめてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れ様です。ディレクターの鮫島です。 今年もあと2ヵ月で終わりですね。来月になれば後1ヵ月。1年経てばやはり後2ヵ月です。 そうして人は歳をとり、一生を終えていくのですね。人は死んだら一体どうなるのでしょうか… さて、今回はサイト内に設置されるFacebookいいね等のソーシャルボタンをまとめてみました。もはやFacebookいいねとTweetボタンはほぼ必須になったこのご時世、その他にも様々なソーシャルボタンがあるのですが、色々ありすぎてボタンの役割とか種類がごちゃごちゃになっていませんか？ そんなあなたはこの記事を見て、「あ、今はこんなのがあるのね」と多分大体ざっくりとわかってもらえると思います。 シェア系 Facebook もうほとんどのWebサイトで見かけますね。ここ1年で携わったプロジェクトで拡散がNGなクローズドのサイト以外ではいいねボタンを付けなかった事はありません。 名称
3日間で検索順位が200位上昇したSEO対策10項目
今回ご紹介するのは、検索順位が200位以上も大幅に改善された事例です。 そのサイトは12月末にSEO対策の見直しも含めてリニューアルを行いました。SEO対策の見直しと言っても、外部対策は一切行わず、内部対策の見直しだけ行いました。その結果、リニューアルの3日後には検索順位が200位以上上昇しました。1ヵ月半経った現在も順位は安定しています。 「検索順位が上がらない」「検索順位が極端に低い」という方のご参考になればと思い共有させて頂きます。 リニューアル前のサイトの状況 リニューアル前のサイトの状況は以下の通りです。 企業サイト（サイト内に社員ブログあり） スモールキーワードで1年以上240位前後に位置する ページランクは1（被リンクは殆どなし） ペナルティに該当するSEO対策はやってきてない 今回行ったSEOの方針 上記の通り、このサイトはペナルティに該当するようなSEO対策は行っていない
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
Dreamweaverの便利なコマンドや拡張機能のまとめ
コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
ディレクターが指摘すべきデザインの注意ポイント10個
ずいぶん久しぶりの投稿になってしまいました。申し訳ない。 今回はタイトルの通り、ワイヤー上がった！デザイン依頼した！で上がってきたデザイン案（もしくはモックアップ）を見て、その段階でディレクターが何を「確認」すればいいのか？という内容についてです。 もちろん経験を積む。もしくは自分自身でデザイナーも経験するなどの機会に恵まれれば大丈夫なんですが、僕みたいに「いきなりWebディレクターという肩書きを与えられてしまった人」は、デザインの何を確認すれば良いのか分からなくなってしまうケースも多いんじゃないかな？と思って書いてみました。 実際にはマークアップ後まで影響してくるので、もっともっと項目は伸びると思うのですが、ひとまず僕が注意して見ているポイントを10個ピックしています。 色数を使いすぎていないか あれもこれも！と欲張りすぎて、結局なにが「一番強調したいのか」が分からなくなってしまっている
はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
Webサイト制作の終わりと始まり
12月10日に年末好例のイベント CSS Nite Shift が開催されました。Webサイト制作に関わる様々なキーワードに触れながら1年を振り返るこのイベントも既に5回目。今年は「我々が知る世界の終わり（けど大丈夫）」と題し、Web に関わるプロフェッショナル達が、今後クライアントや利用者に向けてどのような価値を提供できるのかというテーマで話をしました。 Webサイトを作ることが目的になっていないか いつの間にか、公式サイトを作って公開することが当たり前になっている今日。CMS が広く導入されるようになってきた頃から、「とりあえず作る」という傾向が強くなった印象があります。システムを上手く活用すれば、コンテンツはあとで後で流し込めるので、コンテンツが揃う前に作れる（装飾をする）という考えが定着したのかもしれません。作ることが目的になっているからこそ、Web サイト制作における価値も作るた
[CSS]チェックしておきたい、スタイルシートのテクニックのまとめ | コリス
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
1ランク上のブログにステップアップするためのアドバイス
1ランク上のブログにするために、ヘッダ、コンテンツ エリア、ナビゲーション、見出し、コメント、フッタ、広告など各要素をステップアップするポイントをBlog Designから紹介します。 How to Blog Design Style Guide ヘッダ コンテンツ エリア プライマリ ナビゲーション セカンダリ ナビゲーション ヘッドライン コメント 記事のフッタ フッタ 広告 ヘッダ ヘッダはユーザーがあなたのサイトに来訪した際、最初に目にするものです。 ユーザーの印象に残るように、ヘッダのデザインを他のサイトと異なるユニークなものにするのは非常に重要なポイントです。 ショーケース darkmotion ヘッダをステップアップするポイント サイトのタイトルとタグラインを念頭に置き、ヘッダのデザインをします。ヘッダ以外の箇所はそのトーンに合わせてデザインを行います。 ヘッダでは、ユーザー
サイト立ち上げ後2週間でやった基本的（？）な７つのＳＥＯ対策 | Kousyoublog
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
ホームページを作る人のネタ帳
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。...
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社ガイアックスの公式サイト › ガイアックスオフィシャルサイト
Loading...
http://www.seo-blogs.biz/2010/03/23/1475/