-
React
Day.jsで日付のフォーマットを整える|React Next.js microCMS
ISO 8601形式のUTCをフォーマットして見やすくする 日付が2023-01-29T00:30:00.000Zこんな感じなんだけど、見やすく整えれないかな。 今回はDay.jsを使った方法を紹介します。2023年01 […] -
Code
【2行で解決】slickのasNavForで複数のフォトギャラリーを設置すると、全部動いてしまう
複数のフォトギャラリーを設置した時に、全部のスライドが動いてしまう フォトギャラリー複数設置したら、全部のスライド干渉してる。次のスライドへ送ると全部のスライドが一斉に動いてしまう。。。これ作り直しかな? しんぺー そう […] -
Code
【コピペ用】GitHubでよく使うやつ|これで8割なんとかなる
GitHubのなにが分からないのか分かりません しんぺーGitHubを使うにあたって、もっとも基本的なことは何でしょう?最初はせいぜい20%程度しか理解できないけど、でもその20%で大抵のこと80%はカバーできます。下に […] -
Code
【コピペ用】slick dotsを四角にカスタマイズ|色変更
slickのdotsを長方形にしたい人 slickのdotsはデフォルトで丸いから四角くするの手間だなぁ。コピペ用にコード置いときたいな。 しんぺー いつも使っているコードを共有しますね 完成形のイメージ こんな感じの長 […] -
Code
【コピペ用】slickオプション「矢印(arrows)の出し方」|矢印でない?画像の上。位置の設定。
slickの矢印を設置する面倒から開放されたい人 slickの矢印出すの面倒だなー。なんかないの? しんぺー コピペ用の雛形を用意しました。余計なスタイリングなどせずに、使い回しやすいようにしています。・最低限のslic […] -
Code
FontAwesomeを5秒で表示【コピペ用】
FontAwesomeをすぐ使いたい人 FontAwesomeを5秒で使えるようにして下さい。使い方の記事はたくさんあるけど長くて読めません。 はい、こちらです。https://codepen.io/shimpei/pe […] -
Code
slick.jsの高さを100%にするとき(高さ0pxでslickが表示されない時)。
slickの高さが0pxになっていて、どこに高さを指定すればいいか分からない人 slick表示されないと思ったら、高さが0pxになってるっぽい。どうしたらいいの?slickが色々クラス追加してるし分からない。 しんぺー […] -
Code
HTMLで角丸のテーブルを作る|overflow-hidden以外の方法
overflow-hidden以外の方法で角丸のテーブルを作る方法が知りたい人 角丸テーブルはoverflow-hiddenで実装してたけど、今回のテーブルはoverflow-hiddenできないんだよね。テーブル内にド […] -
Code
form送信後に任意の場所にスクロールするには、formのaction属性に”#link01″とするだけ|form submit後にページ内リンクを設定する
form送信後にページ内リンク設定できないかな?ページのコンテンツが長くて、フォーム欄が見えないんだよね。。 今回はこんな悩みを解決します HTMLで設定する方法と、jQueryを使った方法の2つを紹介したいと思います。 […] -
Code
はじめてのTailwind CSS【初心者向けインストール方法】
TailwindCSSをサクッと体験してみたい人 TailwindCSS使ってみたいけど、公式ドキュメント読むの面倒。YouTube動画とかもあるけどバージョン2だし、最新のバージョン3で簡単に導入するにはどうすればいい […]