コーディング– tag –
主にWeb制作で使うHTML、CSS、JavaScriptなどを主体としたコーディングに関する情報をまとめた記事一覧です。
-
CSSでパララックスのようなスクロール表現を実現する方法。background-attachment:fixedの使い方
CSSのみだけでパララックスのようなスクールを表現する方法について紹介します。パララックスをWebページに取り入れるとスクロール時に動きのある魅了的な表現をデザインに加えることができます。基本的にJavaScriptで実装することが多いですが、今回はCSSのみで実装する方法です。 -
CSSのtext-overflow:ellipsisを使って文字数制限を表示させる方法
CSSを使って文章に文字数制限を実装する方法について書きました。通常はPHPなどのプログラム言語を使って文字数制限することが一般的ですが、CSSだけでも簡単な文字数制限を実装することができます。 -
【CSS】tableの表を滑らかに横スクロールさせる方法
tableタグでコーディングした表は、表の項目の数が多いとスマホの画面内におさまりきれず、表が潰れてしまいます。今回はスマホ表示のtable表を滑らかに横にスクールさせる方法について紹介します。 -
【CSS】input type="number"で表示される矢印（スピンボタン）を消す方法
HTML5のinput type="number"を使うとフォームの右側に矢印ボタン（スピンボタン）が表示されてしまいます。今回はCSSを使って、この矢印ボタンを非表示にする方法について紹介します。やり方は簡単な数行のCSSを記述するだけです。 -
【CSS】aタグのリンクやJSのクリックイベントを無効にする方法【pointer-events:none】
CSSを使ってaタグのリンクやjavaScriptのクリックイベントを無効にする方法について書きました。CSSのpointer-events:noneを要素に指定すれば、手軽にリンクやクリックイベントを無効化することができます。 -
【CSS】letter-spacingとtext-alignで文字がずれた時の修正方法
CSSでテキストや見出しを中央揃えにしたい時に「text-aline:center」を指定して、かつ「letter-spancing:1px」とかで文字間を微調整した時になぜかテキストが左よりにずれてしまいます。 今回はこの現象を解決する方法を紹介します。 -
パラメーター付きページ内リンク（アンカー）の正しい書き方
パラメーター付きのページ内リンク（アンカーリンク）を設置した時に、うまくページ内リンクできない時があります。今回はパラメーター付きページ内リンクの正しい書き方について説明します。 -
【CSS】display:inline-blockでliタグを横並びにした時の隙間を消す方法
リストタグ（ulタグliタグ）にdisplay:inline-blockを適用した時にできる隙間を消す方法について書きました。HTMLとCSSを使ってコーディングする人向けに書きました。 -
サーバーのドキュメントルート（フルパス）をPHPで調べる方法
サーバーのドキュメントルート（フルパス）をPHPを使って調べる方法を紹介します。PHPのコードを1行書いてサーバーにファイルをアップするだけで、サーバーのドキュメントルートを出力することができます。 -
PHPのバージョンを確認する方法
WordPressをインストールする時に、サーバーのPHPのバージョンが必要条件に満たしているか調べる方法を紹介します。PHPに詳しくない方でも簡単に調べることができるので、レンタルサーバーなどを契約した時に是非やっておきましょう。
