未分類

HTMLとプログラミング言語の違いとは?初心者にわかりやすく解説

プログラミングを始めようと思っていろいろと調べていると、HTMLという言語を勧められることがあります。 しかし、HTMLはプログラミング言語ではないと言われていたり、初心者の方は混乱しますよね。 厳密にはHTMLはプログラミン...
未分類

【WordPress】マルチサイト化した後、テーマとプラグインの新規追加ボタンが表示されない現象

WordPressでテーマを新規追加しようとしたところ、新規追加ボタンが表示されず1時間くらい無駄にしてしまったので対処法を紹介しておきます。 他のサイトで調べてみると、 WordPress.comを使っている レンタ...
WEB制作

【HTML/CSS】要素を左右方向に中央寄せできないときの対処法

CSSで要素を左右方向に中央寄せしたいケースってよくあるのに、一発でうまくいくことが少ないです。 とりあえず「margin: 0 auto」を使ってみて、ダメなら「justify-content: center」を使ってみよう、みた...
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をいじったりしているので、家にいるときはほぼ一日中PCを触っています笑 デザイ...
WEB制作

WEB制作 学習記録②

WEB制作学習記録2回目です。 レスポンシブWEBデザインを勉強する際、環境を構築するのにかなり時間を要してしまったので、そのことについて書いていこうと思います。 レスポンシブWEBデザイン レスポンシブWEBデザインと...
タイトルとURLをコピーしました