2023-02

Web技術

【css】画像を縦横比を変えずに大きさを変更する方法

See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
2023.02.25
Web技術
Web技術

【CSS】背景を斜線にする方法

CSSのみで背景を斜線にする方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
2023.02.24
Web技術
未分類

【CSS】scroll-padding-topを使ってアンカーリンクの固定分ずれる不具合を解消

scroll-padding-topを使う機会があったのでメモ。以下のコードを追加するだけで解消されるのでぜひためしてみよう。html { scroll-padding-top: 100px;//ヘッダーの高さを指定}
2023.02.13
未分類
未分類

【JS】最初からコンテンツが非表示のタブ切り替えの実装方法

html<!--ここがタブ--> <ul class="tab"> <li><a href="#tab1"><img src=" alt="tab1"></a></li> <li><a href="#tab2"><img src=" alt...
2023.02.10
未分類
Web技術

【jQuery】クラスで色指定、メニューの作り方

メニューでクリックしたらクラスが付与され色が変わったりするメニューの作成方法をメモしておく。codepenで実装したサンプルを見て参考にしてほしい。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on Co...
2023.02.08
Web技術
未分類

【jQuery】クリックした要素にクラスを追加し他の要素をクリックしたらクラスが外れるようにする方法について

jQuery$(function(){ $('.tab_item').click(function(){ $('.tab_item').removeClass('on'); $(this).addClass('on'); }) })
2023.02.02
未分類