タグ

Web制作に関するblueribbonのブックマーク (284)

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    blueribbon
    blueribbon 2011/01/21
    ・独自ドメインもOK! ・静的ページも自由に作れる! ・Facebook、Twitter、他ブログとの連携もばっちり! ・かっちょいいテーマが豊富! ・やろうと思えばカスタマイズも! ・スマートフォン対応もばっちり! …
  • サイトを作った時に絶対にやるべき10の事 | 無料SEO対策のススメ

    YahooGoogleの検索エンジンを採用したことで、SEOの観点からやるべき事が軽減されたと思いますが、それでもサイトを作ったらやるべき事がいくつもあります。 サイトの内容によってやるべき事も変わってきますが、最低限やっておいた方が良いことをまとめておきます。 基的なこと 1.サイト名を考える サイトにユニーク性を出す為に必ずサイト名を考えます。企業サイトの場合には社名がサイト名という事になりますが、どんなサイトであってもそのサイトを紹介しやすいような短いサイト名があった方が良いでしょう。 2.ロゴやファビコンの作成 サイトのブランディングの一環としてロゴマークやファビコンがあった方が良いでしょう。 ⇒@icon変換 3.HTMLチェック 作成したサイトのHTML文法がおかしな事になっていないかチェックします。100点を取る必要はありません。重大なミスが無いかの確認です。 ⇒Anot

    blueribbon
    blueribbon 2011/01/18
    1.サイト名を考える 2.ロゴやファビコンの作成 3.HTMLチェック 4.アクセス解析の設置 5.モバイル対応 6.ターゲットキーワードの選定 7.リンク切れチェック 8.リンクを張る 9.ウェブマスタツールの登録 10.Googleプレイスに登録
  • サイト運営をやってみて起こった6つの「想定外」

    1ヶ月ほど前に、アノニマスダイアリーでサービスの紹介させてもらった「完全に一致」のおっさんです。 昨年11月25日に公開させてもらったサービスですが、公開から約1ヶ月半の間、いくつも思ってもみなかった事が起こりました。 誰かに聞いて欲しいものの、例のSEの友人が精神的な病で倒れてしまい聞いてくれる人もおらず、 Twitterでは短すぎてかけず、なおかつブログもないのでここに書かせてもらいます。 「なんだ、またかよ」という方、お目汚し失礼しました。 想定外1:サーバーが幾度となくダウン最初の記事を書いて、初日から約1週間で300万アクセスがあり、この間何度もサーバーが応答しなくなるという事態に陥りました。 MySQLサーバーとWEBサーバーの調整を教えてもらったお陰で、かなりダウン回数減らす事ができたものの、結局全然処理が間に合ってくれませんでした。 一番のネックになったのは画像の変換処理と

    サイト運営をやってみて起こった6つの「想定外」
    blueribbon
    blueribbon 2011/01/14
    ・スポンサーが登場→複数の広告代理店さんから一気に広告オファーが来て一ヶ月の広告収入が合わせて30万円オーバー ・サイト購入希望の問い合わせがきた(購入希望金額300万円で2件)
  • sp-web.jp

    This domain may be for sale!

    blueribbon
    blueribbon 2011/01/09
    「WEBデザイナーのためのスマートフォンサイトデザイン参考サイト。より快適な操作が可能なスマートフォンサイトを構築し、機会損失を抑えろ!」
  • HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)

    はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 第3回:HTML5で再定義された要素と属性 第4回:HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト(パスワード)入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

    blueribbon
    blueribbon 2010/12/27
    検索(type="search") 電話番号(type="tel") URL(type="url") メールアドレス(type="email") 日時 数値(type="number") 数値の範囲(type="range") 色(type="color") サジェスト(datalist要素) required属性 pattern属性 プレースホルダー
  • so-network.biz

  • Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ|caraldo.net | WebとiPhoneとロードバイクが大好き!

    blueribbon
    blueribbon 2010/12/09
    ・スマートフォン最適化デザイン ・デザイン構築時に抑えておきたいこと ・スマートフォン特有タグ ・シミュレータ ・スマートフォンのユーザーエージェント一覧 ・JavaScriptライブラリ
  • Ywcafe.net

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Health Insurance Parental Control Healthy Weight Loss Cheap Air Tickets Online classifieds Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy

    blueribbon
    blueribbon 2010/12/01
    1.まずガラケーを切り捨てる 2.問題はPCかスマートフォンかではなく、画面が大きいか小さいか 3.CSS Media Queriesとmetaタグのviewportを使った新種のリキッドデザイン 4.広告の位置とサイズをどうするか?実はこれが一番問題
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    blueribbon
    blueribbon 2010/11/05
    「技術的にはキャッシュや転送量の最適化を自動で行っているようですね。いままでサイト製作者やサーバー管理者がちまちま行ってきたさまざまな作業を肩代わりしてくれるそうです。すんばらしー。」
  • スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT

    jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画

    スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
    blueribbon
    blueribbon 2010/10/31
    「jQuery MobileはjQuery本家が開発したスマートフォン向けのライブラリだ。jQTouchというライブラリが既にあるが、あれを越えるかもしれない。特にiPhone専用という訳ではなく、AndroidやBlackberry Touch、…もサポートしている。」
  • HTML5でWebページをマークアップするための基礎知識

    最近よく目にする「HTML5」という言葉。JavaScriptAPICSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた? 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。

    HTML5でWebページをマークアップするための基礎知識
  • 手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo

    最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co

    手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

    検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
  • nanapiの初期バージョンに検索窓がなかった理由 : けんすう日記

    はじめに 【仕事における80:20の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode|世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか?また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう?十分パワーアップしています。 そこに、多くの問題が発生したでしょうか?していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に80%にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア

    blueribbon
    blueribbon 2010/04/21
    「nanapiのような投稿サービスでは、検索に対するユーザー期待値に沿ったものが出せないうちは、検索窓はないほうがいいと思ったのでつけなかったわけです。」
  • 最高の内部リンクを構築するための10のポイント | ウェブ力学

    SEOのリンク対策というと外部リンクに目が行きがちですが、内部リンクの重要性も見逃せません。 当然ながら、外部リンクに比べればSEOスコアは低いのですが、スモールワードであれば内部リンクのみでも上位表示が可能となります。 そして最大のポイントは、外部リンクの場合は、どんなアンカーテキストでどんな形式で張ってもらえるかは相手次第であるのに対して、内部リンクであれば100%自分でコントロール出来るという点です。 ここでは内部リンクを構築するにあたって、おさえておきたいポイントをまとめました。 1.内部リンクはWebマスターツールで確認 まず内部リンクをチェックする方法を確認しておきましょう。どのページにどこから内部リンクが貼られているのかは、GoogleのWebマスターツールで確認が出来ます。 それぞれのページに何程度の内部リンクが張られているかが一目でわかるので非常に便利です。 2.ページ

    blueribbon
    blueribbon 2010/04/20
    「特定のサブページの検索順位を上げたい場合は、検索エンジンから評価の高いページ(site:コマンドで確認)からリンクを供給するようにしてあげましょう。」
  • 0to255

    Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”

  • デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ

    実際に優れたレスポンスを持ったwebデザイナーがいたとしても、優れたSEO、SEM能力が高い人間にわれてしまうジレンマが、現在のweb業界なのかもしれない。 こんな事をいうwebデザイナーに会った。 大事なのはデザインではない。使いやすさもおまけだ。アクセス数の高いホームページで、リピーターを引き付けるサイト。そんなSEOやSEMを歌う連中にばっかりお金が流れていって、デザイナーはどんどんわれていくんだ。もうダメだ。webデザイナは。 つまり 露出回数を上げるスキルリピート力この二つがあれば、web制作費が多少高くても勝ち取れる、というのだ。 なかなか興味深い話だった。 webデザインとはなんなのか 制作を「依頼」する側にある欲求は実にシンプルだ。 「コストがかからず」「カッコ良く」「見やすく」「売り上げが上がり」「問い合わせがバンバンくる」 こんなサイトをご要望だろう。 制作に関して

    デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ
    blueribbon
    blueribbon 2010/03/05
    「アクセス数を稼ぎ出すSEO、SEMに優れたweb屋さんのほうが、優れた技術を持つwebデザイナーよりも、はるかに稼ぎやすく、お金が流れ易い」
  • 無料で使えるSEOやホームページ制作に役立つツールまとめ | パシのSEOブログ

    SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。 サイト分析ツール SEOチェキ! URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックなど。とても軽いのでかなりオススメ。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示。リダイレクト、リンク切れ、404エラーなどの調査が可能。Web型リンク切れチェックツールとしては、リンクチェッカーが便利です。 SEO-Browser サイト内のイメージやFlash、CSSJavaScriptなどの視覚効果を排除し、検索エンジンの目線でサイト構造を分析。文字化けする場合はエンコードを指定(IEであれば、表示→エンコード→日

  • サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

    Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように

    サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ