diveinto.org is almost here!The owner of this domain has not yet uploaded their website.
いますぐ使えるCSS3テクニック集！ コピペ用サンプル付き！
面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ
ライトニングトークレポート | gihyo.jp
本稿では、Chrome+HTML5 Conferenceのライトニングトーク8本についてレポートします。 ライトニングトークとは5分という時間制限の中で発表を行うもので、カンファレンス等のイベントではよく使われるプレゼンテーションです。今回は5分ちょうどで打ち切る方式でしたので、時間が足りずに最後まで発表しきれない方がほとんどでした。 緊急地震速報 by Extension を作って トップバッターは石本光明さんによるChrome拡張機能の緊急地震速報についての発表です。災害時に役に立つものを作ろうと思い、この拡張機能を作ったそうです。 実装概要は、緊急地震速報を流すtwitterアカウントをUserstreams APIを利用して更新情報を取得し、WebSocketを使ってクライアントに情報を送り、Desktop Notificationで通知するという仕組みになっていることを話されまし
見落としがちなHTML5で変更された要素いろいろ
2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ ↑私が10年以上利用している会計ソフト！ HTML5の基本はここからお勉強！ 「ところでHTML5ってなに？」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基本について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ！ Webの3つの問題を解決する「HTML5」とは何な
HTML5-WEST.jp 勉強会「HTMLでつくるカメラ&落書きアプリ」フォローアップ | 秋葉秀樹個人ブログ
セッションの中でお話しましたけれど、まだ現在では、HTMLやJavaScriptベースでカメラを使ったWebアプリは作れません。
History API - Dive Into HTML5 (日本語訳)
History API - Dive Into HTML5 (日本語訳) Manipulating History for Fun & Profit ❧ Diving In ブラウザのロケーションバーは世にある UI のなかで最もギークなもののひとつだろう。URL はビルボードや電車の車体、はたまたグラフィティにまで現れる。戻るボタン (ブラウザでもっとも重要なものだ) と組み合わせれば、Web と呼ばれる複雑に絡みあったリソースの集合を行き来するとても強力な手段となる。 HTML5 の History API はブラウザのヒストリ情報をスクリプトから操作する機能だ。この API の一部にはヒストリを行き来する機能があるが、これは以前の HTML の頃より存在していた。HTML5 では、ブラウザのヒストリにエントリを追加する機能、ページの更新なしにロケーションバーの URL を書きかえる機
html5.org — HTML revisited
HTML5 is the latest version of HTML and XHTML. The HTML Standard defines a single language that can be written in HTML and XML. It attempts to solve issues found in previous iterations of HTML and addresses the needs of Web Applications, an area previously not adequately covered by HTML. Here are several resources worth exploring: WHATWG FAQ The Web Platform Nu Html Checker HTML Standard on GitHub
bestvpn.org
HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an OR filter). HTML5 also presents new challenges to online privacy, so if you're at all concerned about your privacy please read my comprehensive notes on VPN Services like ExpressVPN and NordVPN. Demo Support Technology
What's different in the new WebSocket protocol | Blog | Chrome for Developers
0 1 2 3 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 +-+-+-+-+-------+-+-------------+-------------------------------+ |F|R|R|R| opcode|M| Payload len | Extended payload length | |I|S|S|S| (4) |A| (7) | (16/63) | |N|V|V|V| |S| | (if payload len==126/127) | | |1|2|3| |K| | | +-+-+-+-+-------+-+-------------+ - - - - - - - - - - - - - - - + | Extended payload length continued, if
XHTML1.0である必要があるのか？ | HTMLMEETING
疑問 XHTMLはSGMLで定義されていたHTMLをXMLの文法で定義し直した言語であり、XMLを埋め込むことができるが、 現在の制作現場においてそのようなケースは低く、HTML4.01と利用とほとんど変わらないように思う。 XHTMLの利用について 利点 MathMLやSVGの利用 RDFaなどによるセマンティック化 欠点 xmlを利用する場合、Doctypeの先頭にが必要(IE6で互換モードになる) タグの省略が不可 Strictの場合、target=”_blank”、iframe(GoogleMapsの利用)が文法エラーになる。 MathML, SVG, RDFaを利用するのであればXHTMLである必要があるが、通常のサイトのコーディングにおいてXHTMLである必要はなく、HTML4.01であっても問題ないように思う。 HTML5はどうなのか？ 通常のサイトのコーディングであれば、
Debugging the Filesystem API | Blog | Chrome for Developers
The HTML5 Filesystem is a powerful API. With power, comes complexity. With complexity, comes more debugging frustrations. It's an unfortunate fact that the Chrome DevTools currently do not have support for the Filesystem API. It makes debugging it more difficult than it should be. By difficult, I mean being required to write code to list/remove files in the filesystem. During my endeavors with the
HTML5／CSS3だけじゃない！ jQuery Mobileにも対応したDreamweaverを使ってみよう
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（htmlコードやCSS、jsファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンを利用しブラウザに非常に近い状態での表示確認ができる画面）では、Safariと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機能や、視覚的に確認しながら編集ができる機能、テ
The Beautiful Art of Japanese Web Design woorkup.com
You’re a web designer or developer. That means that you know what you’re talking about when it comes to the creation of a business website. That also means you know your way around a content management system. Most notably, you should be familiar with WordPress, the world’s most popular website builder, and CMS platform. You understand the reasons why anyone should want to work with WordPress. You
enchant.js Developers Blog
こんにちは! リョーヘイです。 27日に「第21回 HTML5とか勉強会」にて、「enchant.js + PRO」について発表させていただきました。スライドはこちら。 「HTML5とか勉強会」は、html5jというコミュニティで運営されている勉強会です。今回で既に21回目を数え、いつも募集開始直後に満員と、HTML5の周辺領域では最も人気のある勉強会です。今回も100名弱の参加がありました。 GREEやモバゲー、アメーバピグ、カヤックなど実際の開発現場の最前線で使われているライブラリや技術などが参考になりました。特に、DeNAさんの発表で紹介されていたアニメーションの管理技術は参考になりました。モバイルで jQuery-min.js を読み込むだけで300msもかかるんですね…。DeNAさんの開発では、jsDeferred というライブラリを使っているとのこと。
GO 5 ZOO(ゴー・ゴー・ズー) -ANIMAL PICTURE PARK-
「GO 5 ZOO(ゴー・ゴー・ズー)」は、5種類の動物が暮らすバーチャルサファリパークです。自然の中で暮らす動物達を見ながら、楽しく学ぶことができます。
The Developer's Guide To Writing Cross-Browser JavaScript Polyfills
The Developer's Guide To Writing Cross-Browser JavaScript Polyfills August 12, 2011 I believe it's one of our responsibilities as designers and developers to both advocate for best practices and encourage others to make the leap to using modern features for a modern web. At the same time, we need to do our best to avoid leaving users with older browsers behind. Polyfills - a term coined by Remy Sh
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか - かちびと.net
あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシートとかリファレンスだけで基本的にはいい感じですかね・・ HTML5 タグリファレンス マークアップもままならないほど慣れてな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Canvas Cheat Sheet
Blogger
Mobile HTML5