office takec - パート 6

【CSS】水平方向にスクロールするカードデザイン

flexとgridを使って実装するこのデザイン See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.

Swiper.jsを使って実装していた時にハマってしまったことがあった。それは、Androidのブラウザでaタグに設定したリンクにクリック/タップしても遷移しなかったことだ。そこでjsに「watchSlidesPro

今回は正確に上下の余白をCSSで計算する方法をメモしておく。正確ではないCSSも記載しておくので、ぜひ比較してほしい。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen

以前までは、jQueryやJavaScriptでコーディングしなければいけなかったスムーズスクロールだが、CSSのみで実装することができるようになった。しかもCSS１行でできてしまう。 See the Pen Unti

buttonタグをクリックした時に新しいウィンドウで開く方法をメモしておく。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.

最近メルマガコーディングをする機会が増えてきたので、今回はテスト配信した際にハマったGmailでの表示崩れ（画像と画像の間にできる隙間）の解決方法を記載する。結論該当するimgタグに以下のstyleを追加することで解

今回はJavaScriptで最後までスクロールしたらチェックボックスからdisabledを外す方法を紹介する。 See the Pen by 山崎毅 (@nbudjgzu) on CodePen.

リモートワークの時間が増えてきたことでネット環境をさらに良くしたいと思ってきた。どうしても夕方から夜にかけて回線が混むためか、画面がカクカクして思うように作業ができないと感じることもある。nuro光マンションにしてからは

とある案件で複数選択したチェックボックスをボタンをクリックして全て外すというコーディングをしたのでメモしておく。 CSSは今回設定していないので、好みにカスタマイズしていただければと。 See the Pen by 山崎

Vue.jsのFullCalendarを使ってカレンダーを実装してみた。まずは、head内にfullcalendarのcssとjsを読み込む。今回は、一番簡単なCDNでの読み込み方法を記載しておく。デモ https: