コーディング– category –
コーディングに関する情報をまとめたカテゴリーです。
-
CSSで画像を画面の横幅いっぱいに表示させる方法 background-size:cover
CSSで画像をモニター画面の横幅いっぱいに表示させる方法について説明します。PCやタブレットやスマートフォンなどの画面サイズが異なるデバイスでも、縦横比が崩れないように実装することが可能です。 -
JavaScriptでURLの内容を取得する方法
JavaScriptを使ってページのURLの内容を取得する方法について説明します。取得したい内容によって記述方法が違うので、目的に応じてそれぞれ記述方法を確認してみてください。 -
jQueryでURLの文字列を判定して処理を実行させる方法
全てのページに対してではなく、個別のページに対してのみJavaScriptの処理を実行したい時があると思います。今回はjQueryを使ってURLの文字列を判定し、条件分岐させる方法について書きました。 -
jQueryでクリックすると表示・非表示を切り替えるtoggleを使った方法
jQueryを使って、要素をクリックすると非表示になっている要素を表示したり、非表示にさせたり切り替える方法について説明します。今回紹介する要素を表示・非表示させる方法はtoggleメソッドを使ったやり方です。 -
jQueryでmodal(モーダルウィンドウ)を実装する方法
jQueryを使ってWebサイトにmodal(モーダルウィンドウ)を表示する実装方法について説明します。モーダルウィンドウを表示させるとWebサイトにインタラクティブな表現を追加することができます。 -
jQueryの$(document).readyと$(window).load 実行処理の種類とタイミング
jQueryを書く時に、$(document).ready(function(){}や$(function() {}や$(window).load(function(){}などで書き始めて括弧の中に処理内容を書くことがあります。今回はjQueryの1番はじめに書く実行処理の書き方の種類と意味について説明します。 -
SublimeTextでソース検索・一括置換・フォルダ内一括置換のやり方
SublimeTextを使ったソースの検索・一括置換・フォルダ内一括置換のやり方について紹介します。一括置換をうまく使いこなせば、手作業でやる面倒な置換作業を一瞬で終わらせることができるので、作業時間短縮のためにも絶対覚えておきましょう。 -
CSSでパララックスのようなスクロール表現を実現する方法。background-attachment:fixedの使い方
CSSのみだけでパララックスのようなスクールを表現する方法について紹介します。パララックスをWebページに取り入れるとスクロール時に動きのある魅了的な表現をデザインに加えることができます。基本的にJavaScriptで実装することが多いですが、今回はCSSのみで実装する方法です。 -
CSSのtext-overflow:ellipsisを使って文字数制限を表示させる方法
CSSを使って文章に文字数制限を実装する方法について書きました。通常はPHPなどのプログラム言語を使って文字数制限することが一般的ですが、CSSだけでも簡単な文字数制限を実装することができます。 -
【CSS】tableの表を滑らかに横スクロールさせる方法
tableタグでコーディングした表は、表の項目の数が多いとスマホの画面内におさまりきれず、表が潰れてしまいます。今回はスマホ表示のtable表を滑らかに横にスクールさせる方法について紹介します。