コード– category –
HTML・CSS・JavaScript・WordPressなど主にWeb制作のコーディングに関する情報をまとめたカテゴリーです。
-
CSSでスクロールさせつつ、スクロールバーを非表示（隠す）にする方法
CSSでスクロールさせつつ、スクロールバーを非表示にさせる方法について説明します。-webkit-scrollbarではwebkit系のブラウザのみしか対応していないので、デザイン的に気になる方は最終的にスクロールバーを非表示にさせる方法が解決策になるかと思います。 -
CSSでスクロールバーのデザインをカスタマイズする方法 -webkit-scrollbarの解説
CSSの「-webkit-scrollbar」を使ってスクロールバーを装飾する方法について紹介します。-webkit-scrollbarを使うと、ブラウザデフォルトのスクロールバーを好みのデザインに装飾することができます。 -
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のみで実装する方法です。
