デザイン

SVGスプライトをgulpやIcoMoonを使わず作成する方法
複数のSVGファイルを一つのSVGファイルに統合して利用するSVGスプライトを作成するために、簡易的な方法を考えました。 📝 ポイント 元のSVGファイルはAffinity Desingerで複数のアートボードを一括でエ...
モバイルディスプレイの選択肢に液晶ペンタブレットも加えてみては?
最近amazonでもモバイルディスプレイ(12~15インチ程度の液晶モニタ)ですが、Web制作者である自分にとっての最適解は・・・ 液晶ペン タブレットである と結論づけました。 その結果入手したのはこちら。 XP-Pe...
WordPressのパスワード保護投稿の入力フォームをカスタマイズ
普段あまり使うことがない機能ですが、WordPressには投稿にパスワードを入力しないと表示されない、「パスワード保護投稿」という機能があります。 この機能を有効にすると、 のようなメッセージとパスワード入力フォームが表...
スクロールバーのカスタマイズはプラグインに頼らずjQueryで自作
目的はたった一つ。 ブラウザ標準のスクロールバーのデザインをカスタマイズすることです。 つまり、 マウススクロールにより、コンテンツがスムーズに移動 スクロールバーのトグルをドラッグアンドドロップでコンテンツが移動 他フ...
nanoScrollerのスクロールアニメーション
nanoScrollerはスクロールバーのデザインをカスタマイズ出来るjQueryプラグインです。実装も容易で、jQueryを知っていれば簡単に使えると思います。最近はむしろ、jQuery不要なプラグインも多く、逆に使い...
BootstrapのSASSコンパイル時にはブラウザーリストも確認
これまで特に何も考えず、Visual Studio Code + Live Sass Compilerを使用して、BootstrapのSASSファイルを編集してCSSにコンパイルしていました。 で、Bootstrap 4...
29cm以上の農作業靴
身長が高くなると、必然的に足が大きくなります。 日常の靴であれば、探せば何とかなるのですが、農作業用の靴となると、これが余り種類が無くて探すのが大変です。 そこでサイズ29cm以上の農作業靴をピックアップしてみました。 ...
bootstrapでカスタムカラー配列を作成して不要な多色コンポーネントを削除する方法
先日は、bootstrapのテーマカラーから、不要なカラーパターンをmap-removeを使用して削除する方法を紹介しました。 しかし、アラートや文字色に関しては、やはり色数が欲しい。でも、テーブルやボタンには色数は不要...
bootstrapから使用しないコンポーネントを削除する方法
次にbootstrapからホームページを作成するにあたって使用しないコンポーネントを削除します。 そのためには、bootstrap.scssのimportから不要なコンポーネントをコメントアウトしてコンパイルするだけです...
bootstrapのブレークポイントを削減する方法
bootstrapのグリッドは のようにブレークポイントが設定されています。 しかし、これも画面いっぱいに表示する管理画面のダッシュボードやWebアプリで無ければここまで細かく設定する必要も無いと思います。 そこで、これ...
123