This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Validator.nu Living ValidatorChecker InputShow sourceoutlineimage reportcheck error pagesUser-Agent Accept-Language
htmlに関するyoupyのブックマーク (69)
-
youpy 2012/07/31
-
次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた
レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Technology Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか？ なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb
-
pure.js - Javascript Template Engine
Write your templates in pure HTML Clean of any inline logic or special tags CSS selectors are used to bridge the HTML with Javascript actions Providing a radical separation between the representation and the logic Here we explain why we did pure.js back in 2008 And you can ask your questions to the user group Download pure.js on Github We have been happily using pure.js since 2008 for our own web
-
Plunker - Welcome to Plunker!
Plunker lets you edit, fork and preview web snippets onlineTry it out. Take any gist url and pop it in the box below. Alternatively, try out the Editor. What were you thinking?There are some pretty amazing services out there already. Why would anyone try and reinvent the wheel again? For fun and for profit. OK. Just for fun. And I had a lot of it learning about node.js, Express and the whole async
-
-
Nightly の XMLHttpRequest で text/html がパース可能に！ - hogehoge @teramako
Bug 651072 - Support HTML parsing in XMLHttpRequest per XMLHttpRequest Level 2 Nightlyに入ったー function getDocument (aURL, aCallback) { var xhr = new XMLHttpRequest; xhr.open("GET", aURL, true); xhr.responseType = "document"; xhr.onreadystatechange = function() { if (xhr.readyState === xhr.DONE /* 4 */ && xhr.status === 200) { aCallback(xhr.response); } }; xhr.send(null); } getDocument("http://www.ex
-
-
-
Create the new Skype for Mac chat style
We want you to create the chat style for an upcoming version of Skype for Mac that will be enjoyed by millions of people around the world. We've put a template together containing everything that you’ll need to get started and build something wonderful. Get started Prizes The competition will run over three stages, each lasting three weeks. Two winners will be selected at the end of each stage: a
-
html2canvas - Screenshots with JavaScript
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
-
HTMLとよく使うJSの雛形 - hitode909の日記
ページ1枚で動くようなちょっとしたアプリケーションを作るときに，最近はjQueryとJSDeferredと960.cssをロードしてから何か作ることが多くて，毎回コピーしてきてたけど，めんどうなので，スクリプトを実行すると雛形を作ってくれるようにした． https://gist.github.com/1024417 アプリケーション名を引数にbuilder.rbを実行すると，雛形みたいなのを作ってくれる． % ruby ~/co/gist/1024417/builder.rb test_app test_app created % tree test_app test_app ├── 960.css ├── index.html ├── jquery-1.6.1.min.js ├── jsdeferred.js ├── reset.css ├── test_app.coffee ├── t
-
You won't be disappointed
It has been two weeks since my last Blog, not a way to keep your readers happy, if you have any (left). Well, I rather hope that my readers are more to the right than the left. But then, I welcome them all. There are many people who enter the Blogosphere who seem more intent on taunting the Bloggers than to learn and to comment. Foul, ugly-minded, and even beastly, but then, we can always delete t
-
メモ on Twitter: "タイプライターみたいな感じで音が出るテキストエリアを作ってみた、文字の種類に応じて違う打楽器の音が鳴る http://www.dinkypage.com/110211 Firefox ではちゃんと動いたけど Chrome だと変な音出た"
タイプライターみたいな感じで音が出るテキストエリアを作ってみた、文字の種類に応じて違う打楽器の音が鳴る http://www.dinkypage.com/110211 Firefox ではちゃんと動いたけど Chrome だと変な音出た
-
HTML要素の上にWebGLの描画を合成したらどうなるの - 最速チュパカブラ研究会
みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。本来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。（描画結果にアンチエイリアスがかかっている場
-
-
-
-
Go offline with application cache | HTML5 Doctor
UPDATE 15 June 2011: .appcache is now the recommended file extension for cache manifests. Please ensure you update your filename, manifest attribute on the html element and set the correct mime-type in your server config. HTML5 introduces new methods for enabling a web site or web application to function without a network connection. When you’re working on a mobile connection and your signal drops
-
Slim - A Fast, Lightweight Template Engine for Ruby
doctype html html head title Slim Examples meta name="keywords" content="template language" meta name="author" content=author javascript: alert('Slim supports embedded javascript!') body h1 Markup examples #content p This example shows you what a basic Slim file looks like. == yield - unless items.empty? table - items.each do |item| tr td.name = item.name td.price = item.price - else p | No items
-
Reflows & Repaints: CSS Performance making your JavaScript slow? – Nicole Sullivan
Reflows & Repaints: CSS Performance making your JavaScript slow? I’ve been tweeting and posting to delicious about reflows and repaints, but hadn’t mentioned either in a talk or blog post yet. I first started thinking about reflows and repaints after a firey exchange with Mr. Glazman at ParisWeb. I may be stubborn, but I did actually listen to his arguments. 🙂 Stoyan and I began discussing wa
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました