機能– category –
-
スクロールすると表示される固定CTA
jQuery(function ($) { var topBtn = $('#cta'); topBtn.hide(); $(window).scroll(function () { var scrollTop = $(this).scrollTop(); if (window.matchMedi... -
margin-inline:autoを使おう
.box { margin-inline: auto; } https://zenn.dev/tonkotsuboy_com/articles/margin-inline_auto -
タブ機能の作り方【アクセシブルな実装シリーズ】
https://baigie.me/engineerblog/building-accessible-tabs/ <div class="tab-area"> <h2 id="tablist-label">タブ見本項目一覧</h... -
【2024年】ハンバーガーメニューの作り方決定版【コピペ可能】
https://baigie.me/engineerblog/definitive-hamburger-menu/ <header class="header"> <div class="header__inner"> <button id=&... -
Chromeでウェブサイトのソース表示やり方【ショートカットも紹介】
URLを使ってソース表示させるのも可能 上記の方法以外、URLを利用してページのソースを表示されるのも可能です。具体的はページのURL前に「view-source:」を入力... -
【CodePen】グリッチエフェクトのアイデア15選
https://webclips.jp/design/codepen-glitch-effect/ -
【jQuery】ページ内リンクでスムーズスクロール（固定ヘッダーがあったら）
https://125naroom.com/web/3476 JavaScript 固定のヘッダー（ナビ）がある場合はヘッダー分の高さを調整しなければなりません。レスポンシブだと高さが変わってしまい... -
iPhoneのSafariで郵便番号に電話リンクが勝手に設定されたときの解除法
/* HTMLのheadに記述 */ <meta name="format-detection" content="telephone=no"> -
点
.kenten.kenten_js>span { padding: .32em 0; background: radial-gradient(0.16em 0.16em at center center, currentColor 48%, transparent 56%) repeat-x left to... -
【CSS】CSSだけで背景色に合わせて文字の色を変化させるブレンドモードという方法【mix-blend-mode】
h1 {mix-blend-mode:normal;} h2 {mix-blend-mode:difference;} h3 {mix-blend-mode:overlay;} h4 {mix-blend-mode:exclusion;} h5 {mix-blend-mode:screen;} img {mix-... -
サイトからファビコンを取得・保存・ダウンロードする方法
https://kasumiblog.org/favicon http://www.google.com/s2/favicons?domain=ファビコンを取得したいサイトURLを入れる -
YouTube動画の埋め込みをレスポンシブ対応する方法
aspect-ratioで対応させる方法 aspect-ratioはアスペクト比を指定するcssです。アスペクト比とは縦横の比率のことです。 現在の一般的な考え方でいうと最近のテレビは16...
