複数のSVGファイルを一つのSVGファイルに統合して利用するSVGスプライトを作成するために、簡易的な方法を考えました。 📝 ポイント 元のSVGファイルはAffinity Desingerで複数のアートボードを一括でエ...

最近amazonでもモバイルディスプレイ（12～15インチ程度の液晶モニタ）ですが、Web制作者である自分にとっての最適解は・・・ 液晶ペン タブレットである と結論づけました。 その結果入手したのはこちら。 XP-Pe...

普段あまり使うことがない機能ですが、WordPressには投稿にパスワードを入力しないと表示されない、「パスワード保護投稿」という機能があります。 この機能を有効にすると、 のようなメッセージとパスワード入力フォームが表...

目的はたった一つ。 ブラウザ標準のスクロールバーのデザインをカスタマイズすることです。 つまり、 マウススクロールにより、コンテンツがスムーズに移動 スクロールバーのトグルをドラッグアンドドロップでコンテンツが移動 他フ...

nanoScrollerはスクロールバーのデザインをカスタマイズ出来るjQueryプラグインです。実装も容易で、jQueryを知っていれば簡単に使えると思います。最近はむしろ、jQuery不要なプラグインも多く、逆に使い...

これまで特に何も考えず、Visual Studio Code + Live Sass Compilerを使用して、BootstrapのSASSファイルを編集してCSSにコンパイルしていました。 で、Bootstrap 4...

身長が高くなると、必然的に足が大きくなります。 日常の靴であれば、探せば何とかなるのですが、農作業用の靴となると、これが余り種類が無くて探すのが大変です。 そこでサイズ29cm以上の農作業靴をピックアップしてみました。 ...

先日は、bootstrapのテーマカラーから、不要なカラーパターンをmap-removeを使用して削除する方法を紹介しました。 しかし、アラートや文字色に関しては、やはり色数が欲しい。でも、テーブルやボタンには色数は不要...

次にbootstrapからホームページを作成するにあたって使用しないコンポーネントを削除します。 そのためには、bootstrap.scssのimportから不要なコンポーネントをコメントアウトしてコンパイルするだけです...

bootstrapのグリッドは のようにブレークポイントが設定されています。 しかし、これも画面いっぱいに表示する管理画面のダッシュボードやWebアプリで無ければここまで細かく設定する必要も無いと思います。 そこで、これ...