未分類

定規アプリ「linear」が使えない時の対処法とGithubで旧バージョンへアクセスする方法

このページにアクセスしてる人はMacで使える無料の定規アプリ「linear」をGithubからダウンロードしたけど開けずに使えなかった人がほとんどだと思うので、早速解決法を載せておきます。 linearの旧バージョンをダウンロードす...
CSS

【CSS】hoverしたら画像をはみ出さずに拡大させる方法

画像をhoverしたら拡大させる方法がありますが、ボックスの外にはみ出さずに拡大させる方法について書いていきます。 ポイント 一番のポイントは、親要素にoverflowを指定し、値をhiddenにするかしないかです。これにより...
CSS

CSSのnth-child(n)とnth-of-type(n)の違いと使い方

CSSで使うnth-child(n)とnth-of-type(n)は共に「n番目の要素」を指定する、という「使い方」については同じですが、n番目の要素を取得する際の「要素の数え方」においては明確な違いがあります。 ちなみに(n)のn...
CSS

CSSファイルに文字コードUTF-8を設定する方法

CSSファイルに文字コードUTF-8を設定する方法 CSS ファイルに文字コードUTF-8を設定するには、CSSファイルの先頭に @charset を記述し、その後にコードの種類であるUTF-8を指定します。書き方は以下のように記述...
CSS

レスポンシブにおいて改行タグbrをCSSで無効にするやり方

PC表示の時に使用していた<br>タグをスマホなどのレスポンシブ表示の時には使いたくない場合、CSSで<br>を無効にすることができます。 CSSで無効にするコード 以下のように記述します。 br...
JavaScript

【JQuery】【data関数】スクロールするモーダルウィンドウの作り方

プラグインを使わずにJQueryとdata関数を用いてスクロールするモーダルウィンドウを作る方法を紹介します。 そもそもモーダル(ウィンドウ)とは? モーダルとは以下画像のように「メインの画面に被るようにして表示される小さなウ...
JavaScript

スムーススクロールとは。JQueryを使った使い方を解説

スムーススクロールとは スムーススクロールとは、Webサイトのページ内のリンクをクリックすると、すぅーっと目的の場所まで移動してくれる演出のことで、よく目次の中のリンクをクリックするときに見られる演出のことです。 その名の通り...
CSS

CodePenのCSSでExpected newlineというエラーが出た時

CodePenでCSS(Scss構文)を書いていると、 というエラーが出て全くコンパイルされないことがありました。 調べてみたら、CSSのCSS Preprocessor設定でSCSSを選択するべきところをSassを選...
JavaScript

【JQuery】ナビメニューがクリックされた時、現在地を下線で表示する方法(カレント表示)

カレント表示とは ヘッダー内のナビメニューをクリックした時、クリックされたメニューのみ下線表示して、現在地を表示する方法を「カレント表示」と言います。英語のcurrent(現在の)が由来なのでしょう。 下のResultにて各ヘ...
JavaScript

【2022最新】スライダープラグイン Swiper.jsの使い方

Web制作(コーディング)を学習していくと画像などをスライドさせる方法について学ぶ機会が訪れると思いますが、その中で今回はもっとも代表的なスライダーの一つであるSwiperの使い方について解説していきます。 ライブラリをCDNで読み...
タイトルとURLをコピーしました