Code

ビルド時に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を初期化してあげるとうまくいきますよ。解説していきますね。 サンプル 不具合のサンプルと、修正 […]

モーダル内に動画を設置したけど、開いたときに自動で再生させたい。あと、一度再生するとモーダルを閉じてもずっと動画再生されてる。バックグラウンドで音だけ聞こえてる、、なんとかして。 しんぺー モーダルを開いたり閉じたりした […]

リッチテキストをコピーできるボタン作ってって言われたけど、そんなん実装してるの見たこと無い。できないでしょ。。 しんぺー ぼくも出来ないだろうな〜と思いながら調べたらできるみたいです。あまりサンプルや記事も少く実装するの […]

SNSのアイコンのリストって毎回作ってるけど、そろそろテンプレほしいな。使いまわしやすくて、ホバーアクションもいい感じにしたい。 しんぺー よくあるSNSアイコンリストのテンプレを共有しますね。ホバーアクションはFont […]