スポンサーリンク
CSS

position: fixed; を指定したときにwidth: 100%;を指定したらモバイル表示がおかしくなった話

今回は、position: fixed; を指定したときにwidth:100%;(画面幅いっぱい)を指定する方法を解説していきたいと思います。 こんにちは!夏の終わりが寂しいマダラ蝶です。最近涼しくなってきましたよね。今回は...
CSS

【文系大学生が分かりやすく解説!】縦軸でのテキスト中央配置の方法!

今回のブログではCSSで文字を縦軸で中央配置するときに気をつけるべきことを解説していきます。このところ模写サイトを作っている中でこのようなデザインの作成をしました。 一見よくできているように見えますが、テキストを増や...
CSS

【文系大学生がわかりやすく解説】CSSで画像をトリミングする方法を2パターン紹介

皆さんこんにちは!最近Podcastにハマっているマダラ蝶です。 さて、今回のブログは画像についてです!HTMLやCSSで画像を表示させる際にブラウザ幅やデザインの関係で画像のサイズを統一させたいといった場面に遭遇することがあるかと...
JavaScript

【文系大学生が解説】JavaScriptのライブラリ「jQuery」の導入方法と使い方

お久しぶりです。文系大学生のマダラ蝶です!夏休みいかがお過ごしですか〜??まだまだ暑い日が続きますが、暑い日に負けずに今日も積み上げ活動していきましょ〜😊 さて久々の投稿となる今回は、JavaScriptのライブラリである「...
CSS

【文系大学生が教える】Bootstrap 4を導入方法をわかりやすく説明!

みなさんBootstrapって知っていますか?BootstrapというのはCSSのフレームワークです。フレームワークっていうのは、食べ物でいうとカレールーのようなものでCSSを簡単にかけるようにしたものです。Bootstrapを使用すると...
CSS

HTMLの説明リストタグ【dl・dt・dd】を活用しよう

こんにちは!最近やっと模写コーディングを2つ達成したところです。マダラ蝶です!今日はHTMLの基本要素である説明リストについて話していきたいと思います(*´∀`) 今日の備忘録はこんな方におすすめ! HTMLの説明リストってなに?&...
JavaScript

JavaScriptでハンバーガーメニュー実装の手順

こんにちは!ガストが快適すぎてビビったマダラ蝶です(´・ω・`) 今日のブログはデイトラで模写をしたときにハンバーガーメニューを実装してみたのでその手順を記録していきたいと思います。 今回の備忘録はこんな方におすすめ! Jav...
CSS

デイトラの模写作品完成しました!!!

報告!! 本日は今週1週間取り掛かっていたデイトラの模写サイトが完成しました!! 著作権対策のため、basic認証をかけています。ID、Password共に"test"です。 こちらがリンクになります。↓...
CSS

レスポンシブ時にちょっとうざい
の対処法

こんばんわ~(^^) 最近模写コーディングはじめましたマダラ蝶です。アウトプットの大事さに触れています〜😅 今回の備忘録は、レスポンシブ対応するときにちょっとうざい<br>の対処法です。僕のブログでは初めてのHTML,C...
JavaScript

classについて説明します!

こんにちは!ロボット掃除機がとてつもなく欲しいマダラ蝶です。本日はclassについて調べたことをアウトプットしていこうと思います。 今回の記事はこんな方におすすめ! classについて勉強したけどよくわからない…classと関...
スポンサーリンク
タイトルとURLをコピーしました