タグ

htmlに関するnilabのブックマーク (113)

  • 2/3 携帯サイトの作り方 第2回 番号キーで移動 [ホームページ作成] All About

    携帯サイトの作り方 第2回 番号キーで移動(2ページ目)携帯電話で閲覧できる「ケータイサイト」作成方法の第2弾です。携帯端末では画面スクロールやリンクの選択が少々面倒です。携帯電話の「番号キー」を使って、ページ内の移動やリンクの選択を手軽にしてみましょう! 携帯電話には必ず「0」~「9」の数字キーと「#」・「*」キーがあります。 リンクを作るa要素に accesskey属性を加えると、これらのキーをページ内の特定のリンクに関連付けることができます。 例えば、下記のようにソースを記述すると、数字キーの「3」を押すだけで、このリンクをクリックしたことになります。 <a href="next.html" accesskey="3">リンク名</a> accesskey属性の値には、対応するキーを(半角で)記述します。 「#」キーを押した際に sharp.html ページへ移動させたいなら、 <a

    2/3 携帯サイトの作り方 第2回 番号キーで移動 [ホームページ作成] All About
    nilab
    nilab 2015/09/29
    「携帯電話には必ず「0」~「9」の数字キーと「#」・「*」キーがあります。 リンクを作るa要素に accesskey属性を加えると、これらのキーをページ内の特定のリンクに関連付けることができます」
  • Atom Flight Manual

    CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav

    Atom Flight Manual
    nilab
    nilab 2015/06/04
    atom-html-preview : A live preview tool for Atom Editor.
  • BLOCKS Bootstrap builder

    Introducing new... BLOCKS v.3.2 Simple Yet Powerful Website Builder Watch theVideo demo Make Websites in Record Time! COMPARE PRICES NOW GET FREE DEMO NOW! "Developers could really use a hand in speeding up or even automating the process. That's where an application like BLOCKS is life saver!" -MightyDeals.com

    nilab
    nilab 2015/06/04
    BLOCKS framework Bootstrap Evolution : "Drag'n'drop builder with ready-made responsive Bootstrap sections"
  • Edge UI Kit - Limited Edition - Design Freebies

    {{ subscriptionAccess(item.product.subscription_months, item.product.subscription_lifetime) }}

    Edge UI Kit - Limited Edition - Design Freebies
    nilab
    nilab 2015/06/04
    Edge UI Kit - Limited Edition : 「Free version of our fully customizable component-based web UI Kit including hundreds of drag-and-drop elements across 10 content categories.」 UI コンポーネント
  • コーディングガイド 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> </

    nilab
    nilab 2014/09/06
    コーディングガイド by @mdo
  • &nbsp;と普通の半角スペースの違い - うなの日記

    HTMLの文字参照「&nbsp;」は、半角スペースとしてレンダリングされますが、その前後で改行されません。 「nbsp」は「no-break space,non-breaking space」で「スペースの前および後の位置での自動的な改行(行の折り返し)を防ぐ特殊なスペース」です。(→Wikipedia-ノーブレークスペースより) HTMLで文字列が表示範囲内に収まらない場合、英文であれば半角スペース等で自動的に改行がなされますが、「&nbsp」の前後では抑制されます。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="

    &nbsp;と普通の半角スペースの違い - うなの日記
    nilab
    nilab 2013/12/31
    &nbsp;と普通の半角スペースの違い - うなの日記「HTMLの文字参照「&nbsp;」は、半角スペースとしてレンダリングされますが、その前後で改行されません」
  • Browser Safe Colors

    nilab
    nilab 2013/12/03
    Browser Safe Colors : 「Browser Safe Colors とか Web Safe Color と呼ばれている色一覧です」
  • syboos.jp

    nilab
    nilab 2013/11/01
    HTML/CSSで右寄せの5つの実装方法例 - CSS入門 : align="right" : text-align: right;
  • target=”_blank” の正しい使い方講座 » SEO Japan

    【メールマガジンのご案内】 SEOに役立つ記事の更新やセミナーのご案内をメールマガジンで行っております。 ぜひご登録ください。 メールマガジンに登録する>> 言われてみると、余り深く考えずに使っていたことってありますよね。この記事タイトルを見て、自分たちが普段やっていることが正しいのかどうか、確かめてみたくなりました。 — SEO Japan リンクにtarget=”_blank”を使用し、そのリンクを新しいウィンドウで表示してサイト上に訪問者をキープしておくようにするサイトはますます多くなっている。 実を言えば、私もこれを使っている。なぜなら、訪問者はそれらのリンクを新しいウィンドウで開くFireFoxブラウザを使用していると想定しているからだ。 しかしこれは当に賢いやり方なのだろうか? Target=”_blank” を使っても良い時、使うべき時とは? リンクをどう開きたいかは訪問者

    target=”_blank” の正しい使い方講座 » SEO Japan
    nilab
    nilab 2013/08/15
    target=”_blank” の正しい使い方講座 » SEO Japan
  • Webページレイアウトあれこれ (WebPageLayouts - MemoWiki v5)

    Webページレイアウトあれこれ -10 Evergreen Website Layouts (that will never go out of style) - Speckyboy Design Magazine --http://speckyboy.com/2012/05/23/10-evergreen-website-layouts-that-will-never-go-out-of-style/ -ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン | コリス --http://coliss.com/articles/build-websites/operation/design/10-evergreen-website-layouts-by-speckyboy.html -[ヅ] 親ブロック内での絶対座標を指定する自由なCSSレイアウト --http://

    nilab
    nilab 2013/01/22
    Webページレイアウトあれこれ (WebPageLayouts - MemoWiki)
  • small 要素 - テキストレベルの意味づけ - HTML要素 - HTML5 タグリファレンス - HTML5.JP

    4.5.4 small 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 small 要素は、細則といった付帯注釈を表します。 細則とは、通常は、免責条項、警告、法的制約、著作権表記などのことを指します。細則は、帰属に使ったり、ライセンス要件を満たすために使うこともありま

    nilab
    nilab 2012/08/24
    「small 要素は、細目といった注釈を表します」「通常は、免責条項、警告、法的制約、著作権表記などを説明する法律用語」「広範なテキストに使うべきではありません」small 要素 - HTML5 タグリファレンス
  • strong 要素 - テキストレベルの意味づけ - HTML要素 - HTML5 タグリファレンス - HTML5.JP

    4.5.3 strong 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 strong 要素は、そのコンテンツの強い重要性、深刻さ、緊急性を表します。 重要性: strong 要素は、見出しやキャプションや段落の中で、より細かい部分や、より陽気な部分や、単なる定型文のよ

    nilab
    nilab 2012/08/24
    「strong 要素は、そのコンテンツの強い重要性を表します」「strong 要素を伴った部分のテキストの重要性を変更しても、その文章の意味は変わりません」strong 要素 - テキストレベルの意味づけ - HTML5 タグリファレンス
  • em 要素 - テキストレベルの意味づけ - HTML要素 - HTML5 タグリファレンス - HTML5.JP

    4.5.2 em 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 em 要素は、そのコンテンツの強勢強調を表します。 コンテンツの特定の部分が持つ強勢のレベルは、祖先の em 要素の数で表されます。 強勢強調を配置すると、文の意味が変わります。ゆえに、この要素は、コンテ

    nilab
    nilab 2012/08/24
    「em 要素は、そのコンテンツの強調を表します」「強調を配置すると、文の意味が変わります」「em 要素は、重要性を伝えようとすることもできません。この場合は、strong 要素のほうが適切です」em 要素 - HTML5
  • css3-mediaqueries-js - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    nilab
    nilab 2012/08/03
    css3-mediaqueries-js - css3-mediaqueries.js: make CSS3 Media Queries work in all browsers (JavaScript library) - Google Project Hosting : IEをメディアクエリに対応させる
  • 「XML出力で数値参照(&#xxxx)に変換される」(1) Java Solution - @IT

    IT 会議室 Indexリンク Windows Server Insider Insider.NET System Insider XML & SOA Linux Square Master of IP Network Java Solution Security & Trust Database Expert RFID+IC リッチクライアント & 帳票 Server & Storage Coding Edge @ITクラブ Cafe VB業務アプリケーション開発研究 @IT SpecialPR

    nilab
    nilab 2012/07/22
    XML出力で数値参照(&#xxxx)に変換される - Java Solution - @IT
  • Javaで文字実体参照と数値文字参照をデコード(?)する - ttmmrr(@o_tmr)の日記

    先日、数値文字参照のデコードを書いたが、文字実体参照も同時に処理する様にしてみる。 2009-12-09追記 以下のコードはバグがあります。 package org.java_kuche.tmr; import java.util.Collections; import java.util.HashMap; import java.util.Map; import java.util.regex.Matcher; import java.util.regex.Pattern; public class CharRefDecode { private static final String RE_NCR = "&#(?:(([x])([0-9a-f]+))|(([0-9]+)));"; private static Map<String,String> CHARACTER_ENTITY_RE

    Javaで文字実体参照と数値文字参照をデコード(?)する - ttmmrr(@o_tmr)の日記
    nilab
    nilab 2012/07/22
    Javaで文字実体参照と数値文字参照をデコード(?)する - ttmmrr(@o_tmr)の日記
  • 192.71.126.68 – Just another WordPress site

    A project is underway to help a rare plant in Carmarthenshire that survives at only one site in the county and less than 30 in Britain as a whole. The Deptford Pink (Dianthus armeria) is a wild relative of garden plant Sweet William, producing a bright pink flower from early July through to early September, although flowering can continue into early November. In the UK small populations survive in

    nilab
    nilab 2012/07/22
    OKLabの戯言 » Java で HTML の数値文字参照を変換する方法 : 「&#;が含まれるの場合は、10進法と判断し、&#x;が含まれる場合は、16進数と判断します。そしてその値をInteger.parseInt(数値文字参照, 進数)という形int型にします」
  • ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012

    こんにちはこんにちは!! はまちや2 (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう? プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 日のテーマ: 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…(はいはい) フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた!) (これで送信、と…) ※エラー:住所を正しく入力してください (え、なんで!?) ※住所は全角で入力してく

    nilab
    nilab 2012/05/12
    ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012
  • re-dzine.net situs togel online toto 2023 -

    By penulis • January 10, 2023 • comments off Sebelum langsung ke poin utama yaitu mengenai trik rahasia main togel online yang beneran udah terbukti gacor buat hasilkan kemenangan, kalian yang mungkin masih berstatus pemula di game…

    re-dzine.net situs togel online toto 2023 -
    nilab
    nilab 2012/05/09
    「Google HTML/CSS Style Guide」を適当に和訳してみた | REFLECTDESIGN
  • Togetter - 「scriptタグ内をHTMLコメントで括ってからJavaScript書くのって意味あるの?」

    @monjudoh scriptタグ内を<!-- // -->で括ってからJavaScript書くのってどの辺のブラウザ向けにやってるんだっけ? #javascript 2010-07-28 11:31:45

    Togetter - 「scriptタグ内をHTMLコメントで括ってからJavaScript書くのって意味あるの?」
    nilab
    nilab 2012/02/28
    scriptタグ内をHTMLコメントで括ってからJavaScript書くのって意味あるの? - Togetter