WEB制作 【HTML/CSS】要素を左右方向に中央寄せできないときの対処法
CSSで要素を左右方向に中央寄せしたいケースってよくあるのに、一発でうまくいくことが少ないです。
とりあえず「margin: 0 auto」を使ってみて、ダメなら「justify-content: center」を使ってみよう、みた...
WEB制作
WEB制作 WEB制作 【HTML/CSS】長くなったJavaScriptのコードを別のファイルに分ける方法
scriptタグの中に直接JavaScriptを書いていると、コードが長くなり上下スクロールが面倒になってしまいますよね。
今回は長くなったJavaScriptを外部ファイルに分ける方法を紹介します。
<script s...
WEB制作 XD以外の無料デザインカンプ配布サイトまとめ【Figma】
以前はHTML、CSSの基本文法を学んだ次におすすめの学習法に、サイトの模写がありました。
最近ではデザインカンプからコーディングするほうが実用的だし実績にも使えることが多いので、模写よりもおすすめされているようです。
練習用...
WEB制作 【HTML・CSS】padding-left を使うと要素が右にはみ出す現象の対処法
WEB制作で、文字の左側に余白を持たせようとしてpadding-leftを使うと要素が右側にはみ出すことがよくありました。
私は最初原因がわからず、はみ出した分の幅を要素から引いて調整したりしていましたが、CSSで一行書くことで解決...
WEB制作 レスポンシブ対応に挫折
Figmaのデザインカンプから実際にコーディングをやってみました。
いい感じに仕上がったので別の端末で表示してみると、画像は切れてるし要素が重なっていたりでとても見にくい…
とりあえずHTMLにview portと、CSSには...
WEB制作 WEB制作 学習記録④
今日はデザインカンプからのコーディングと、Sassについて勉強しました。
SassでできてCSSでできないこと
SassでできてCSSでできないことはたくさんありますが、代表的なものをまとめました。
変数が使える
...
WEB制作 WEB制作 学習記録③
今月からWEB制作の勉強を始めたのですが平日3時間、休日8時間くらいのペースで勉強できています。
それ以外の時間はブログを書いたりWordPressをいじったりしているので、家にいるときはほぼ一日中ＰＣを触っています笑
デザイ...
WEB制作 WEB制作 学習記録②
WEB制作学習記録２回目です。
レスポンシブWEBデザインを勉強する際、環境を構築するのにかなり時間を要してしまったので、そのことについて書いていこうと思います。
レスポンシブWEBデザイン
レスポンシブWEBデザインと...
WEB制作 [WEB制作練習]HTMLファイルをローカル環境でスマホで閲覧する方法［Windows］
WEB制作でレスポンシブデザイン等の勉強をしていると、スマホやタブレットといったPC以外のデバイスでHTMLファイルを表示させる必要が出てきます。
レンタルサーバーからドメインを取得する方法もありますが、お金がかかってしまうため、な...
WEB制作 WEB制作 学習記録①
今日からWEB制作に関して学習したことを記録していこうと思います。
HTML＆CSSの知識の再確認
以前買ったHTML・CSSの入門書をとりあえず最初から読んでみました。
買った当初は、リンクの張り方やブロック要素の配置...