YUYABLOG

ハンバーガーメニューを開いた時に背景をスクロールさせない方法！

ハンバーガーメニュー・ドロワーメニューを開いた時に背景を固定したい、背景のスクロールを無効にしたい この記事では、上記の悩みを解決するために、ハンバーガーメニューを開いた時に背景を固定する方法（背景のスクロールを無効化する方法）について、J

2024/10/26 17:39

SVGファイルって何？Macユーザー必見！SVGをPNGに変換する方法

SVGファイルってどんな特徴があるの？SVGファイルからPNGファイルに無料で変換する方法を知りたい この記事では上記のような疑問を解決していきます。 SVG（Scalable Vector Graphics）は、解像度に依存しないベクター

2024/10/23 21:35

HTMLファイルからJavaScriptファイルを利用する方法2選【Web制作】

JavaScriptってどこに記述するの？ファイル構成は？ Web制作で動きのあるサイトにはかかせないJavaScriptですが、最初はどこに記述するのか、ファイルはどうなっているのかもわからないと思います。 この記事では、初学者の方向けに

2024/10/21 22:47

Sassの「@mixin」を活用したレスポンシブデザインの基本【Web制作】

近年、スマートフォンやタブレットなど、多様なデバイスが普及したことで、Webサイトの表示がどのデバイスでも見やすくなる「レスポンシブデザイン」の重要性が高まっています。 この記事では、sassを活用してレスポンシブデザインの基本と、それを実

2024/10/17 22:20

CSSの「margin」と「padding」ってどう違うの？使い分けについて解説

Webページの見た目を整えるためにCSSについて学習を進めている中で「margin」と「padding」について学習すると思います。どちらも余白を変化させるプロパティなのですが、 「margin」と「padding」って何が違うの？実際にど

2024/10/16 22:39

AQUAのドラム式洗濯機はコンパクトで一人暮らしに最適！実際に使用してみた感想【AQW-DX12P-L 】

洗濯機置き場が狭いけどドラム式洗濯機置けるの？一人暮らしでドラム式洗濯機って必要？ 一人暮らしをされている方でドラム式洗濯機が気になっているけど、上記のようなことや、値段が気になって購入まで踏み切れない、という方も多いのではないでしょうか。

2024/10/15 23:11

Localを使ってWordPressのローカル環境を構築する方法【簡単】

「WordPressのサイトや自作テーマを自分のパソコン上で開発してみたいけど、どうやって始めればいいかわからない…」 上記のような悩みを抱えている方におすすめなのが「Local」を使った簡単なローカル環境の構築方法です。 ローカル環境とは

2024/10/13 14:19

エポスゴールドのインビテーションは大学生にも届く！実際に受け取った方法を解説

最近、特定の利用条件を満たしたり、カード会社からのインビテーションからの申し込みで年会費が無料になるゴールドカードが増えてますよね。三井住友NLとか、イオンゴールドとか その中でも、選べるポイントアップショップで還元率が3倍になったり、年間

2024/10/12 12:51

CSSの「object-fit」を使って画像や動画を自在にトリミングしよう【Web制作】

Web制作について学んでいる中で、画像や動画をWebページに載せる時にcssの「object-fit」を利用することも多いと思います。 この記事では「object-fit」って実際に何してるの？どんな設定ができるの？という疑問が解決するよう

2024/10/11 23:51

HTMLだけでも作れる！アコーディオンメニューの作り方【Web制作】

Webサイトの中に上記のようなクリックすることで中の要素が見れるようになるようなパーツがよくあると思います。これを「アコーディオンメニュー」というのですが、実はこれ簡単なものなら、HTMLだけで書くことができますので、この記事ではその方法と

2024/10/10 22:04

くせ毛・天パにおすすめのシャンプー、トリートメント、ヘアオイルを紹介【メンズ】

私は小さい頃から癖毛に悩まされ続けてきて、縮毛矯正をかけたり、パーマをかけたりしてきたのですが、縮毛矯正にしろパーマにしろ、時間が経ってくると自分の地毛の割合が増えてきて、頭がデカくなってくるのが悩みでした。 そこで、少しでも自分の癖を扱い

2024/10/09 21:07

くせ毛・天パにおすすめのシャンプー、トリートメント、ヘアオイルを紹介【メンズ】

私は小さい頃から癖毛に悩まされ続けてきて、縮毛矯正をかけたり、パーマをかけたりしてきたのですが、縮毛矯正にしろパーマにしろ、時間が経ってくると自分の地毛の割合が増えてきて、頭がデカくなってくるのが悩みでした。 そこで、少しでも自分の癖を扱い

2024/10/09 21:07

CSSで画像が無限ループするアニメーションを作成する方法【Web制作】

Webサイトを見てみると、上記のような画像やロゴなどが無限ループするアニメーションがついたサイトを見たことがあると思います。 このアニメーションですが、CSSの「@keyframes」を使うことで簡単に実装できますので、今回はその方法を紹介

2024/10/08 20:46

CSSで画像が無限ループするアニメーションを作成する方法【Web制作】

Webサイトを見てみると、上記のような画像やロゴなどが無限ループするアニメーションがついたサイトを見たことがあると思います。 このアニメーションですが、CSSの「@keyframes」を使うことで簡単に実装できますので、今回はその方法を紹介

2024/10/08 20:46

HTML,CSS,JavaScriptで作るTOPに戻るボタンの作り方【Web制作】

Web制作でLPなどの制作について勉強していると、1ページが長いこともあるため、TOPに戻るボタンを実装する機会がよくあると思います。 今回は、HTML,CSS,JavaScriptを使ってTOPへ戻るボタンを作る方法について解説します。

2024/10/07 23:00

HTML,CSS,JavaScriptで作るTOPに戻るボタンの作り方【Web制作】

Web制作でLPなどの制作について勉強していると、1ページが長いこともあるため、TOPに戻るボタンを実装する機会がよくあると思います。 今回は、HTML,CSS,JavaScriptを使ってTOPへ戻るボタンを作る方法について解説します。

2024/10/07 23:00

CSSグリッドレイアウトの基本的な使い方を解説！【初学者向け】

CSSの「grid」について結構難しいイメージを持っている方も多いのではないでしょうか。この「grid」を使えるようになると、結構柔軟に画像の配置やロゴを配置できるようになり、とても便利なのでこの記事で解説します。 今回は、CSSのgrid

2024/10/05 17:25

CSSグリッドレイアウトの基本的な使い方を解説！【初学者向け】

CSSの「grid」について結構難しいイメージを持っている方も多いのではないでしょうか。この「grid」を使えるようになると、結構柔軟に画像の配置やロゴを配置できるようになり、とても便利なのでこの記事で解説します。 今回は、CSSのgrid

2024/10/05 17:25

楽天モバイルがプラチナバンド解禁！実際の使用感について解説

楽天モバイルについて「乗り換えで14,000ポイントプレゼント」のキャンペーンであったり、「プラチナバンド解禁」、3,000円/月の利用料金でデータ容量無制限の料金の安さから乗り換えを検討している方も多いのではないでしょうか。 しかしその一

2024/10/02 23:29

くせ毛（天然パーマ）でもパーマってかけられる？実際にかけてみた感想【メンズ】

男性のくせ毛の方で髪型に悩んでいる方は結構多いのではないでしょうか。私も結構強めの天パで、梅雨や夏になると湿気で大変なことになります。 くせ毛の方の中にくせ毛でもパーマをかけることができるのか？と気になっている方も多いと思いますので、実際に

2024/10/01 23:55