タグ

2017年1月5日のブックマーク (3件)

  • Atom で改行を変換するプラグイン Line Ending Converter

    複数 OS を使ったり古いコードをメンテしていたりすると改行コードがバラバラになって面倒くさい事がおこる。見た目が悪いし、文字列を変換したり Diff する際に一手間増えたりする。 Atom であれば Line Ending Converter というプラグインを使うとファイル内の改行コードを変換できる。 https://atom.io/packages/line-ending-converter このプラグインをいれるとステータスバーに現在の改行コードを表示すると共に、メニューから改行コードを変換する事ができる。 このファイルであればファイルの改行コードは LF らしい。この改行コードを変換するにはメニューバーの Packages -> Convert Line Ending To より Windows(CRLF), Linux(LF), Old Mac(CR) の何れかの形式に変換でき

    Atom で改行を変換するプラグイン Line Ending Converter
  • HTML5の新しいinputタイプと便利な属性 | DevelopersIO

    HTML5 Formsとは HTML5では従来のinputタイプに加え、新たなinputタイプの追加やrequired、placeholder、autocomplete、validateなどが可能になりました。 現在HTML5 Formsの実装はブラウザによって異なります。 サンプル Type属性 <form method="post" action="#"> <ul> <li>電話番号:<input type="tel" name="tel" id="tel" required /></li> <li>検索:<input type="search" name="search" id="search" required /></li> <li>URL:<input type="url" name="url" id="url" required /></li> <li>メールアドレス:<in

    kathew
    kathew 2017/01/05
    最初に各要素のサンプルがずらり並んでいるので、ブラウザ毎の挙動を確認しやすくて便利。今は日時やカラーの入力欄もHTML標準に定義されているんだねぇ。今はEdgeで確認しただけだけど、ピッカーが用意されてて驚いた
  • HTMLタグ/イメージタグ/画像内に複数リンクを設定する - TAG index

    ブラウザ img要素、map要素、area要素、この3つの要素を組み合わせることで、イメージマップを設定することができます。 イメージマップとは、1つの画像内に複数のリンク先を設定できる機能のことです。 <img src="map.gif" alt="サンプル" usemap="#sample"> <map name="sample"> <area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1"> <area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2"> <area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3"> <area s

    HTMLタグ/イメージタグ/画像内に複数リンクを設定する - TAG index
    kathew
    kathew 2017/01/05
    画像サイズが固定なら使えるが……_〆(・ω・ )