• Twitterでシェア
  • Facebookでシェア

少しのコードで実装可能なHTML小技集

テクノロジー カテゴリーの変更を依頼 記事元:www.webcreatorbox.com
適切な情報に変更
568users がブックマーク コメント 32
    共有

    • 記事へのコメント32件

    • 注目コメント
    • 新着コメント
    その他
    hiroshe
    どうせたいして使わないものだろうと思ったら結構使えそう。

    その他
    yoiIT
    そんなのあるんだ＞“任意のテキストを自動翻訳させない”

    その他
    tmayuko312
    大体知っていたけど、どれもブラウザが対応してなかったり、CMSだと一工夫が必要だったり、JSやCSSで操作しにくかったりで、実際の仕事ではなかなか使う場面ないんだよなぁ…。

    その他
    pmint
    5は日本語でも使えるよう、word-break:keep-all;と併用する。本当に<wbr>だけで改行したいならwhite-space:nowrap;も使う。デカい文字の見出しで効果的。

    その他
    coliss
    https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/

    その他
    field_combat
    enterkeyhintとアコーディオン使ってみよう

    その他
    pmint
    pmint 5は日本語でも使えるよう、word-break:keep-all;と併用する。本当に<wbr>だけで改行したいならwhite-space:nowrap;も使う。デカい文字の見出しで効果的。

    2022/04/11 リンク

    その他
    kei_0000
    アコーディオンのUIを作るdetailsタグとsummaryタグは知らなかった。

    その他
    adsty
    少しのコードでちょっと良くなる小技集。

    その他
    otchy210
    #:~:text なんじゃこりゃー知らなかった！ <input> 関連だと type="time" 系とか <datelist> と組み合わせたプルダウンメニューが便利だよね。ちょっとした使い捨て UI 書く時とかに大活躍する。

    その他
    Helfard
    “optgroup” 生きとったんかいワレ。detailsとsummaryも便利だなー。

    その他
    l-_-ll
    「translate="no"」「<a href="https://example.com#:~:text=検索したいテキスト">」

    その他
    coliss
    coliss https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/

    2022/04/09 リンク

    その他
    yarumato
    “アコーディオン（折りたたみ）にしたい時に使える details と summary タグ。　a タグでテキストをリンク指定するとスクロールされ、テキストをハイライトで表示します”

    その他
    rrringress
    埋め込みで結果が見れるのすごい。内容も気が利いてた

    その他
    basseyboost
    “#:~:text=” Google検索から入るとハイライトされるのこれか？

    その他
    karage-oec
    会社でドヤ顔してやろう

    その他
    ejointjp
    検索のやつはAppleのサポートサイトで使われててそれで知った

    その他
    soratomo
    知らない小技たくさんあってビビッタ。

    その他
    itien
    仕事用

    その他
    Phenomenon
    えっ結構参考になる

    その他
    yoshi-na
    これはちゃんとあとで読む

    その他
    shumaru2525
    テキストリンクできるの知らんかった

    その他
    tetsugrande
    “loading="lazy"”

    その他
    loveanime
    色々小技あるのね

    その他
    uunfo
    enterkeyhintは全然知らなかった。でも表記が変わるだけで動作まで変わるわけではないのね。Text fragmentも面白い

    その他
    atsuskp
    あとで使うかもしれない

    その他
    asakatana
    “リンク先のテキストを指定してスクロールさせる”

    その他
    tmayuko312
    tmayuko312 大体知っていたけど、どれもブラウザが対応してなかったり、CMSだと一工夫が必要だったり、JSやCSSで操作しにくかったりで、実際の仕事ではなかなか使う場面ないんだよなぁ…。

    2022/04/08 リンク

    その他
    seenoview
    気が利いてる！

    その他
    yuu-yuiken
    アコーディオン使えそう

    その他
    tetsu23
    短いコードでできる、っての好き。

    その他
    aceraceae
    後半知らなかったしけっこう役に立ちそう。

    その他
    yoiIT
    yoiIT そんなのあるんだ＞“任意のテキストを自動翻訳させない”

    2022/04/08 リンク

    その他
    SPIRIT_PHOENIX
    良い記事を見つけた。

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック！
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    少しのコードで実装可能なHTML小技集

    2023年2月7日 HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTip...

    ブックマークしたユーザー

    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2025 Hatena. All Rights Reserved.