<img src=""/> の挙動 - hogehoge @teramako
firefox4,5における空のimgタグの挙動 - 技術記録 firefox4か5で、 <img src=""/> みたいな感じで、srcを空にしたimgタグを書いてると、imgタグが現在開いているページ自体を読み込むようだ。 firefox4,5における空のimgタグの挙動 - 技術記録 という問題。気になったのでローカルのWebサーバで検証してみた。 何が気になったか言うと、 で Return the img element to the unavailable state. If an instance of the fetching algorithm is still running for this element, then abort that algorithm, discarding any pending tasks generated by that algori
にひりずむ::しんぷる - HTML::Filter::Callbacks の紹介
追記あり Yuji Shimada / HTML-Filter-Callbacks - search.cpan.org charsbar さんにパッチを送ったら、「commit bit 付けたから自分でリリースしてちょ」って言われたので、先ほど 0.07 をリリースしました。 それはさておき、このモジュールについての情報があんまり世の中に無いようなので、いい機会なので紹介しようかと思います。 このモジュールを使えば 不要なタグの除去 url の変換 属性の追加、削除 text の置き換え などなどが簡単にできます。 似たようなモジュールとして、HTML::Scrubber というのが昔からあって、よく使われてますが、長年メンテされていなかったり*1、インターフェースがとてもわかりにくかったり*2して、今から使うのは気が引けますが、HTML::Filter::Callbacks は大変直感的
＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
いかがでしょう？ WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと 」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「 を半角スペース (0x20) に置き換える」プログラムがあるように、「 を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、 を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe
【コラム】攻略! ツール・ド・プログラミング (55) 直感的なHTMLコードの生成が可能な「renderSnake」 | エンタープライズ | マイコミジャーナル
renderSnakeとは 「renderSnake」は、JavaプログラムでHTMLコードを生成するためのライブラリである。複雑な手続きを必要とせずに、単純メソッド呼び出しだけで直感的にタグを出力できることや、少ないメモリ使用量で軽量に動作するため様々なアプリケーションに組み込んで利用できることなどが大きな特徴。Webアプリケーション開発での利用も積極的にサポートしており、ServletやJSP、Spring MVC、Google Guiceなどとの連携にも対応している他、フォームからの入力処理を簡略化する機能などが用意されている。 renderSnakeはApache License Version 2.0にもとづいて公開されており、Google Codeに開設されたプロジェクトサイトよりダウンロードすることができる。本稿執筆時点における最新版はバージョン1.1。HTML5で追加された
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
そろそろしっかりHTML その4：HTMLの構造-body要素- - tumblr
あらすじ 「そろそろしっかり」とか言いながらも普通に3週間くらいHTMLの勉強を怠り全然しっかりしてない感じで毎日呆けて過ごしていたどうしようもないカスの僕。そんなウジ虫野郎のもとにある日仕事が舞い込んできた。それは新規android案件のデザインコンペ用のhtmlをコーディングしろとのものだった。ちょうどhtmlの勉強してたし(してなかったけど)ちょうどいいやと思いきや、蓋を開けてみると、なんかデザイン懲りすぎてて完全にこれhtmlとcssでどうやって組み立てるか考えてないよね、というレベルの非常に無理難題であることが素人でも分かるような代物を押し付けらたのが発覚した！焦る僕。期限は4日。3週間前に、pタグは改行してくれる要素だと思って使ってましたwwwwwwwwうはwwwwwwwwwとか言ってた人間に任せる仕事じゃないってこれ！マジでしっかりしないとやべえ！一切誇張なしの実話だから困っ
javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた - 最高のコンピューティング環境とは？
CSSで描かれたぐぬぬ画像などを見てたら、ふとhtml + CSSだけでアクションゲームが作れないかと思ったので作ってみました。 ページ移動すればいくらでも可能ですが、それだとつまらないので、1ページ内で作るという縛りもつけてます。 デモページ http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm Chrome / Safariの最新版で動きます。Firefox / IEだと動きません。 ソースコード https://github.com/ndruger/css-game 技術的な説明 アニメーションはCSS Animationを使うだけなので簡単ですが、問題は状態管理です。 アクションゲームを作るには、基本的に下記の要素が必要です。 1. ユーザー入力に対する状態の変更 2. 状態の保持 3. 状態に応じて見た目
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
unicode の 16進数表示 - うまいぼうぶろぐ
http://mikeneko.creator.club.ne.jp/~lab/kcode/uni-encode.html "あ" を E3 81 82 に変換する。 文字コードは全部utf8で。 echo と xxd 使う xxdじゃなくてhexdump、od -t x1 とかでもいい。 $ echo -n あ | xxd -g1 0000000: e3 81 82 ... perl の pack 関数使う $ perl -e 'print unpack "H*", "あ"' e38182 perl の正規表現で1バイトごと取り出してord で1文字ずつ文字コード取り出す $ perl -e '$text = shift; printf "%x ", ord($_) for $text =~ m/([\x00-\xff])/g ' あ e3 81 82 16進数から文字に戻す やりかたい
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
HTML5（笑)の時代が来ましたよ
dynamis (でゅなみす/レッサーパンダ) @dynamitter これまでHTMLと呼べばHTML4仕様のことだったが、そろそろHTMLと呼べばHTML5仕様のことを指すことにしようと http://bit.ly/hkenGe そしてHTML5というバズワードは格好悪くなったと http://bit.ly/fuZDFR 2011-01-20 10:34:57 dynamis (でゅなみす/レッサーパンダ) @dynamitter HTML5仕様については #html5 でなく #html 付けるか？ RT @dynamitter: バズワードの氾濫に諦めて仕様をHTML5を呼ばずにHTMLと呼ぶことにすれば区別つくし、HTML5仕様が将来のものではなく今使える技術であることを明確になるという発想？ 2011-01-20 10:31:39 dynamis (でゅなみす/レッサーパンダ)
HTAを利用したウインドウ付きアプリケーション - マンガで分かる JavaScriptプログラミング講座
先生：今日は 最後の クラブ活動だ 前回はウィンドウなしの アプリケーションを作った 今回はウインドウ付きの アプリケーションを作るぞ 麗：そんなことが できるんですか？ 先生：ああ 『HTA』を使えば バッチリできる それで 『HTA』なんだが HTMLファイルの拡張子を 『.hta』にすれば完成だ .html ↓ .hta 3人：… 3人：はっ？ 遊：いくらなんでも それは手抜き過ぎじゃ！ 先生：ダブルクリック してみろ （ウィンドウ表示） 遊：あれ？ ブラウザではなく ウインドウが 立ち上がった！ 先生：どうだ 物すごく楽だろう？ 遊：おみそれ しました 先生：前回の『cmnFunc.js』を 改造すれば ファイル操作も行える 改造箇所は 2ヶ所だ // 1ヶ所目 this.createObject = function(name) { try { return WScript.Cr
divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな
はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。 話題なのはこのページ 経済産業省 会見・スピーチ 大臣記者会見 ページ自体は古め*1 divの数は下のコードで数えたらページ全体で309個あった。 検証方法 firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。 var c=new Array("red","yello","blue","green","black","pink"); $("div").each(function(i){ $(this).attr("style",("border:1px solid "+c[i%6])) }) 結果 こんなHTMLどうやって作ったんだろうか。 もし手打ちなら根気の居る作業だったんだろうなぁと思いました。 追
経済産業省 会見・スピーチ 大臣記者会見
昨日までのことは既にご承知だと思いますが、残された中でどうしても、最重要であるということで２点、先ほど財務大臣、それから与党の政策責任者の方々いらっしゃいましたけれども、１点目は中小企業支援対策、法律が３本あって、若干重複もあるということで、それを統合してわかりやすくといいましょうか、効率的な法律にすると同時に、内容も充実をするということで、中小企業を中心にした事業体の連携した異業種間を含めた連携によるプラス効果を支援するための補助金について、トータル２６億円、一部認められておりましたけれども、ぜひ要求どおりお認めいただきたいということで２６億円増になりまして、これを認めていただいたわけでございます。 ２点目が物理探査船でございまして、今まで、内示から昨日の復活折衝もゼロでございましたが、財務大臣、それから両政調会長のもとで私なりのご説明を申し上げまして、その結果、１７年度で約１０１億円、
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル
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の名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML 5: Is it <br>, <br/>, or <br />?
GitHub - hirafoo/skypelog2html: skypelog2html
not found
Another HTML-lint : Tags List