📷 pictureタグで画像を画面サイズごとに切り替えるレスポンシブ表現【デモ付き】
📷 pictureタグで画像を画面幅ごとに切り替える方法【体験デモ付き】 Web制作において、画像の出し分けは非常に重要です。スマートフォン、タブレット、PCといった異なる画面サイズごとに、最適な画像…
📷 pictureタグで画像を画面幅ごとに切り替える方法【体験デモ付き】 Web制作において、画像の出し分けは非常に重要です。スマートフォン、タブレット、PCといった異なる画面サイズごとに、最適な画像…
1. はじめに|タグの意味を“見た目”で決めていませんか? HTMLを書くとき、つい「見た目」に頼ってタグを選んでしまうことはありませんか? こういった悩みは、タグの意味を理解していないことが原因で起…
1. はじめに|見出しタグが「適当」になっていませんか? Webサイトやブログ記事を作っていると、<h1>〜<h6>の見出しタグを使う場面が必ず出てきます。しかし、「とりあえず…
Figma模写シリーズ第6弾は、3つのカード型レイアウトのうち、どれか1つを選んで模写できる初級編です。 「全部模写するのはちょっと大変…」という方も、1枚だけでもOK!HTMLとCSSの基本だけで完…
Electron × SQLiteで最強のクリップボードアプリを実現! 前回はlocalStorageを使ったシンプルなクリップボード履歴アプリを紹介しましたが、今回はSQLiteを採用したバージョン…
この記事は、Electron と HTML/CSS/JavaScript を使って開発した「クリップボード履歴管理アプリ」の完成までの実装手順を整理した手順ガイドです。 目的 Mac上で実行できる、履…
Web制作において「CSSが反映されない」「デザインが変わらない」という問題に一度はぶつかるものです。この記事では、初心者が見落としがちな原因を9つのチェックリストにまとめ、わかりやすく解決策をご紹介…
PHPMailerで安全にメールを送信したい方へ PHPMailerは、PHPでメール送信を行う際に非常に強力なライブラリですが、「ただ送信できればいい」では不十分です。セキュリティや信頼性を高めるに…
はじめに 「PHPでお問い合わせフォームを作りたいけど、どこから手をつければいいかわからない」そんな初心者の方に向けて、確認画面付きのメールフォームをPHPで一から作る手順をわかりやすく解説します。 …