-
Code
3,7,11,15を指定するCSSは? nth-child(4n+3)です。
3番目、7番目、11番目の要素にスタイルを当てたい人 3、7、11番目の要素にスタイルを当てたいから〜えーっとnth-childで〜 どうやるんだっけ? しんぺー ぼくも「え?どうやるんだ?」と悩んだので、メモに残してお […] -
Code
【コピペOK】自動でPDFのアイコンをつけるCSS(Excelファイルや、Wordファイルも)
自動でファイルのiconを表示するCSS PDFとかExcelファイルある時に自動でアイコン付けれないかな?毎回クラス付けるの大変だし、どうしたらいいんだ? ファイルの拡張子を認識して、自動でアイコンがつくようなテンプレ […] -
Code
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できないんだよね。テーブル内にド […]