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