タグ

htmlに関するrochefortのブックマーク (19)

  • HTML5 Boilerplate: The web’s most popular front-end template

    HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

    HTML5 Boilerplate: The web’s most popular front-end template
  • How to capture the browser window close event?

    I want to capture the browser window/tab close event. I have tried the following with jQuery: jQuery(window).bind( "beforeunload", function() { return confirm("Do you really want to close?") } ) But it works on form submission as well, which is not what I want. I want an event that triggers only when the user closes the window.

    How to capture the browser window close event?
    rochefort
    rochefort 2014/10/24
    ブラウザの閉じるイベント
  • コーディングガイド by @mdo

    HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </

  • お問い合せフォームをコーディングするための9つのTips | 株式会社LIG

    こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは

    お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
  • タグで作った日本地図素材

    主にtableタグで作った日地図の素材です。地方別に色分けされた地図、単色の地図、グラデーション地図を用意しております。 このサイトでは、画像で作った日地図素材も用意しております。

  • BrowserQuest

    What is BrowserQuest? BrowserQuest is a multiplayer game inviting you to explore a world of adventure from your Web browser. This demo is powered by HTML5 and WebSockets, which allow for real-time gaming and apps on the Web. Learn more about the technology

    BrowserQuest
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Unicorn - W3C 統合検証サービス

    Due to lack of resources to maintain the Unicorn project, W3C stopped providing this on-line service as of 31 March 2023. See 2023-02-15 W3C Homepage news. The source code is available on GitHub under the W3C Software license. Anyone can run it for themselves, fork it. Copyright © 2023 World Wide Web Consortium. W3C® liability, trademark and permissive license rules apply.

    rochefort
    rochefort 2010/08/16
    なかなかよさげ。でもunicornって名前は、被ってるからやめて欲しかった。
  • COPASO | Pro Color Palette Software from COLOURlovers :: COLOURlovers

    COPASO : Color Palette SoftwareCOPASO is an advanced color palette tool that helps you create the perfect color palette. If you're finding COPASO a bit too rich for your color creating tastes, you can always use our basic color palette tool.

  • HTML+CSS templating

    HTMLテンプレートを作るのは簡単? 赤の他人が作ったHTMLテンプレートを簡単に編集できるか? 新人に数千ページのサイトのコーディングを任せられるか? HTML, CSS, JavaScriptを覚えればコーディングは楽勝? そこまで簡単じゃないかもしんない ブラウザのバグ? まぁそれもあります Cascadingという仕組みは素敵ですが あっという間にコードが大変なことになります CSSには素敵なセレクタがたくさんありますが、 残念ながらIE6を下限とする環境では使えないものばかり

  • &nbsp;の使いどころ | Blog hamashun.com

    文字実体参照の中に、&nbsp;という物があります。 使用すると半角スペースと同量の間隔を空けます。 これまでは何も考えずに半角スペースの代わりであると認識していたのですが、ではどういった時に使うのかという事を知りませんでした。 サンプル 最初に疑問に思ったのは、全ての半角スペースは&nbsp;に置換するべきなのか? という事です。 半角スペースを主に使うのは、やはり英語圏であろうと思ったのでA list Apartのソースを見てみました。 すると、全ての半角スペースが通常のスペースを使用されていました。 続いてThe Web Standards ProjectやThe Web KANZAKIも調べてみましたが、同じく半角スペースを使用。 まあ、ちょっと考えてみれば、英語は単語を半角スペースで区切るので、いちいちそんな事やってられないですね。 では、どんな時に使うのが正しいのでしょうか。

    rochefort
    rochefort 2010/05/31
    nbsp
  • Google Slides: Sign-in

    Not your computer? Use a private browsing window to sign in. Learn more

  • Web Safe Color一覧表/カラーチャート

    Home | 目次 | Prev | Web Safe Color | Next ■ Web Safe Color (カラーチャート) Wabにおける SafeColorパレット #0000ff #00f RGB(0,0,255) #0033ff #03f RGB(0,51,255) #0066ff #06f RGB(0,102,255) #0099ff #09f RGB(0,153,255) #00ccff #0cf RGB(0,204,255) #00ffff #0ff RGB(0,255,255) #0000cc #00c RGB(0,0,204) #0033cc #03c RGB(0,51,204) #0066cc #06c RGB(0,102,204) #0099cc #09c RGB(0,153,204) #00cccc #0cc RGB(0,204,204) #00ffcc

  • Web Safe Color/HTML基礎講座

    ■ Web Safe Color Webページをデザインするとき、デザイナーはデザインのクオリティを重視するためか、当たり前のように24ビットトゥルーカラー(またはフルカラー)をサポートしているマシン環境で制作を行っています。しかしながら、そのページを閲覧するユーザー側でも同じような環境で見ているとは限らないのです。 Webが一般化しはじめた初期の頃と違って、最近では一般ユーザ向けのエントリー・パソコンでも16ビットハイカラーや24ビットトゥルーカラー表示が当たり前になってきていますが、数年前のデスクトップマシンやノートパソコンなどでは、8ビットカラーの 256色表示が一般的でした。 Webページ上の色の扱いは、そのような低ビットのカラー環境で表示される場合についてもあらかじめ考慮し、デザインを行うのが理想です。 ■ 8ビット環境でのディザリングについて ディザリングとは、8ビットカラーで

  • Another HTML-lint gateway

    HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の

  • HTML 4.01 Specification (ja)

    正規の規定はW3Cサイトにある英語版であり、この日語版は参考にすぎません。 邦訳の過程で気づいた原規定の誤りについては原著者に報告し、明らかなタイプミス等についてはerrataに掲載される前であっても修正した訳を掲げる場合があります。 この文書には、翻訳上の誤りがあり得ます。当委員会は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。 原著作権をW3Cが保有し、二次著作権をHTML 4仕様書邦訳計画補完委員会が保有します。 HTML 4.01仕様書 1999年12月24日付W3C勧告 この版の原書: http://www.w3.org/TR/1999/REC-html401-19991224 (プレーンテキストファイル [794Kb]、HTMLファイルのtar.gzアーカイブ [371Kb]、HTMLファイルのzipアーカイブ [405Kb]、gzipしたPostScri

    rochefort
    rochefort 2008/01/28
    w3c日本語訳
  • Color Table

    色のサンプルです。 このようなRGBの16進数で色指定を行います。 「red」や「blue」のような英語でのコード指定も可能です。 このボックスにカラーコードを入れてボタンをクリックすると、 背景色が変化します。 いろいろと試してみてください。 なお、JavaScriptが使える環境でないと動きません。 背景色:

  • Another HTML-lint gateway

    HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ

  • HTML色見本

    HTMLにおいてカラーネームで指定できる色のリストです。ラジオボタンをチェックすることによってこのページの背景色を変えることができます。 (注意)カラーネームによる指定の場合、色名によっては使用OSやブラウザのバージョンなどの環境により、 正しく表示できないことがあります。

  • 1