デザインの素晴らしい可変グリッドレイアウト（リキッドレイアウト）のサイトやWordPressのテーマなど51ページ集めました | HTML5でサイトをつくろう
ブラウザウインドウにあわせてコンテンツが可変する可変グリッドレイアウト（リキッドレイアウトやフレキシブルレイアウト、海外ではFluid Grid Layout） 以前はFlashが得意とする表現でしたがJavascriptでできるようになったことから数年前にいろいろなサイトに使われていましたよね。 ウインドウ全体に広がるのはインパクトあるので写真中心系のサイトは見栄えがよくなりますが、テキストが入るコンテンツは若干読みにくくなりますので、用途に合わせて使い分ける形がよいですね。 この可変レイアウトですが、ブラウザ全体に可変する場合と一定の幅を最大としてそれ以下の場合に可変するサイトがあります。サイズを固定してウインドウサイズによってカラムを切り替えるというのはCSS3のMedia Queries（メディアクエリ）の考え方と同じですよね。 今回は「国内」「海外」サイトと「Wordpressの
HTML5で制作された国内企業サイト20から現状の制作状況を知る!! | HTML5でサイトをつくろう
HTML5でのコーディング 最近、HTML5のコーディング案件に関わることがあったのですが、その時にHTML5でコーディングされている企業サイトを調べましたので今回ご紹介したいと思います。 尚、サイトを調べていて気づいたのですが、現状(2011年8月)では宣言をHTML5にして内容自体は今まで通りdiv要素を使ってマークアップしているサイトが多いように感じました。新要素を多用して後から間違えが出てくるという可能性を考慮すると、とても理にかなっていると1人で感心してしまいました。今後この流れは変わると思いますが現状(2011年8月)では大切な考え方の1つだと思っています。 それともう１つ、多くのWEB制作会社が自社サイトをHTML5で作り直しているようです。調べて見つけるとWEBの制作会社サイトであることが非常に多いように感じました。とても参考にさせていただきました。私も取り残されないように
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか
あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシートとかリファレンスだけで基本的にはいい感じですかね・・ HTML5 タグリファレンス マークアップもままならないほど慣れてな
情弱なはてブ民にも判りやすく HTML5 vs Flash のこと教えてやる
(ここで言うHTML5はcss3とJavascriptも含めた技術全体の事、逆にFlashはAir等の派生技術は含めないブラウザ上のFlashPlayerの技術のみを指します。） ウェブに携わる人間には常識だけど、HTML5は何でも出来るスーパーヒーローではない。 どちらかというと、中日の高木とか、ヤクルトの宮本とか、巨人の川相とかの方が近い。知らないやつはググれgoogle:いぶし銀。 HTML5の真骨頂は、昨今のリッチなインターネットコンテンツを、非常に簡潔にスマートに記述できるところにある。複雑な事をすれば凝った事もある程度できるけど、得意分野じゃない（標準APIが機能不足だし、JavaScriptの言語仕様が複雑な処理に向いていない）。 ブラウザだけでここまで出来る、とか、 Flashはもういらない、とか、 ってのは、川相だって筋肉付ければホームラン打てるようになるし清原はもういら
WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編：24サイト+追加2] | HTML5でサイトをつくろう
皆さんいつもWEBサイトのデザインをする際に何を参考にしていますか？ 気にいったサイトがあったらブックマークをしてストックしておく、WEB系の本を見る、あとはWEBサイトのまとめサイトを見るですよね？ 自分もまとめサイトを見つけるとブックマークして定期的にチェックしていたのですが、いろいろなまとめサイトがありましたのでまとめサイトをまとめてみました。 このほかにもこんななのがあるよというのがありましたら是非教えてください。 TheFWA http://www.thefwa.com/ High Floater http://www.highfloater.com/ ABM | AnotherBookmark™ – Webデザインブックマークサイト http://www.anotherbookmark.com/ Webデザインのリンク集 Webデザインポータルサイト S5-Style http
![WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編：24サイト+追加2] | HTML5でサイトをつくろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0366a92f40229090fad09f8bcea2cb9d905fb02/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2011%2F08%2FA29.jpg)
ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About （オリジナル） HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
HTML5 AudioとJavaScriptで作られたシンセ付き8トラックパターンシーケンサー : Sonant Live - 音楽方丈記
HTML5 AudioとJavaScriptで作られたシンセ付き8トラックパターンシーケンサー : Sonant Live » 音楽Webサービス(作曲/演奏) [編集] HTML5 Audio と JavaScript で作られたソフトシンセ機能付きの8トラックのパターンシーケンサー Sonant Live を紹介。 HTML5 Audio、Canvas に対応した Chrome、Firefox、Safari、Opera で利用可能です。 主な特徴 音色編集機能がついたトラッカー風のコンパクトな8トラックシーケンサーで、Windows 版 Sonant がベースになっています。 HTML5 Audio と javaScript だけで音声処理を行っている (Flash 未使用) 最大8和音、8トラック・パターンシーケンサー 1パターン32ステップ、1トラックにつき最大10パターンまで作
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5マークアップの心得と作法
IBM Developer
TechCrunch
HTML5の勉強に役立つチートシートやリファレンスのまとめ