SQLiteで履歴を管理!Electron製クリップボードアプリ
Electron × SQLiteで最強のクリップボードアプリを実現! 前回はlocalStorageを使ったシンプルなクリップボード履歴アプリを紹介しましたが、今回はSQLiteを採用したバージョン…
Electron × SQLiteで最強のクリップボードアプリを実現! 前回はlocalStorageを使ったシンプルなクリップボード履歴アプリを紹介しましたが、今回はSQLiteを採用したバージョン…
この記事は、Electron と HTML/CSS/JavaScript を使って開発した「クリップボード履歴管理アプリ」の完成までの実装手順を整理した手順ガイドです。 目的 Mac上で実行できる、履…
SSネスト(CSS Nesting Module)は、2023年以降モダンブラウザに標準実装され、SCSSなしでも構造的にスタイルを記述できるようになりました。本記事では、このCSSネストを活用しなが…
CrossGlide:上下スクロール中に画像がすり替わるスタイリッシュなアニメーションを実装しよう Webサイトに動きのあるビジュアル要素を取り入れたいとき、スクロールに連動するアニメーションは非常に…
Web制作において「CSSが反映されない」「デザインが変わらない」という問題に一度はぶつかるものです。この記事では、初心者が見落としがちな原因を9つのチェックリストにまとめ、わかりやすく解決策をご紹介…
はじめに CSSだけで表現力の高いUIを作れるようになりたい──そんな方におすすめなのが、今回ご紹介するNeumorphism(ニューモーフィズム)スタイルのトグルボタンです。 本記事では、クリックで…
Tailwind CSSは、クラス名を組み合わせて直感的にデザインを組み立てられる「ユーティリティファーストCSSフレームワーク」です。初心者でも理解しやすく、CSSが苦手な方でも実装力がつくため、学…
近年、Tailwind CSSの人気はますます高まり、ランディングページ(LP)の制作においても大きな力を発揮しています。本記事では、実際に公開しているスマホ製品LP(デモはこちら)を例に、Tailw…
「背景にふわっと現れる文字で、上品な雰囲気を演出したい」 そんな時にぴったりのCSSアニメーションが「FadeGlyph(フェードグリフ)」です。 このアニメーションでは、日本語明朝体フォント「Zen…