Movatterモバイル変換

[0]ホーム
URL:

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

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

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

568usersがブックマークコメント32

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

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

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント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
                  pmint5は日本語でも使えるよう、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
                      colisshttps://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」を使用しています

                                                      リンクを埋め込む

                                                      以下のコードをコピーしてサイトに埋め込むことができます

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

                                                      関連記事

                                                        usersに達しました！

                                                        さんが1番目にブックマークした記事「少しのコードで実...」が注目されています。

                                                        気持ちをシェアしよう

                                                        ツイートする

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

                                                        2023年2月7日HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTip...2023年2月7日HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTipsを紹介していましたが、今回はHTMLバージョン！知っていると使い勝手がちょっとよくなる小技を集めました！ ↑私が10年以上利用している会計ソフト！ 目次 セレクトメニューの選択肢をグループ化 type 属性値によって入力欄が変化 スマートフォンでエンターキーのテキストを変える 画像の遅延読み込み テキストの折り返し位置を指定する 番号付きリストの順番を変更する 簡単アコーディオン 任意のテキストを自動翻訳させない リンク先のテキストを指定してスクロールさせる 1. セレクトメニューの選択肢をグループ化 複数の選択肢を用意できるおなじみの select タグ。項目は option タグを利用しますが、さらに optgroup タグで囲むことでグループ化できます。選択肢が多

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

                                                        • tyosuke20112024/09/25tyosuke2011
                                                        • fhduyshshehe2024/04/14fhduyshshehe
                                                        • zakki_512023/03/20zakki_51
                                                        • techtech05212023/02/08techtech0521
                                                        • e_nagi2022/12/28e_nagi
                                                        • amnospace2022/10/08amnospace
                                                        • gazza0692022/07/25gazza069
                                                        • ShionAmasato2022/06/30ShionAmasato
                                                        • sakimoridotnet2022/06/11sakimoridotnet
                                                        • arsm12sh2022/05/20arsm12sh
                                                        • tobetchi2022/05/13tobetchi
                                                        • lugecy2022/04/18lugecy
                                                        • cat12282022/04/16cat1228
                                                        • candykebin2022/04/15candykebin
                                                        • field_combat2022/04/12field_combat
                                                        • enikumax2022/04/12enikumax
                                                        • tumo300-5002022/04/12tumo300-500
                                                        • nanashisan_774s2022/04/12nanashisan_774s
                                                        すべてのユーザーの
                                                        詳細を表示します

                                                        ブックマークしたすべてのユーザー

                                                        同じサイトの新着

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

                                                        いま人気の記事

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

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

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

                                                        新着記事 - テクノロジー

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

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

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

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

                                                        はてなブックマーク

                                                        公式Twitter

                                                        はてなのサービス

                                                        • App Storeからダウンロード
                                                        • Google Playで手に入れよう
                                                        Copyright © 2005-2025Hatena. All Rights Reserved.
                                                        設定を変更しましたx
                                                        [8]ページ先頭
                                                        ©2009-2025 Movatter.jp