HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
無料登録ドットコム - キーワードアドバイスツールプラス
オンラインカジノとギャンブルサイトは常に新規および忠実なプレーヤーを求めて競争しており、これらの新規プレーヤーを引き付けるために使用されるさまざまなマーケティング戦略があります。 各オンラインカジノは、さまざまな戦略を利…
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
9 Most Common IE Bugs and How to Fix Them | Envato Tuts+
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl
WEBデザイン WEBサイトのリンク集・デザイン集 | YSIG
webデザインをサポートするカテゴリー別（色・レイアウトなど）webデザインリンク集。webデザイン・web制作の参考に。優れたwebデザイン募集中！ ■2010年6月14日 NEW 全然、Webサイトの紹介ではないですが、管理人がつぶやいてます。良かったらフォローお願いします。 →Twitter ■2010年5月31日 NEW 2010年6月のYSIGトップ画像を飾ってくれるのはウエツジショータローさんです！奥にいる緑の生物があやしげ！ 独特の世界感を持つウエツジさんのWebサイトはこちら→「ギガガロー」 ■2010年4月30日 NEW 2010年5月のYSIGトップ画像を飾ってくれるのはマツオヒロミさんのガーリーな作品です。男ごころをくすぐる目元と口元に魅了されます。マツオさんはガーリーなイラスト以外にもコミックを書かれているようです。そんなマツオさんのwebサイトはこひらからどうぞ。
clearfixを使わないでやるには。
2008年11月11日お昼頃 overflow部分を一部加筆しました。 ウチのとあるページのコメント数が28になって、何となく嬉しい今日この頃。 さて、今回はこんなタイトルですけど、こんなエントリーをしようと思ったのは、floatを指定した要素の親要素の高さが算出されない時の解決手段として、clearfixでぐぐれみたいなのをよく見かけたり、あまりにもclearfixが有名だから、最近CSS覚えた人とかは、もしかしたら知らないのかなぁ～なんて思ったのです。 なので、一応基本に戻ってみましょうということで。 最近、「CSS Nite ビギナーズ」とかもやってますしね。 あ、clearfixを知らない方は、clearfix｜CSS HappyLife辺りか適当にぐぐってくださいませ。 何か、久々に書いてる気がして、どうやって書いてたか思い出せない... えっと、そもそもどんな状況の時かっていう
Google ウェブマスター向けガイドライン
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
第10回 CSSで画面を構成する際の最重要タグ「div」の使い方を知る
ここまでに学んだ知識だけでは，CSSを使ってWebページをレイアウトする際に， XHTMLの書式として<p>の中に<h1>や<ul>は書けない 禁忌だと言っていたheight指定を使わざるを得ない場合がある といった問題が発生すると前回，指摘しました。今回は，これらの問題を解決する方法について説明します。 HTMLには<div>というタグがあります。“div”はDivisionの略です。Divisionは「分離」や「区域」といった意味です。和訳の通り，タグの意味合いも「領域指定」といった感じになっています。<div>タグはCSSで画面構成を学ぶにはとても大切なタグです。 次のようなHTML（部分）があったと考えてください（リスト1）。 リスト1●ページを作っていると普通に出てくる構成 リスト1はページを作っていると普通に出てくる構成です。前回までの知識で，<h1>や<p>にそれぞれCSS指
ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 – creamu
フッターをブラウザの下部に常に表示させたい。 そんなときにおすすめなのが、『CSS Sticky Footer』。ブラウザの下部にフッターを固定表示するCSSだ。 クロスブラウザで、IEやFxはもちろん、Opera、Safari、Google Chrome、Chaminoなどにも対応している。 ブラウザ対応状況は以下から。 » Here is the Full List HTML、CSSもとてもシンプルなので、ぜひ見てみてほしい。 ブラウザの下部にフッターを固定表示するCSS、チェックして使ってみてはいかがだろうか。 » CSS Sticky Footer Oisixの野菜を炒めて食べました。だいぶ減ってきたな。じゃがいもとたまねぎがうめぇ。
【連載】セカイ系ウェブツール考 (53) ユーザビリティの高いWebサイトの設計に! サイトデザインに便利なもの | ネット | マイコミジャーナル
今回のテーマは「サイトデザイン」 Webサイトを作る場合、何らかの画面デザインを作成するだろう。配置する機能を決めるワイヤーフレーム制作、ラフやモックアップなどと呼ばれるサイトデザインを作るわけだ。通常、Webデザイナーの方が画像編集ソフトウェアなどを用いて作るかもしれない。だが、こうした作業は工数がかかる。ちょっとした修正を行うのも大変だ。 そこで使われるのは、サイトイメージを作成するためのソフトウェアだ。あらかじめ決められたパーツなどを組み合わせていくことで、手軽に機能レイアウトやラフなどを作成することができる。そして実際の画面遷移を検討したり画面の配置するパーツを決めたりするのだ。 この手のツールを使えば面倒に感じていたサイトイメージの作成が効率的かつ楽しいものになる。さらにユーザビリティも高いWebサイト構築につながるはずだ。今回はそうしたサイトイメージを作成するためのWebアプリ
ソースが公開されているcss小技11エントリーまとめ
cssを使った小技テクニックの エントリーが様々なブログで 公開されていますが、必要な時に 探すのが面倒なのでまとめます。 ソースコードを公開している記事に 絞ってまとめています。 CSSで実装する、ちょっと凝ったパンくずリスト cssでパンくずをデザインする方法とサンプル CSSで実装するちょっと凝ったパンくずリスト CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント ユーザービリティ（見易さ）を考慮したbodyに設定する。CSS HappyLifeさんも 記事を参考に別コードを公開。 CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント CSSだけでフレームを作るテクニック frameタグを使用しないで擬似フレームを作成。IE6対応。 CSSだけでフレームを作るテクニック テキストに影を付け印象的にする JSとｃｓｓでテキストに影を付けるテクニック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザインの評価・リンク集 || WEBデザイン・データベース【WEBdeDB】
AWCS
Web制作 W3G
Web制作、Webデザイン情報のポータルサイト - ウェブデザインサーチ
高級感を演出した配色とシンプルなレイアウトのWEBデザイン【ラブルネッサンス】 - Web Design Concierge
デザインと広告のデザインマガジン【Key Person Q】 Webデザイン Webデザイナー -Webデザイン Webデザイナー FLASH 広告 優れたデザイン-
Dreamweaverのデザインビューが乱雑 - OKWAVE
http://www.designwalker.com/2009/08/usability-test.html
