上級 GSAP機能学習

Figma模写シリーズ第4弾は、旅行・観光系のWebサービスをテーマにした本格的なUI構成に挑戦します。 構造は一見シンプルに見えますが、検索フォームやセクションごとのカードUIなど、設計・再現ともに…

PHPMailerとは？ PHPMailer（ピーエイチピーメーラー）は、PHPでメールを送信するためのライブラリです。通常、PHP標準のmail()関数でもメール送信は可能ですが、以下のような制限が…

このページは、ファッション雑誌の世界観をWeb上で再現したLP（ランディングページ）の模写練習用デモです。HTMLとCSSのみで構成されており、画像の使い方や余白の取り方、雑誌的なタイポグラフィを意識…

Electron × SQLiteで最強のクリップボードアプリを実現！ 前回はlocalStorageを使ったシンプルなクリップボード履歴アプリを紹介しましたが、今回はSQLiteを採用したバージョン…

CrossGlide：上下スクロール中に画像がすり替わるスタイリッシュなアニメーションを実装しよう Webサイトに動きのあるビジュアル要素を取り入れたいとき、スクロールに連動するアニメーションは非常に…

Webページ上で、画像が重力で落下して跳ね返る──そんな動きに魅了された経験はありませんか？この記事では、物理演算ライブラリ「Matter.js」を活用して、ランダムな大きさの円形画像が落下し、1つだ…

1. はじめに：Viteとは？ Vite（ヴィート）は、フロントエンド開発のビルドツールです。Vueの開発者であるEvan You氏が作成し、従来のWebpackよりも高速な開発体験を提供します。 🔍…

PHPMailerで安全にメールを送信したい方へ PHPMailerは、PHPでメール送信を行う際に非常に強力なライブラリですが、「ただ送信できればいい」では不十分です。セキュリティや信頼性を高めるに…

はじめに 「PHPでお問い合わせフォームを作りたいけど、どこから手をつければいいかわからない」そんな初心者の方に向けて、確認画面付きのメールフォームをPHPで一から作る手順をわかりやすく解説します。 …