PC周辺 【iPhone】iPhoneでmkvファイルの動画を見る方法
iPhoneでmkvの動画ファイルを見たかったので今回はその方法を紹介する。以下の手順でやればOK1.iPhoneにVLCをインストール2.MacにiPhoneをlightningケーブルで繋ぐ3.mkvファイルをドラッグアンドドロップiP...
PC周辺 Web技術 【JS】swiper.jsでスライドが１枚とそれ以外で処理を分けるやり方
swiper.jsでスライドが１枚の場合と複数枚の場合で処理を分けるやり方を紹介しておく。例えば複数枚の場合は、ループを１枚の場合はループなしを行いたい場合は以下のようにするとよいvar swiper;$(window).load(func...
Web技術 【CSS・JS】モーダル：コンテンツ量が多い場合にスクロール
モーダル内のコンテンツが多く、スクロールしたい場合は以下のコードのようにコーディングすればOKHTMLの構造は同じなので運用面でも問題ない See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen...
Web技術 【JS】swiper.jsを使ってモーダルでスライダー・カルーセル表示
今回はswiper.jsを使ってモーダルでスライダー・カルーセルを実装する方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【JS】同じクラスで複数のモーダルを表示する方法
今回は同じクラスを使って複数のモーダルを表示させる方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【CSS】蛍光ペンのようなunderlineの実装方法
今回はcssで蛍光ペンのようなアンダーラインの実装方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【CSS】水平方向にスクロールするカードデザイン
flexとgridを使って実装するこのデザイン See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【JS】Swiper.js リンク先に遷移しない時の解決方法
Swiper.jsを使って実装していた時にハマってしまったことがあった。それは、Androidのブラウザでaタグに設定したリンクにクリック/タップしても遷移しなかったことだ。そこでjsに「watchSlidesProgress: true」...
Web技術 【CSS】CSSでテキストの上下余白を正しく計算する方法
今回は正確に上下の余白をCSSで計算する方法をメモしておく。正確ではないCSSも記載しておくので、ぜひ比較してほしい。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.また、以下のように...
Web技術 【CSS】CSSのみでスムーズスクロールをする方法
以前までは、jQueryやJavaScriptでコーディングしなければいけなかったスムーズスクロールだが、CSSのみで実装することができるようになった。しかもCSS１行でできてしまう。 See the Pen Untitled by 山崎毅...