今週のTOP記事はHTML5関するもの。 HTML5のチートシートみたいなサイトがちょこちょこ現れていますが、そのまとめです。 HTML5のことをチェックしておきたい方は、是非覗いてみてくださいね。 あとはデザイン系からWebアプリ、拡張機能など幅広く揃いました。 カラーピッカーまとめに関しては、ライフハッカーの方で書かせていただきました。 →カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ (※ネタ帳では海外記事しか扱いません、あしからず)
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
サッカー日本代表、負けてしまいましたね。残念ですがとてもいい試合をしてくれたと思います。minamiです。 さて近ごろ世間はHTML5、HTML5と騒がしいですが、一目見てすげえっ!となるHTML5のデモサイト&チュートリアルサイトを集めてみました。 できるだけHTML5対応の進んでいるChromeやSafari最新版などで閲覧することをオススメします。 HTML5を使ったデモサイト ここまでやれるのかとびっくりするほどクオリティの高いアニメーション&インタラクティブコンテンツ。 HTML5 Canvas Experiment VIDEO要素を3Dでグリグリ Blowing up HTML5 video and mapping it into 3D space HTML5で弾避けシューティング! HTML5でTAMAYOKE!!!111 AppleのHTML5デモページ。Safariでしか
Webブラウザを提供する主なベンダ、グーグル、マイクロソフト、モジラ、オペラ、アップルらは、HTML5への対応を急ぐと同時に、相次いでHTML5の魅力や内容をデベロッパー向けに紹介するサイトを開設しています。この記事では、それらをまとめて紹介することにしましょう。 グーグルの「HTML5 Rocks」 グーグルは6月22日に開発者向けにHTML5を紹介し、学習するためのWebサイト「HTML5 Rocks」をオープンしました。 HTML5 Rocksは現在3つのコーナーに分かれています。 1つ目は「Interactive Presentation」。これはHTML5の新たなAPI、DOM APIやLocal Storage、WebWorkerなどさまざまな機能を紹介するプレゼンテーション。機能と共にJavaScriptでのコーディング例や実際に動作するデモなどが用意されており、HTML5の
内部SEOの重要項目に挙げられる施策の1つに「h1タグ」があります。 h1タグは、検索順位を上昇させる要素としてどのくらい役立つのでしょうか? Googleの場合 Googleに関して言えば、今はほとんどランキング付けには考慮していないようです。 海外のSEOエキスパートたちは一様にh1タグの効力の“なさ”を述べています。 たとえばWebmasterWorldでフォーラム管理者のtedsterは、次のようにコメントしています。 Here’s what I see – the H1 element has very little extra punch today, whether it’s used properly or not. It has been too severely abused by too many for Google to give it much power as
WebデザインHTML5 Canvas ようやくHTML5に興味を持ち 始めました。サンプルを以前 記事にして、凄いなーと思っ ていましたが、なかなか時間 がなく、先延ばしに。 ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 ht
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
cssやプログラミングcss × クロスブラウザ cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
HTML5 Showcase: 48 Potential Flash-Killing Demos | Design HTML5のポテンシャルを感じられる48のサンプルサイト。 元エントリでは Flash Killing などという少々ショッキングなタイトルで表されていますが、まさに文字通りの凄いサンプルが多く紹介されています。 HTML5対応ブラウザでどうぞ 現在では、iPhoneやiPadでは既にHTML5は普通に動くので、HTML5はもう次世代というわけではなく、1つのスマートフォン向けのリッチなインターネットコンテンツ実装用の要素として覚えておくべき位置づけになっていますね。 関連エントリ 見ておくべきHTML5サイト集 HTML5のCanvasで動く超クールなデモページ HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」 CSS3とH
15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com フリーで使える15のHTML5+CSS3なテンプレートファイルが公開されています。 それぞれ地味なようでいて、HTML5やCSS3のテクニックをふんだんに使っています。 素材として使ってもよいですし、1つの学習用リソースとして活用してみるのも有益ですね。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 CSSテンプレート配布サイト色々まとめ フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」 フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 使えるCSSレイアウトテンプレート集「mycelly.com」
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(本家)HTMLコーディングが3倍速くなる?「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
ユーザー視点で、バージョンアップのポイントをまとめてみました。使い勝手が向上するのは、ありがたいこと あなたが見ているWEBページに、今まさにスゴイことが起こっているのはご存じですか? 実は、WEBページを構築する言語「HTML」におよそ11年ぶりの大きな変革が訪れようとしているのです。 「HTML」の何がどう変わるの? 僕たちのネットライフにはどんな影響があるの? 『HTML5 & API入門(日経BP)』の著者 白石俊平さんに聞きました。 「新しいHTMLの規格“HTML5”が、今年から来年にかけて本格的に導入されることになっていて、Internet ExplorerやFirefox、Google ChromeなどのWEBブラウザや、GmailやYouTubeなどのWEBアプリケーションが対応を始めています」 僕たちがよく使うインターネットサービスたち、具体的にはどう進化するんで
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
32 High Quality Free Html/CSS Templates For Download ハイセンスにデザインされたHTML/CSSテンプレート集がまとまったエントリのご紹介。 どう見てもプロレベルで、改変して利用して手間を省くもよし、デザインの参考にするもよし、といった感じで便利です。 これらを誰かに作ってもらったら・・・と考えると、フリーでこれだけ多数のものが公開されていることの有り難さを感じずにはいられませんね。 関連エントリ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーな(X)HTML/CSSなテンプレート集のまとめ CSSテンプレート配布サイト色々まとめ プロレベルでハイクオリティなXHTML/CSSテンプレート集
【Giz Explains】HTML5はインターネットの救世主、か?2010.04.01 21:00 福田ミホ Web関係のエラい人たちが、インターネットで使われる言語の次バージョン、HTML5について騒いでいます。 いわく、HTML5は、Webアプリを変革する。HTML5は、Flashを駆逐する。iPadの欠陥を補ってくれる。本当に、彼らの言う通りなのでしょうか?その答えは、イエスであり、ノーでもあります。 その理由は、続きで解説します。 技術系の報道においては、HTML5は徐々に広まっていく技術ではなく、夢の救世主のように喧伝されています。YouTubeとVimeoがHTML5をテストし始めたとき、HTML5こそはFlashキラー、Webビデオの解放者と祭り上げられました。Googleが新しいGoogle VoiceをHTML5ベースで設計すると、OS依存アプリはこれで死滅する、とささ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く