2022-05

Mac

【2022】【Big Sur】Macで「開発元を検証できないため開けません」のアプリを開く方法

Macで「開発元を検証できないため開けません。」と警告するダイアログが出た時の対処法を紹介します。 解決法 解決法は二種類です。 「Controlキー + クリック」でメニューを開き、メニューの中の「開く」を選択...
未分類

定規アプリ「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関数を用いてスクロールするモーダルウィンドウを作る方法を紹介します。 そもそもモーダル(ウィンドウ)とは? モーダルとは以下画像のように「メインの画面に被るようにして表示される小さなウ...
タイトルとURLをコピーしました