webサイト制作

webサイト制作

よく使うCSSプロパティまとめ

CSSには多くのプロパティがありますが、ここでは特によく使われる基本的なプロパティをまとめます。これらを押さえると、幅広いスタイルの設定が可能になります! 1. レイアウト関連のプロパティ display:要素の表示形式を設定します。 bl...
webサイト制作

「WordPressの有料テーマと無料テーマ、エンジニア目線で見るとどっちがおすすめ?」

はじめに WordPressのテーマ選びはブログ運営の重要な要素ですが、エンジニア視点では「どっちでもいい」と言える理由があります。この記事では、有料テーマと無料テーマの違いや、コードをカスタマイズする利点について解説します。 有料テーマと...
webサイト制作

画像ファイル形式の違いとは?WEBP, PNG, JPEG, SVGを徹底解説!

はじめに ブログやウェブ制作に欠かせない画像ファイル。しかし、画像ファイルにはさまざまな形式があり、それぞれの違いや用途に応じて使い分けることが重要です。この記事では、JPEG(JPG)・PNG・SVG・WEBPといった主要な画像形式の特徴...
webサイト制作

CSS入門: widthとmax-widthの違いと使い分け

CSSでWebサイトのレイアウトを調整する際に、要素の幅を指定するプロパティとしてよく使われるのがwidthとmax-widthです。この2つの違いを知ることで、レイアウトの自由度やレスポンシブデザインがぐっとしやすくなります。本記事では、...
webサイト制作

おすすめのプログラミング学習本まとめ

私が今までプログラミングを学んでお薦めだった本をまとめています。追加いい本があったらどんどん追加していきます。HTML CSSを学ぶ、WordPressを学ぶ、Javaを学ぶなどの本を掲載しています。
webサイト制作

CSSでのmarginの相殺(marginでうまく幅が取れない)

縦方向にmarginが重なった場合、marginは相殺されます。相殺って難しい言葉ですよね。簡単にいうと、「長い方の長さが優先される」 例を見てみましょう。 <div class="box1"></div> <div class="box2...
webサイト制作

Webサイトの画像ファイルを簡単に軽くする方法

Webサイトの画像はページの表示速度を考えるとできる限り軽い方がいいです。Web上で画像を簡単に軽くできるサービスがあります。 それが、tiny pngというサービスです。 URLはこちら 使い方 サイトにアクセスし、画像をドラックアンドド...