htmlに関するynuk12のブックマーク (2)

  • 【コピペOK】ユーザビリティを高めるHTML・CSSフォーム基本テク!

    みなさん、こんにちわ! ジャングルオーシャンのラファエロです! みなさんはユーザー登録やお問い合わせのページって作ったことありますか? See the Pen XGgMrB by JOラファエロ (@jo_raffaello) on CodePen. このようなフォームのページを作成するには、inputタグやtextareaタグなどといったフォーム部品タグと呼ばれる専用のHTMLタグを使います。 多分、Webデザイン初心者の方はほどんど触ったことなかったりするんじゃないでしょうか(^^;) 実はフォーム部品タグには、ユーザビリティを向上させるための専用の属性や便利なCSSの設定が色々あるんですよ! ということで、今回はフォームのHTMLCSSテクをご紹介します!

    【コピペOK】ユーザビリティを高めるHTML・CSSフォーム基本テク!
    ynuk12
    ynuk12 2019/04/24
    input type="tel"は知らなかった
  • HTML内タグの閉じ忘れをチェックするツール[ブックマークレット] - とっくりばー

    2013/1/28 サーバーを引っ越しました。お手数ですがブックマークし直してください。ついでにscriptタグとHTMLコメントを除外できるように機能もアップしてますから! 必要に駆られてタグの閉じ忘れを簡単にチェックするブックマークレットを作ってみた。 ほんとに開いたタグの閉じ忘れしか検出できなくて、たとえば開いてないのに閉じてるタグとか、閉じタグと開きタグが互い違いになっちゃってるとこの検出とかはなにもやってない。(11/29現在)11/30 New! 出来るようになりました 機能 ブックマークレットを実行すると ・タグの閉じ忘れを検索する ・開きタグがない閉じタグを検索する ・親より先に閉じちゃってる子がないか検索する ・タグ対応エラーの一覧と、ソースコード中のハイライト表示 以上。たったこんだけのことをやるツールが意外と無かった…いや、あるけど。W3Cツールじゃいかんのかと。でも

  • 1