The Acorn Spirit’s Journey

jquery.validate.jsを使用。カスタムルールを作成する。 ◆ひらがなのみ 　 ◆カタカナのみ 　 ◆日本語のみ 　 ◆英数字のみ 　 ◆英字のみ 　 ◆桁数指定 　 ◆数字のみ 　 ◆半角カタカナ、英数字、…

utf-8ばかりなこの頃ですが、最近、仕事でShift_JISで作る必要があり・・普通にShift_JISで作っちゃうと、Gulp経由は文字化けしちゃって仕事にならないんですよね。。 そこで、作業中はutf-8で作り（ロ…

謹んで新春をお祝いいたします。 旧年中はひとかたならぬご厚情を賜り、誠にありがとうございました。 本年も気持ちを新たに、より一層仕事に励んでまいります。 何卒本年もより一層のお引き立てのほどお願い申し上げます。 　 　 …

GridガントチャートのCSS/HTMLのサンプルです。※動的化が前提です。 サンプルhtmlはこちら ※Bootstrap使用。※Grid関連、細部のcssはhtml内に書いてます。　　

Bootstrap5.2、最新バージョンPopovers。 https://getbootstrap.com/docs/5.2/components/popovers/ HTML 　 オプションを使う https://g…

webデザイン、コーディングの勉強もしたし、そろそろ仕事としてやってみたい！けど、、、実際に仕事を請けたとして、具体的にどうすれば？という方向けのお話です😊 仕事に取り掛かる際にはお客様からご要望や方向性などをヒアリング…

サイト制作でよく使うアイコン。「arrow」 ちょこちょこと作っていたモノが溜まったので、ひとつにまとめました^^ 矢印アイコンは一般的にどのサイトのアイコンも同じような見た目ですが例にもれず、私が作った物もどこにでもあ…

まず、bootstrap5のソースファイルをダウンロード。https://getbootstrap.com/docs/5.1/getting-started/download/#source-files 　 _varia…

orientation: portrait 　→　縦長orientation: landscape　→　横長 ビューポートが縦長なのか横長なのかで※デバイスが縦向き横向きでなく見た目を厳密に整えたいときに（私個人的には）…

《参考》matchMedia / MediaQueryList / addEventListener https://developer.mozilla.org/ja/docs/Web/API/Window/matchM…