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