💡 kachibito.net

  • Resources
  • OSS
  • AI
  • CSS
  • JavaScript
  • WordPress

[PR]

レイアウト

FlexboxとJavaScriptで、異なる文字数の行の幅を自動で一律にそろえる

リストを任意のカラム数に分ける

レスポンシブWebデザイン対応のメガメニュー

カラムの高さを一番高いボックスに統一する

要素をランダムで指定数分だけ表示

スクロールに応じて背景を変える

スクロールに応じて背景を変更する

要素内にある特定の書き方のclass名を一括で削除する

指定された画像が存在しないときに別の画像に置換する

最下部に要素を固定する

画像が存在しない場合は、そのimgタグを削除する

1つのul要素を2つに分ける

~個ごとに要素のスタイルを変更する

連続使用されているbrを削除する

マークアップされた要素が空ならそのタグを削除する

マウスホバーでclass名を加える

要素を画面真ん中に配置する

jQueryを使用しているページだけスタイルを変更できる様にする

cssを変更するボタン

ボックスの高さを一番高いものに合わせる

複数並ぶボックスのうち、指定した数だけ表示/非表示可能にする

Author


Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

Links

  • About/Privacy Policy
  • Contact
  • X(Twitter)
  • Facebook

Projects

  • WPD-gallery
  • Web制作案件に関して

Links

  • About/Privacy Policy
  • Contact
  • Twitter
  • Facebook

Author


Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.
かちびと.net
Copyright © 2008-2025 かちびと.net All Rights Reserved.
    • Resources
    • OSS
    • AI
    • CSS
    • JavaScript
    • WordPress
  • ホーム
  • トップ