2018年9月– date –

前回の記事でjQueryを使ってサイドバーを追従する方法をご紹介しました。jQueryでサイドバーを追従させる方法フッターやコンテンツエリアの位置情報を取得したり、面倒ですよね。スクロールする度に起動されるので環境によっては重く感じることもあるかも...

サイドバーって画面をスクロールさせていくと最後のほうは何も表示されなくなっちゃいますよね。せっかくスペースがあるなら常に何か表示させておきたいと思うものです。そこで今回は画面をスクロールするとサイドバーが固定表示されるものを作ってみまし...

結論を言えば、transparent をカラーに指定すれば透明になります。部分によりますが、背景色だったら透明(transparent)が初期値だと思います。 背景色を無しにする場合はこのように書きます。background-color: transparent;これで何色が指定されてい...

サイドバーって何か情報を載せ始めるとごちゃごちゃしてきて分かりづらくなりますよね。そこで折りたたんですっきり出来るようにしてみようと思います。【完成形のコード】HTML（サイドバー部分）<div id="sidebar"> <div class="sidetext"> ...

以前にCSSでドロップダウンメニューを作成しました。CSSではマウスオーバーでしか動的なことは出来ないため、マウスオーバーで開閉するようなものでした。https://swell.dev-lib.work/css-menu-drop-down/今回はjQueryを使ってメニューをクリックするとド...

a タグで作成したリンクをクリックした場合にもリンク先に遷移したく無い場合があるかと思います。例えば、リンクをクリックしたが何らかのエラーがあった場合は遷移しないなど。そういう場合リンクを無効にし、遷移を行わない方法があります。「jQueryで...

Ajaxとは非同期通信を行う仕組みのことです。Asynchronous JavaScript + XML の略だそうです。Asynchronous は非同期という意味なので、JavaScript を使って非同期通信を行うということです。XMLは分かりません(笑) 非同期通信というのは、WEBページ...

jQueryを使ってHTML要素の表示・非表示をする方法です。スマホで表示時のメニューの開閉などに使えます。これは、クラスの追加・削除やスタイルの追加・削除でも対応出来ますが、jQueryには表示・非表示のための機能が既にあるためそれを使ったほうがコー...

jQueryでWindowやコンテンツの高さや幅を取得する方法です。トップページのファーストビュー時に画面いっぱいに画像が表示されるページを見かけますがそういうことも出来ます。またコンテンツの幅や高さを一番大きいものに合わせるなんてことも出来ます。...

jQueryを使ってHTMLの属性を操作する方法です。HTML属性は画像を表示させるタグ <img> の画像を指定する src などのことをさします。id や class も属性です。プロパティとも呼ばれます。（僕はプロパティのほうが馴染むのでプロパティと呼びます。...