Code

オプション説明例weekday曜日を指定します。”long” (月曜日), “short” (月)era年代（西暦や和暦）を指定します。”long” (平成), “short” (H)year年のフォーマットを指定します […]

素敵なデザインのボックスに出会ったので記事にしてみました 下のイメージのようなボックスをコーディングしました。 See the Pen Untitled by shimpei (@shimpei) on CodePen. […]

AOSを使用して要素をふわっと出現させるアニメーションはよく使用されます。タイミングを遅らせたいときにはdata-aos-delay属性を使いますが、ランダムに出現させたい時、AOSにはそのようなオプションが用意されてい […]

ビルド時にprosemirror-stateとprosemirror-tablesのバージョンの互換性がないようでエラーがでた。 node_modulesモジュールを一度削除し、インストールするも変わらず。 両方@lat […]

ミックスブレンドモードの指定をXDデザインから、CSSに変換するのに毎回調べてるな。使いやすい一覧表ほしいな。 しんぺー XD to CSSの一覧を作成しました。一応CSS反映時のサンプルも用意しているので、ブレンドの結 […]

ヘッダーナビをホバーした時に、子メニューが表示されるようにしたけど動き変。マウスアウトして非表示にした後、要素があった箇所にマウスを移動させるとまた表示される！なんで？？opacity: 0;、visibility: h […]

円グラフってCSSで作れないよね？Chart.js使うのも大層だし画像で書き出すか。 しんぺー conic-gradientで簡単につくれますよ〜 完成形のイメージ こんな感じです。CSSで割と簡単に作れますよ。 See […]

スクロールしたときにスライダーを動かす記事は多いけど、リサイズのことも考えたり面倒。いい方法ないかな？ しんぺー IntersectionObserverを使えばリサイズの心配は不要です。サンプルコードはコピペで使えるよ […]

マークダウンをHTMLにトランスパイルしてくれるReactMarkDownを使用していましたが、最新バージョンでエラーになり、詰まったので解決方法をメモに残しておきます。こんな感じのエラーが出ました。 シンプルなマークダ […]

タブの中にslickを入れているけど、切り替えたときに表示が崩れたりする。。なぜ？ しんぺー タブを切り替えたときにslickを初期化してあげるとうまくいきますよ。解説していきますね。 サンプル 不具合のサンプルと、修正 […]