Site Not Found Well, this is awkward. The site you're looking for is not here. Is this your site? Get more info or contact support. DreamHost
The web is buzzing with responsive web designs right now. To have a single site that will change its styling accordingly to fit to the device it’s being viewed on. In this tutorial, I’m going to make a (very simple looking) web template that is responsive from desktop size down to mobile version. [tut demo=”https://onextrapixel.com/examples/responsive-website-template/” download=”https://onextrapi
前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><body><div> <div> <div> <div>HTML4では、こんなマークアップが普通でした。 </div> <div> <div> </div> </div> </div> <div> <div> <div> <div>「分け入っても分け入ってもdiv」 </div> <div> </div> </div> </div> </div> <div> </div> </div></div></body></html> 6. エンジニアがマークアップに意味を「吹きこむ」Chrome+HTML5 Conference 開催のご案内最近、スマートフォンサイトを中心に活用事例が目立つようになり
HTML5 will radically change the way we make websites and web apps. So here are 10 great tools that are amazing for simplifying and enhancing HTML5 coding. Initializr If you are just going to start with a HTML5-based website, then visit Initializr to get started. It will create a neat customizable template based on Boilerplate with all that you require to begin. HTML5demos HTML5demos will prove to
Both the previously mentioned MAMA survey conducted by Opera and Google's study of Web Authoring Statistics of 2005 (http://code.google.com/webstats) conclude that it was common practice at that time to determine the page structure of web sites with the class or id attribute. Frequently used attribute values were footer, content, menu, title, header, top, main, and nav, and it therefore made sense
HTML5+CSS3を使って、ユーザビリティを考慮した省スペースで多くのコンテンツを配置するアコーディオンパネルを実装するスタイルシートを紹介します。 デモページのキャプチャ Pure CSS3 accordionの実装 HTML5への対応 HTML5(section要素)を使用するので、サポートしていない古いブラウザ用に準備します。 <script>document.createElement('section');</script> 参考:HTML5 Shiv あとは、外部スクリプト「html5.js」を記述し、IEなどの古いブラウザでもHTML5のエレメントが利用できるようにします。 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> HTML 各パネルはsection要素で管理し、バー
What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superseded by a leaner and meaner snippet. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ideally, the HTML5 DOCTYPE should be used. It's suppor
One effort shared by both browsers and developers is making the web browsing experience faster. There are many common-known ways to keep your websites fast: using CSS sprites and image optimization, using .htaccess to set file headers for longer caching, javascript file compression, using CDNs, and so on. I've even detailed some of the website optimization efforts used on this website. Firefox
‐ programming, open source, os, and a handful of tips keyboardyによると、HTML5にはlink prefetching機能があり、指定したコンテンツをあらかじめfetchしておく機能があるそうだ。 fetchするコンテンツはLINKタグで指定する。たとえば、次のようなLINK要素をHTML内に記述しておくと、ロード時に「page2.html」がfetchされる。 <link rel="next" href="page2.html"> また、次のように明示的にprefetchを指定することもできる。 <link rel="prefetch" href="/img/img.jpg"> この機能はすでにFirefoxでは実装済みで、OperaやChrome、Safariでもすぐにサポートされるのでは、とのこと。Internet Ex
Pages Hire me! Accessibility and web standards consultancy services I offer. about Bruce Contact Bruce Accessibility and Privacy policies Archive Test pages Whatever happened to Reviews Spam letters Letters found on Kazaa Mailing List If you've fallen in love with me, why not sign up for my weekly mailing of Reading Lists and other goodies? Elsewhere My stuff on other sites the cruellest months -
I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call. Here is the description on the draft site. 3.10 Images To draw images onto the canvas, the drawImage method can be used. This method can be invoked with three different sets of arguments: drawImage(image, dx, dy)
Many web applications use image uploaders: image hosting websites, blog publishing applications, social networks, among many others. Such uploaders have limitations: you can’t upload more than one file at a time and you can’t edit the image before sending it. A plugin is the usual workaround for uploading more than one image, and image modifications are usually done on the server side, which can m
There's been a whole lot of discussion around Microdata, a new approach for embedding machine-readable information into forthcoming HTML5. What I find most attractive about Microdata is the fact that it was designed by HTMLers, not RDFers. It's refreshingly pragmatic, free of other RDF spec legacy, but still capable of expressing most of RDF. Unfortunately, RDFa lobbyists on the HTML WG mailing li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く