タグ

web制作に関するVichyのブックマーク (178)

  • SEO重要要因ランキング(Yahoo! JAPAN版)―日米SEOプロ60人が評価した重要度 | Web担当者Forum

    この特集で挙げた57の要因に関して、Yahoo! JAPANに限定して集計した重要度のランキングを示す。 プラス要因トップ20(Yahoo! JAPAN)titleタグ内でのキーワード使用被リンクのアンカーテキストサイト全体でのリンクポピュラリティ文でのキーワード使用Yahoo!ディレクトリへの登録サイト内部構造としてのリンクポピュラリティリンク元サイトのサイト全体でのリンクポピュラリティサイト開設からの経過時間被リンクの話題関連性サイトの主要テーマと検索の関連性リンク元ページとの話題の関連性被リンク増加率文のコンテンツとキーワードの(トピック分析による)関連性インデックス可能なテキストコンテンツの量h1タグ内でのキーワードの使用話題コミュニティ内でのリンクポピュラリティリンク元サイトとの話題の関連性リンク設置からの経過時間文書公開からの経過時間リンク周辺のテキストマイナス要因トップ5

    SEO重要要因ランキング(Yahoo! JAPAN版)―日米SEOプロ60人が評価した重要度 | Web担当者Forum
  • CSSの実際のところ - margin

    CSSの実際のところ margin CSSプロパティ「margin」に関する留意点を以下にまとめてみました。 「margin」はボーダーの外側の空白部分を示します。 マージンに関する内容は、殆ど「padding」と同等です。お互い常に同じことに気を付ける必要があります。 BODY要素に直接指定した場合 テーブル関連のマージン指定 BLOCKQUOTE要素のマージン指定 インライン、ブロック要素のマージン指定 P要素の空行を無くす場合 1. BODY要素に直接指定した場合 「margin」プロパティは継承性を持たないため、BODY要素に指定した場合はページ全体のマージンにのみ変化が現れます。 ところが、IE5は問題ないもののNC4.6においてはマージンが0になりませんでした。 元から持つマージンを基にして、そこに指定したマージンを足すようです。 この問題は回避しようが無いようです。 「マー

    Vichy
    Vichy 2008/06/09
    marginとpaddingの違いまとめ 具体例が見やすい
  • web制作に役立つサイトまとめ - 肉汁が溢れ出ています

    引用元:web制作板 545 名前:Name_Not_Found[sage]投稿日:03/10/20 20:13 ID:??? 初心者向け ■はじめてのWEBドキュメント作り http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ■初めてのホームページ講座 http://www.hajimeteno.ne.jp/index.html ■30分間HTML入門 http://kanzaki.com/docs/html/lesson1.html ■ISMT HOME 〜 メモ帳で作る超初心者のHP作成講座 〜 http://ismt.cside.com/ ■趣味Webデザイン http://deztec.jp/design/index.html HTML/WWW解説 ■好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.

  • 第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド

    その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能

    第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
  • .htaccess ファイルを簡単作成「.htaccess Editor」

    リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:

  • The Second Acid Test

    Standards compliant? Take The Acid2 Test and compare it to the reference rendering. Hello World!

  • 【ハウツー】話題の高機能CMS「MODx」 を試す! - 導入からテンプレート作成まで (1) PHP+MySQLの高機能CMS「MODx」とは? | ネット | マイコミジャーナル

    注目のCMS「MODx」とは? 「MODx」はPHPで実装されているWebベースサイトを管理することができるCMS (Content Management System)です。データベースにMySQLを利用しているため、オープンソース系のWebアプリケーション環境で標準的なLAMPで構成することができ、国内でもここ最近になって知名度を高めています。 他の多くのCMSと同様に、Webサイトの管理者専用のページが用意されており、管理者は管理ページを通してコンテンツやユーザーの管理を行うことができます。加えてMODxの管理画面はAjaxを用いているためページ遷移を発生させずに画面移動でき、快適な操作性を実現しています。 MODxを用いることで、用意されているテンプレートやモジュールでWebサイトを構築することができ、必要であればPHPを書いて独自のWebアプリケーションやサービスを構築することも

    Vichy
    Vichy 2008/05/20
    導入から使用方法まで詳しく解説
  • YAML Builder | A tool for visual development of YAML based CSS layouts

    Loading Application ... This can take some seconds when you first visit this page. Please be patient. YAML Builder Recent Build: $Rev: 525 $ (based on YAML 3.1) $Date: 2010-10-03 22:12:50 +0200 (So, 03 Okt 2010) $ Known Issues If you have Firefox 2.x with Firebug extension enabled and encounter abnormal long times or poor application performance, please disable Firebug for this domain. Due to inte

    Vichy
    Vichy 2008/05/20
    直感的にページレイアウトができる
  • 電脳狂想曲 Webデザインの小技

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    Vichy
    Vichy 2008/05/20
    白銀比、黄金比、白金比でレイアウトする際に
  • Alternative Design Project

    403 Error 現在、このページへのアクセスは禁止されています。 詳しくは以下のページをご確認ください。 403ERRORというエラーが発生します

    Alternative Design Project
    Vichy
    Vichy 2008/05/20
    web制作に関するテクニック
  • Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫

    ~10程度っすよ ~50程度かな ~100くらい ~300程度です ~500はこなす ~1000はやってます これ以上 ( ! )

    Vichy
    Vichy 2008/05/20
    デザイン性に優れたサイトまとめ/色からも検索できて便利
  • 浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*

    配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛(東洲斎写楽) ■鳳凰図屏風(葛飾北斎) ■江戸名所 浅草金龍山(歌川広重) ■ 亀戸梅屋舗(歌川広重) ゴッホが模写したことでも有名な絵 参考:印象派と浮世絵の意外な関係 ■春画(渓斎英泉)【オマケ】 ちょっぴりセクシーな配色? 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に

    浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
    Vichy
    Vichy 2008/05/20
    日本の伝統色から配色を学ぶ/低彩色メイン
  • 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

    この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草? Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記(改訂版) Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De

    覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
    Vichy
    Vichy 2008/05/20
    色々な縦横比/バナーのサイズ
  • 印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]

    印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方(基編)もかなり(むしろほとんど)参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ

    印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
    Vichy
    Vichy 2008/05/20
    印刷用CSS作成時のポイント
  • ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

    yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか?  「エラスティック(elastic)」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ

    Vichy
    Vichy 2008/05/20
    エラスティック・レイアウト、固定幅レイアウト、リキッド・レイアウト 各レイアウトの特色
  • 2xup.org

    レンタルサーバなら「さくらのレンタルサーバ」! 月額換算でわずか131円、缶ジュース1分のお値段で使える格安プランから、ビジネスにも使える多機能&大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。

    2xup.org
    Vichy
    Vichy 2008/05/20
    (X)HTMLの意味など色々気づかせてもらった (X)HTML+CSS
  • CSS HappyLife

    もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった! これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう!好きな恐竜 なんで恐竜!?って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...! 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月~8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです! 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公

    Vichy
    Vichy 2008/05/20
    CSSの小技が色々載ってて便利
  • [SEM R] :: 検索エンジンマーケティングのことなら SEMリサーチ

    2024-07-19 SEO業界28年目 SEO業界28年目 代理店・事業会社どちらのSEOでも変わらないこと 中途半端なSEOの知識で口を挟んでくる人間が一番やっかいな存在 SEOしかわからないSEO担当者は役に立たない SEO業界28年目 正式にお仕事としてSEOを始めたのが1997年7月1日から。この7月でSEO… #SEO #マーケティング 2024-05-15 米Google、検索結果の概要を表示するAI Overviewsを米国で一般公開へ (Google I/O 2024) Google I/O 米Googleは2024年5月14日に開催された年次開発者会議「Google I/O 2024」において、AIを活用した新しい検索機能を発表した。ここでは AI Overviewsのほか Google I/O で発表された検索関連のプロダクトを紹介する。 ちなみに20年前の2004年

    [SEM R] :: 検索エンジンマーケティングのことなら SEMリサーチ
    Vichy
    Vichy 2008/05/20
    各検索エンジン関連のニュース