タグ

htmlに関するsugyanのブックマーク (7)

  • 普通のHTMLの書き方

    保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り

    sugyan
    sugyan 2018/07/23
  • 始末書をHTMLで書く : 読むと出世するブログ

    12月28 始末書をHTMLで書く 始末書を書いたことはありますか?「綺麗なお姉さんは好きですか?」みたいなトーンで言ってみたのですが伝わって、ませんよね。 さて。Wikipediaによると始末書とは「業務などにおいて過失や規程違反を犯した者が、事実関係を明らかにするとともに謝罪し、再発させないことを誓約するための書類」とあります。過失、規程違反、謝罪、再発、誓約などサラリーマンにとって強烈な言葉がこれでもかと列んでいます。エクスペンダブルズみたいな一文ですよね。 IT全盛の昨今、始末書を紙ではなくメールで出す場合も多いですが、メーリングリストなどに「Subject: 始末書」みたいなメールが届くと、開封する前に深呼吸したくなることもしばしば。ヒクソン呼吸法でフシューフシューしながらメールをクリックする日々。文明の進歩も考えものです。しかしながら、紙よりもメールのほうがやっぱり便利なの

    sugyan
    sugyan 2012/12/28
    marqueeタグの反省してない感すごいw
  • プログラム中に HTML とか埋め込むためのテンプレートエンジン picotemplate を作った件 - kazuhoのメモ置き場

    たとえばドキュメント生成ツールなんかを作ってると、HTML をプログラムの中で生成したい!ってことは良くあると思います。でも、そのためにいちいちテンプレートエンジンを使うのは大げさな場合も多いですよね。たとえば、ちょっとリストを出力するとき。以下のような感じのコードを書いたことがある人は多いと思います。 std::string mylistToHTML(const std::vector<std::string>& list) { std::string r("<ul class=\"mylist\">\n"); for (auto i = list.begin(); i != list.end(); ++i) { r += std::string("<li class=\"mylist-item\">") + escapeHTML(*i) + "</li>\n"; } r += "</u

    プログラム中に HTML とか埋め込むためのテンプレートエンジン picotemplate を作った件 - kazuhoのメモ置き場
  • WWW::MechanizeやWeb::Scraperはmetaタグを見てデコードするが、charset=Shift_JISのコンテンツって実際にはCP932なので化けるのを防ぐEncode::Alias

    WWW::MechanizeやWeb::Scraperはmetaタグを見てデコードするが、charset=Shift_JISのコンテンツって実際にはCP932なので化けるのを防ぐEncode::Alias スポンサードリンク Tweet WWW::MechanizeというPerlのウェブブラウザになりきるモジュールで、2006年9月の、バージョン1.21_01から、自動的にHTML文書のmetaタグなどからエンコーディングを取得して、デコードしてくれるのだけれども、オンライン上にあるほとんどのShift_JIS指定のHTML文書のほとんどが実際にはCP932(シフトJISのMicrosoft拡張)になっているために、文字化けしちゃうっていう問題があって、どうすれバインダー(未解決)っていうのを以前やりました。 M.C.P.C.: WWW::Mechanizeはmetaタグを見てデコードする

  • PhantomJS で HTML のスライドを PDF にし SlideShare にあげる方法 - Block Rockin’ Codes

    文 最近は HTML 形式のプレゼンテーションツールも多くなってきました。 しかし、そうしたツールで作ったスライドはそのままでは SlideShare にあげることが出来ません。 もちろん HTML なのでサーバに上げて URL を共有することもできますが、 やはり、「終わったら SlideShare で共有」ってのは割と恒例になってるし、一元管理できるし、色々便利です。 方法としては、 HTMLPDF とかに直せれば良いのですが、 「見た目そのまま」で PDF 化するのは結構難しいです。 一番実直な方法は一枚づつスクリーンキャプチャを取る方法ですが、面倒です。 自分も色々試したんですが、なかなかうまくいかず。 しかし、 @t_wada さんが同じことに取り組んでおり、ヒントをもらったところ、成功したので紹介します。 今回使った方法は PhantomJS を使ってキャプチャ取得を自

    PhantomJS で HTML のスライドを PDF にし SlideShare にあげる方法 - Block Rockin’ Codes
    sugyan
    sugyan 2011/11/03
    あとで実践してみる!
  • 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. 状態に応じて見た目

    javascriptを使わず、html + cssだけでクリックシューティングゲームを作ってみた - 最高のコンピューティング環境とは?
  • 澳洲幸运5开奖官网直播手机版-APP手机版开奖视频|168澳洲5开奖结果官网-开奖记录视频-信誉物业_雪梨信誉物业服务有限公司

    Copyright © 2018 雪梨信誉物业服务有限公司. All Rights Reserved. Designed by Wanhu 备案号:免费开户 澳洲幸运5开奖号码结果-2023澳洲幸运5开奖结果

    sugyan
    sugyan 2011/04/14
    未来…!
  • 1