html5 ざっくりメモ
html5 関係無いのも有るかもですが、個人的にhtml5の要点をまとめたメモ。 ほんとにざっくり書いているので、何か期待しても何も出ません＞＜ 日本語が含まれる場合、title要素は charset の後（次）。 address要素は連絡先情報に使う。 例えば企業サイトの各支店の住所一覧とかに使うのはNG。ブログとかで、上手い店とかの住所にaddressを使うのもNG。 あくまでも、そのサイトの管理者への連絡先。なので、copyrightに使うのもNG。 copyrightはsmall要素が妥当。 なので、p small copyright って感じになる。 nav要素はあくまでも主要なナビゲーションに使う。 主要なってのは具体的にはグローバルナビゲーションやローカルナビゲーション。 なので、関連リンク一覧とか、ページ内にあるちょっとしたリンクに使うのはNG。 hgroup要素は、見出し
説明を追加できる、jQueryを使ったドロップダウンメニュー – creamu
グローバルメニューに説明を加えたい。 そんなときに使えそうなのが、『jDiv』。説明を追加できる、jQueryを使ったドロップダウンメニューです。 メニューにマウスオーバすると、メニューのリストと説明の入る部分が大きく表示されますね。ふわっと表示される動きが気持ちいいです。 マウスオーバ時に現れるコンテンツは#hidden-divに書いて、あとはjdiv.jsを編集して複数のメニューに対応させるようですね。 デモは以下から。 Skip the code & show me the demo ちょっと変わったメニューになっているので、一度見てみてください。 jDiv: A jQuery navigation menu alternative ±0の加湿器を購入。TAKUMIのCHIMNEY2と迷ったんだけど、やっぱりデザインにひかれてこっちを選択。深澤直人さんデザインで、MoMAの永久収蔵品
Appleのようなデザインをするためのコーディングチュートリアル15 – creamu
Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。
uihalizer - みんなお花畑になーれ
初春飾利さんのように、みんな頭がお花畑になってしまう素敵な素敵なWebサービスです。あの初春飾利さんのように、みんな頭がお花畑になってしまう素敵なWebサービスです。 ご本人から一言 とある科学の超電磁砲＜レールガン＞のご本人からコメント貰えれば掲載します。 ういはらいずする 画像のパスを指定してください。2次画像でお願いします！ どれがいいか分からない場合は、 このあたり の画像を使ってみましょう！ぬっへぇ！ 上手く初春にならない ういはらいずする画像を選ぶ際は、以下の点を注意してみてください。 お花の成長までには多少、時間が掛かります。 画像は2次元の画像を用いてください。惨事ではダメです。 形式は jpeg, gif, png を利用してください。マイナーなのは勘弁してください。 横顔や極端に傾いた顔ではいけません。うしろあたまも対応していません。 あまり大きすぎる画像は使用しない
ASCII.jp：Googleも採用！CSS3実践テクニック
「CSS3をWebページに実装する」というと意見は真っ二つに分かれる。「完全肯定派」と「完全否定派」だ。しかし、Internet Explorer（IE）を除く主要なWebブラウザー（Safari/Firefox/ Opera/Google Chrome）は現実にCSS3への対応を進めており、少しずつだが、CSS3を利用するWebサイトも現れ始めた。代表例が、おなじみの「Google」だ。 Googleの検索ボタンに注目する 「Google？」と意外に思った方も少なくないかもしれない。次の画面は、Google検索のトップページをSafari 4で開いたところだ。実はこの検索ボタンにCSS3が隠れている。
【特集】詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 (1) はじめに - 本特集の趣旨 | エンタープライズ | マイコミジャーナル
Google I/Oの基調講演で大きく取り上げられて以来、HTML 5に対する注目度は増すばかりだ。仕様に関する議論もWHATWGのメーリングリストで日々活発に行われ、ブラウザによる実装も着々と進んでいる。 本記事は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。HTML 5の仕様はまだまだ流動的であり、実装状況も刻一刻と変化しているが、HTML 5に対して強く興味を持っている方々に少しでも詳しい情報をお届けできれば幸いである。また、HTML 5で追加される各種の新機能について短時間で把握したい場合は、「5分で把握するHTML 5 - Google Developer Dayセッションリポート」という記事があるのでそちらもお薦めだ。 本特集は全2回から成り、前半となる今回では「HTML5 - HTMLとX
モジラ、「Firefox 4.0」のモックアップを公開--「Chrome」風のアプローチも
Mozillaは、「Firefox 4.0」の将来を思わせる外観を示したモックアップを公開した。それを見た筆者の頭には、「Google Chrome」という2語が浮かんだ。 Mozillaは先週、完成がより間近な「Firefox 3.7」のモックアップをいくつか公開したが、それらのモックアップでは同ブラウザのタイトルバーがなくなっていた。その代わりとして、2008年9月に初登場したChromeと同じように、右側にドロップダウン式のメニューボタンが2つ配置されている。その一方でFirefox 4.0のモックアップでは、2つのオプションが提供されている。1つは3.7のアイデアに似たもので、もう1つはChromeの方向性により近づいている。 具体的に言うと、2つ目のFirefox 4.0モックアップでは、従来、ウィンドウタイトルバーがあった画面最上部に複数のブラウザタブが配置されている。以下の画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://browsersize.googlelabs.com/
ashikunep.org
IE/Firefox/Safariで見た目・動作を見比べながらWebサイトを開発「Pirka'r」
Make the Web Faster | Google for Developers
http://japan.internet.com/wmnews/20090623/8.html?rss
ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト