未経験からのシニアプログラマーへの道
  • ホーム
  • このブログにつきまして
  • プログラミング
  • お問い合わせ

5月 2024

CSS 疑似要素と擬似クラス

疑似要素と擬似クラスは混同しがちです。下記の違いはあります
2024年5月31日プログラミングKの手習い

CSS ボタン⑤  ホバー時の注意点

ボタンを作成する時ですが、CTA(call to action)の観点からマウスでホバーする時に何らかの変化をつけるのが一般的です。
2024年5月27日プログラミングKの手習い

CSS display: inline-flex;

通常、要素を横並びにしたい時は一番最初に思い浮かぶのがdisplay: flex;です。実際によく使用します。あまり、馴染みがないですが、display: inline-flex;で横並びにする方法もあります
2024年5月19日プログラミングKの手習い

CSS 横スクロールを防ぐ

横幅をスマホサイズにしている時に、どこかの画像や要素がはみ出ていて、横スクロールしてしまう時があります
2024年5月15日プログラミングKの手習い

CSS ボタン④  font-size

widthを%で設置する場合、font-sizeの単位にvwを使用すると便利です。
2024年5月14日プログラミングKの手習い

CSS ボタン③  height

ボタンのwidthは固定値にするケースが多いとの話をしました。heightは逆に固定値にしないケースが多いです。仮に長いテキストが入った場合は、テキストがはみ出てしまいます。
2024年5月12日プログラミングKの手習い

CSS ボタン②  width

ボタンに対するCSSのwidthは固定値にするケースが多いです。理由はボタンの場合、ある程度幅を固定しても、他に影響がないからです
2024年5月10日プログラミングKの手習い

CSS ボタン①  inline-blockを使用する

WEBサイトにはボタンを使うケースが多いです。また、色々なパターンもあり、整理してみたいと思います
2024年5月5日プログラミングKの手習い

CSS 更新されない?!

今日は自社サイトへ制作実績(ポーロフォリオ)を2つ加えたくて、FTPソフトを更新したのですが、うまく反映されません
2024年5月1日プログラミングKの手習い

プロフィール

Kの手習いと申します。前職はOA機器の販売をしておりましたが、退職をして、WEB制作を勉強しております。50代というシニア世代ではありますが、コツコツ頑張っていきたいと思います。趣味は読書、海外旅行、海外ドラマを見ることです。時々はこちらについても書いていきたいと思います。

最近の投稿

  • スクラッチでゲームを作ってみた
  • 今年やりたいこと
  • InDesignを使ってみる
  • Dreamweaverを使ってみる
  • Adobe Creative Cloud 購入しました。

最近のコメント

  1. 子供も楽しめるScratch に マインクラフトでプログラミングを学ぶ - 未経験からのシニアプログラマーへの道 より
  2. WordPress お問い合わせフォーム-11 に MailhogからMailpitになりました - 未経験からのシニアプログラマーへの道 より
  3. WordPress ループを回す に WordPress サブループを回す - 未経験からのシニアプログラマーへの道 より
  4. WordPress カスタム投稿 に WordPress プラグイン Custom Post Type UI - 未経験からのシニアプログラマーへの道 より
  5. WordPress カスタム投稿 に WordPress カスタム3兄弟 - 未経験からのシニアプログラマーへの道 より

アーカイブ

  • 2025年3月
  • 2025年1月
  • 2024年11月
  • 2024年9月
  • 2024年8月
  • 2024年7月
  • 2024年6月
  • 2024年5月
  • 2024年4月
  • 2024年3月
  • 2024年2月
  • 2024年1月
  • 2023年12月
  • 2023年11月
  • 2023年10月
  • 2023年9月
  • 2023年8月
  • 2023年7月
  • 2023年6月

カテゴリー

  • その他
  • グルメ
  • プログラミング
  • 旅行
  • 映画
  • 海外ドラマ
  • 読書

Powered by WordPress.
The Nishiki theme is Supported by AnimaGate, Inc.