犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
[CSS]box-shadowを使って洗練されたエフェクトを加える二つのテクニック
CSS3の「box-shadow」を使用して、ウェブデザインに洗練された美しいエフェクトを加えるテクニックを二つ紹介します。 How to create slick effects with CSS3 box-shadow デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 box-shadowプロパティとは ページ全体に奥行きを加えるエフェクト 紙がめくれたようなエフェクト 対応ブラウザ box-shadowプロパティとは 「box-shadow」は、ボックス要素の内側・外側に多数のシャドウを加えることができるプロパティです。フォーマットは下記のようにオフセット、サイズ、ブラー、カラーの値を指定します。 <shadow> = inset? && [ <length>{2,4} && <color>? ] 簡単な例をみてみましょう。 box-shadow: 3px 3px
中小企業のウェブサイトで陥りやすい5つの落とし穴とアドバイス
Top 5 Web Design Mistakes Small Businesses Make [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. 役に立たないナビゲーション 2. ゴールが不明瞭 3. カラーとコントラスト 4. 分かりにくいコンテンツ 5. 情報の詰め込み過ぎ はじめに もし、あなたが中小企業のオーナーであるなら、あなたのウェブサイトはあなたの会社の中枢であり、マーケティングとブランディングにおける極めて重要なパートでもあります。 見込みのある顧客がサイトのコンテンツを目的にあなたのサイトを訪問します、それはあなたの会社がどのように見えるかを意味しており、サイトのアピアランスとユーザビリティは成功への重要なポイントとなります。 しかしながら、サイトのデザインを間違ったものにしてしまうと、あなたのビジネスに悪影響を与えてしまうことになります。ここにあ
ここ20年間のウェブまわりの技術をまとめた図*二十歳街道まっしぐら（FC2ブログ時代）
ウェブ開発者にとって欠かせない技術をまとめた１枚の画像です。 約２０年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。 拡大図 以下にいくつかピックアップしてみます。
ウェブデザインのマンネリ化から抜け出したい人のためのリンク集
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
素人が読んでも即使えるブログのユーザービリティ向上に参考になる記事5つ｜男子ハック
@JUNP_Nです。Web制作関係の記事は少ないのですが、自分たち用にも一度ここでまとめておきたいなと思ってWeb制作関係の記事をまとめてみることにしました。 今回はユーザビリティを意識する前に読んでおきたい記事を紹介します。 余談なのですが前提として男子ハックをやろうと動き出したのが昨年の9月。僕たちはWebに関して素人だったので、そこから勉強をして毎日問題にぶち当たりながら運営をしています。 サイトをどうゆうデザインにするかは主に僕の担当なのですが、今でもどんなデザインがユーザビリティに優れているのかわからないので勉強したり考えたりしています。 ということで僕がユーザビリティに関して参考になった記事を紹介します。 Web素人が読んでもユーザービリティに関して参考になった素晴らしい記事5つ最近の記事も、半年前の記事もありますが、どれも参考になる記事だと思います。 1. 効果的にコンテンツ
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
ハイセンスにデザインされたHTML/CSSテンプレート集:phpspot開発日誌
32 High Quality Free Html/CSS Templates For Download ハイセンスにデザインされたHTML/CSSテンプレート集がまとまったエントリのご紹介。 どう見てもプロレベルで、改変して利用して手間を省くもよし、デザインの参考にするもよし、といった感じで便利です。 これらを誰かに作ってもらったら・・・と考えると、フリーでこれだけ多数のものが公開されていることの有り難さを感じずにはいられませんね。 関連エントリ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーな(X)HTML/CSSなテンプレート集のまとめ CSSテンプレート配布サイト色々まとめ プロレベルでハイクオリティなXHTML/CSSテンプレート集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-872.html