HTML5の要素や属性、美しいコードの書き方、各ブラウザの対応状況などをまとめたチートシートやリファレンスを紹介します。 HTML 5 Visual Cheat Sheet(配布終了) HTML5のタグリファレンス、以前紹介した時から背景が白に変わり、目に優しくなりました。
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する
2011年02月14日 URL #!的な話題の関連記事まとめ #!関連のエントリーが調べにくいので目にとまったらここに追記していく。 TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場 NewTwitterとかFacebookのAjaxなURL(#!)を変換する奴を書いた - 金利0無利息キャッシング – キャッシングできます - subtech Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記 urlに#!とか入れるなという話と、ひとつのURL≒ひとつのコンテンツという原則の話 さらなる「#!」URL批判 - karasuyamatenguの日記 HOKYPOKY.BLOG » 「#!」を含むURLについて YappoLogs: #!なんか糞だ ツイート Prev E
ウェブサイトのナビゲーションでよくある、アクティブ、つまりユーザーが閲覧中のページに対応する項目にマークを付ける場合、画像ファイルでやることが多い。最近はCSSグラデーションを使ってアクティブな時にへこませたような効果を与えたりすることもあるが、よく見かける三角のマークを付けるとなるとやはり画像で……となってしまう。しかし、単純な形に限ってなら枠線付きの吹き出しでも利用した:before又は:after擬似要素を使えば実現できる。 Demo: Pure CSS Navigation Indicator CSSのコードは吹き出しとほとんど変わらない。ただし、位置合わせの方法が異なる。 nav #example1 li a:after { margin: -8px auto 0 auto; border-top-width: 0px; border-right-width: 8px; bord
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く