Web制作
キャメルケース・スネークケース・ケバブケースの違いと使い分けを解説
キャメルケース、スネークケース、ケバブケースの命名規則をわかりやすく解説。各規則の特徴や使い分けのポイントを紹介します。
jQuery11記事
Web制作
jQueryでナビゲーションの開閉状態をCookieで保持する方法
jQueryとCookieを使って、ナビゲーションの開閉状態を保存し、次回訪問時にも状態を維持する方法を紹介。簡単な実装例で解説します。
Web制作
【jQuery】外部リンクに自動でFont Awesomeアイコンを表示する方法
外部リンクに自動で外部リンク用のアイコンを表示する方法を紹介。直接HTMLに書き込むこともできますが、その都度コードを打ち込むのは面倒ですしスマートではないですよね。そこで、今回はjQueryを利用して[target='_blank']の入…
Web制作
【CSS】position:fixedで固定している要素を横スクロールさせる方法
CSSのposition:fixedで要素を固定すると、ブラウザ幅がコンテンツ幅を下回った際に固定している要素だけ横スクロールしません。最近のWEBサイトはほとんどレスポンシブ対応なので、該当するケースは少ないと思いますが、古いサイトを改修…
Web制作
jQueryの基本的な使い方｜WordPressでの注意点を初心者向けに解説
jQueryの基本構文、セレクタ、クリックイベント、クラス操作、アニメーション、WordPressでの使い方を初心者向けに解説。現在でもjQueryを使う場面、Vanilla JSとの違い、古い書き方の注意点も紹介します。
Web制作
スマートフォン端末で電話発信するa要素「tel」をPC版で無効にする方法
a要素に[href="tel:電話番号"]を指定すると、電話発信用のリンクを設定することができます。しかし、レスポンシブWebデザインでサイトを構築している場合、パソコン版で予期せぬ動作をすることがあります。そのため、PCでは[tel:**…
Web制作
HTTPS通信下でJavaScriptが動かない原因と解決方法
ローカルやデモ環境で動作確認をしたファイルを本番環境にアップしたら動かない…こんな経験ありませんか？もし、その本番環境が「https（SSL）」で通信している場合は、スクリプトの記述方法に原因があるかもしれません。https通信下でjava…
Web制作
【jQuery】固定ヘッダによるページ内リンク位置ずれの解消方法
サイトのヘッダ部を[position:fixed;]で固定している場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。今回はその場合の対処方法を紹介。CSSで調整する方法と、JavaScript（jQuery）で調整する方法がありま…
Web制作
jQueryの定番機能を簡単実装！今も使える現役ライブラリまとめ
今やwebサイト制作に必須とも言えるほど浸透したjQuery。星の数ほどあるjQueryの機能ですが、いつも使うプラグインというのは大体決まっているものです。イージングであったり、ホバーであったり。そんな定番の機能を一つにまとめているjQu…
Web制作
Selectivizr.jsはもう不要｜IE終了後のCSS互換の今どきの考え方
IE6〜8でCSS3を使うためのライブラリSelectivizr.jsは、Internet Explorerの終了で役目を終えました。なぜ不要なのか、@supportsやAutoprefixerを使った今どきのCSS互換の考え方をやさしく解…