内容をスキップ

【iPhone】iPhoneでmkvファイルの動画を見る方法

PC周辺 / takec23com / 2023年1月1日

iPhoneでmkvの動画ファイルを見たかったので今回はその方法を紹介する。 以下の手順でやればOK1.iPhoneにVLCをインストール2.MacにiPhoneをlightningケーブルで繋ぐ3.mkvファイルをドラ […]

【iPhone】iPhoneでmkvファイルの動画を見る方法 続きを読む »

【JS】swiper.jsでスライドが1枚とそれ以外で処理を分けるやり方

Web技術 / takec23com / 2022年11月28日

swiper.jsでスライドが1枚の場合と複数枚の場合で処理を分けるやり方を紹介しておく。 例えば複数枚の場合は、ループを1枚の場合はループなしを行いたい場合は以下のようにするとよい

【JS】swiper.jsでスライドが1枚とそれ以外で処理を分けるやり方 続きを読む »

【CSS・JS】モーダル:コンテンツ量が多い場合にスクロール

Web技術 / takec23com / 2022年11月5日

モーダル内のコンテンツが多く、スクロールしたい場合は以下のコードのようにコーディングすればOK HTMLの構造は同じなので運用面でも問題ない See the Pen Untitled by 山崎毅 (@nbudjgzu)

【CSS・JS】モーダル:コンテンツ量が多い場合にスクロール 続きを読む »

【JS】swiper.jsを使ってモーダルでスライダー・カルーセル表示

Web技術 / takec23com / 2022年11月3日

今回はswiper.jsを使ってモーダルでスライダー・カルーセルを実装する方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.

【JS】swiper.jsを使ってモーダルでスライダー・カルーセル表示 続きを読む »

【JS】同じクラスで複数のモーダルを表示する方法

Web技術 / takec23com / 2022年11月1日

今回は同じクラスを使って複数のモーダルを表示させる方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.

【JS】同じクラスで複数のモーダルを表示する方法 続きを読む »

【CSS】蛍光ペンのようなunderlineの実装方法

Web技術 / takec23com / 2022年10月31日

今回はcssで蛍光ペンのようなアンダーラインの実装方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.

【CSS】蛍光ペンのようなunderlineの実装方法 続きを読む »

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

Web技術 / takec23com / 2022年10月28日

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

【CSS】水平方向にスクロールするカードデザイン 続きを読む »

【JS】Swiper.js リンク先に遷移しない時の解決方法

Web技術 / takec23com / 2022年10月9日

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

【JS】Swiper.js リンク先に遷移しない時の解決方法 続きを読む »

【CSS】CSSでテキストの上下余白を正しく計算する方法

Web技術 / takec23com / 2022年10月5日

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

【CSS】CSSでテキストの上下余白を正しく計算する方法 続きを読む »

【CSS】CSSのみでスムーズスクロールをする方法

コメントする / Web技術 / takec23com / 2022年9月13日

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

【CSS】CSSのみでスムーズスクロールをする方法 続きを読む »

← 前 1 … 15 16 17 … 21 次 →

人気の記事

  • 【JavaScript】ラジオボタンがクリックされたら(changeイベント)を実装する場合
  • 【CSS】要素をズームインさせて表示する方法
  • Surface Laptopをデスクトップ化したらガチでよかった!
  • 【JavaScript】パスワード、パスワードの再入力バリデーション
  • 【Vue.js】FullCalendarを使ってカレンダーを実装してみた。
  • 【CSS】JS不要!チェックボックスを使って、モーダルを実装する方法
  • 【CSS】videoタグをレスポンシブ化する方法
  • inputタグやbuttonタグにonclickを使ってリンクを設定する方法
  • 【JavaScript】サムネイル付きswiper作成方法
  • 【CSS】input type numberのスピンボタンを削除する方法

最近の投稿

  • ぐるっと円で画像が現れる!mask: conic-gradient()で作る気持ちいいCSSアニメーション完全ガイド
  • UIデザインが一段上がる 2025年版「最新CSS」完全ガイド― text-autospace から scroll-state(), dialog の新仕様まで実務目線で解説
  • CSS Anchor Positioning徹底解説 CSS Anchor Positioning徹底解説
  • SCSSでつくる「気持ちいいfluidデザイン」
  • Cursor vs Antigravity vs Windsurf 徹底比較フロントエンドのコーディング期間を一番短縮できるのはどれか

カテゴリー

  • chrome拡張機能
  • PC周辺
  • Webデザイン
  • Web技術
  • ゲーム
  • メルマガ
  • 便利ツール
  • 未分類
  • 生成AIツール
  • 生活
  • 読書

タグ

360度画像 AIツール anime.js apng css CSS3 CSSアニメーション display flex google google map googleフォーム grid GSAP HTMl HTML5 JavaScript jQuery JS不要 Modal nuro光 option php select slick swiper.js Vue.js WordPress zendesk アコーディオン アニメーション エンコード スクロール スライダー タブ切り替え テンプレート制作 フロントエンド プロジェクト モーダル ローディングアイコン 勉強法 投稿 改行 日本語テキスト 生成AIツール

アーカイブ

  • 2025年12月
  • 2025年11月
  • 2025年10月
  • 2025年9月
  • 2025年8月
  • 2025年7月
  • 2025年6月
  • 2025年5月
  • 2025年3月
  • 2025年2月
  • 2025年1月
  • 2024年11月
  • 2024年10月
  • 2024年9月
  • 2024年8月
  • 2024年7月
  • 2024年3月
  • 2024年2月
  • 2024年1月
  • 2023年11月
  • 2023年10月
  • 2023年9月
  • 2023年8月
  • 2023年7月
  • 2023年6月
  • 2023年5月
  • 2023年3月
  • 2023年2月
  • 2023年1月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2021年9月
  • 2021年8月
  • 2021年7月
  • 2021年6月
  • 2021年5月
  • 2021年4月
  • 2021年3月
  • 2021年2月
  • 2021年1月
  • 2020年12月
  • 2020年10月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年3月

カテゴリー

  • chrome拡張機能
  • PC周辺
  • Webデザイン
  • Web技術
  • ゲーム
  • メルマガ
  • 便利ツール
  • 未分類
  • 生成AIツール
  • 生活
  • 読書

メタ情報

  • ログイン
  • 投稿フィード
  • コメントフィード
  • WordPress.org
Copyright © 2025 | Powered by Astra WordPress テーマ