TechMemo

  • HOME
  • HTML
  • CSS
  • JavaScript
  • SEO
  • WordPress
  • EC-CUBE
  • WEBサービス
  • WEBチートシート
  • About
  • お問い合わせ

YouTubeの動画を背景動画として全画面に表示する方法

himecas
2018/02/28
JavaScript
4 Comments
YouTubeの動画を背景動画として全画面に表示する方法

全画面の背景動画としてYouTubeの動画を使う方法をご紹介いたします。動画ファイルをサーバーに設置せず、YouTubeから読み込むので、レスポンスも良くなります。 以下に簡単なデモも用意しました。 デモページを見る Y…

Continue reading

CSSだけで全画面の背景動画を実装する方法

himecas
2018/02/27
CSS
No Comments
CSSだけで全画面の背景動画を実装する方法

CSSだけで全画面の背景動画を実装する方法をご紹介いたします。ほぼコピペで実装できますので、サイトの背景に動画を表示したいとお考えの方は、ぜひ試してみてください。 なお、動画は別途ご用意いただく必要があります。 CSSだ…

Continue reading

SVGで作成された背景のCSSコードが入手できるWEBサービス「SVG Backgrounds」

himecas
2018/02/26
Webサービス
No Comments
SVGで作成された背景のCSSコードが入手できるWEBサービス「SVG Backgrounds」

SVG Backgroundsは、SVGで作成された背景のCSSコードが紹介されているWEBサービスです。 プレビューを表示するとCSSのコードが出力されるので、コピーしてそのまま利用することができます。 SVG Bac…

Continue reading

WordPressで親カテゴリーは出力せずに子カテゴリー(子ターム)のみを出力する方法

himecas
2018/02/23
Wordpress
No Comments
WordPressで親カテゴリーは出力せずに子カテゴリー(子ターム)のみを出力する方法

親子関係にあるカテゴリーやカスタムタクソノミーで、親は出力せずに子カテゴリー(子ターム)のみを出力する方法をご紹介いたします。 記事ページやアーカイブのループ内で使える方法です。 親カテゴリーは出力せずに子カテゴリー(子…

Continue reading

ログイン画面を管理画面上からカスタマイズすることができるWordPressプラグイン「Login Designer」

himecas
2018/02/22
Wordpress
No Comments
ログイン画面を管理画面上からカスタマイズすることができるWordPressプラグイン「Login Designer」

Login Designerは、ログイン画面のロゴやレイアウトなどを簡単にカスタマイズすることができるWordPressプラグインです。管理画面上でプレビューを見ながら、直感的にカスタマイズすることが可能です。 Logi…

Continue reading

Serposcopeにアクセスすると「Oops! An Error Occurred」というエラーで管理画面が開けない場合の対処法

himecas
2018/02/21
ソフトウェア
No Comments
Serposcopeにアクセスすると「Oops! An Error Occurred」というエラーで管理画面が開けない場合の対処法

先日、Serposcopeの管理画面にアクセスしようとしたら、「Oops! An Error Occurred」というエラーで開けなくなっていました。おそらくですが、Local by Flywheelをインストールした後…

Continue reading

複数のカラーコードを入力して色の組み合わせを確認できるWEBサービス「.colors()」

himecas
2018/02/20
Webサービス
No Comments
複数のカラーコードを入力して色の組み合わせを確認できるWEBサービス「.colors()」

.colors()は、複数のカラーコードから、色の組み合わせをチェックすることができるWEBサービスです。デザイン制作時に色の相性などをブラウザ上で確認することができます。 .colors()の使い方 .colors()…

Continue reading

サイトへ訪問したユーザーの行動を動画で記録してくれるWEBサービス「LogRocket」

himecas
2018/02/19
Webサービス
No Comments
サイトへ訪問したユーザーの行動を動画で記録してくれるWEBサービス「LogRocket」

LogRocketは、発行されたスクリプトをサイトに仕込むことで、ユーザーの行動を動画で記録してくれるWEBサービスです。 ユーザーがどのような操作を行っているのか動画で確認できるたため、サイトの改善に役立てることができ…

Continue reading

CSSで文字を縦書きにする方法

himecas
2018/02/16
CSS
No Comments
CSSで文字を縦書きにする方法

何も指定しなければ、HTMLで記述した文字列は横書きになります。和風のサイトなどでは、文字を縦書きにしたい時もあるかと思います。 画像を使うという方法もありますが、今回はCSSを使って文字を縦書きにする方法をご紹介したい…

Continue reading

“〇〇で打線組んだ”が簡単に作成できるジェネレーター「打線くん(仮)」

himecas
2018/02/15
Webサービス
No Comments
“〇〇で打線組んだ”が簡単に作成できるジェネレーター「打線くん(仮)」

打線くん(仮)は、あるテーマに対して野球の打線に例えて順位付けを行う、いわゆる「打線組んだ」を簡単に作成することができるWEBサービスです。 打線くん(仮)とは サイトでは以下のように説明されています。 「打線くん(仮)…

Continue reading

  • « Previous

最近の投稿

  • <span class="title">Advanced Custom Fields PROの機能を拡張できるWordPressプラグイン「Advanced Custom Fields: Extended」</span>
    Advanced Custom Fields PROの機能を拡張できるWordPressプラグイン「Advanced Custom Fields: Extended」
  • <span class="title">画像をフワッと拡大表示するlightbox機能を追加するWordPressプラグイン「Simple Lightbox」</span>
    画像をフワッと拡大表示するlightbox機能を追加するWordPressプラグイン「Simple Lightbox」
  • <span class="title">定期的にサイトの脆弱性をチェックしてくれるWordPressプラグイン「WPScan」</span>
    定期的にサイトの脆弱性をチェックしてくれるWordPressプラグイン「WPScan」
  • <span class="title">ログイン/ログアウト時のリダイレクト先を設定できるWordPressプラグイン「LoginWP」</span>
    ログイン/ログアウト時のリダイレクト先を設定できるWordPressプラグイン「LoginWP」
  • <span class="title">EC-CUBE4でタグIDによる商品の絞り込みができるようにする方法</span>
    EC-CUBE4でタグIDによる商品の絞り込みができるようにする方法

カテゴリー

  • HTML (32)
  • CSS (147)
  • JavaScript (145)
  • SEO (57)
  • Wordpress (971)
    • Wordpressインストール (71)
    • Wordpressプラグイン (605)
    • テーマカスタマイズ (306)
  • Drupal (17)
    • Drupalインストール (8)
    • Drupalモジュール (8)
  • EC-CUBE (43)
  • Webサービス (496)
  • Webチートシート (128)
  • ハードウェア (9)
  • ソフトウェア (95)
  • その他 (62)

Tags

Adobe CSS Drupal EC-CUBE Google HTML JavaScript jQuery li Linux Mac ol PHP rss SEO SNS ul Web Webサービス Windows WordPress インストール カメラ ギャラリー コメント セキュリティ セレクタ ソフト テーマ フォーム ブラウザ プラグイン プログラミング モジュール 動画 基礎 画像

本日の人気記事

  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法
  • ブラウザ上でPSDファイルを開いて編集までできちゃう「Photopea」
  • サーバーのApacheが起動しているかどうか確認する方法 サーバーのApacheが起動しているかどうか確認する方法
  • table-layout:fixed;を指定してもテーブルのwidthがうまく効かない場合の対処法
  • p要素、div要素、span要素の違い p要素、div要素、span要素のそれぞれの違い

アーカイブ

  • 2022年7月 (1)
  • 2022年6月 (10)
  • 2022年5月 (6)
  • 2022年4月 (5)
  • 2022年3月 (5)
  • 2022年2月 (8)
  • 2022年1月 (3)
  • 2021年12月 (6)
  • 2021年11月 (6)
  • 2021年10月 (4)
  • 2021年9月 (8)
  • 2021年8月 (9)
  • 2021年7月 (6)
  • 2021年6月 (6)
  • 2021年5月 (4)
  • 2021年4月 (5)
  • 2021年3月 (7)
  • 2021年2月 (6)
  • 2021年1月 (11)
  • 2020年12月 (9)
  • 2020年11月 (7)
  • 2020年10月 (13)
  • 2020年9月 (8)
  • 2020年8月 (19)
  • 2020年7月 (16)
  • 2020年6月 (11)
  • 2020年5月 (6)
  • 2020年4月 (11)
  • 2020年3月 (8)
  • 2020年2月 (8)
  • 2020年1月 (12)
  • 2019年12月 (7)
  • 2019年11月 (8)
  • 2019年10月 (15)
  • 2019年9月 (13)
  • 2019年8月 (11)
  • 2019年7月 (22)
  • 2019年6月 (25)
  • 2019年5月 (26)
  • 2019年4月 (17)
  • 2019年3月 (12)
  • 2019年2月 (17)
  • 2019年1月 (15)
  • 2018年12月 (21)
  • 2018年11月 (24)
  • 2018年10月 (27)
  • 2018年9月 (10)
  • 2018年8月 (13)
  • 2018年7月 (22)
  • 2018年6月 (22)
  • 2018年5月 (23)
  • 2018年4月 (27)
  • 2018年3月 (23)
  • 2018年2月 (19)
  • 2018年1月 (20)
  • 2017年12月 (12)
  • 2017年11月 (16)
  • 2017年10月 (16)
  • 2017年9月 (15)
  • 2017年8月 (21)
  • 2017年7月 (32)
  • 2017年6月 (25)
  • 2017年5月 (21)
  • 2017年4月 (17)
  • 2017年3月 (25)
  • 2017年2月 (30)
  • 2017年1月 (40)
  • 2016年12月 (27)
  • 2016年11月 (19)
  • 2016年10月 (29)
  • 2016年9月 (23)
  • 2016年8月 (25)
  • 2016年7月 (25)
  • 2016年6月 (31)
  • 2016年5月 (24)
  • 2016年4月 (26)
  • 2016年3月 (26)
  • 2016年2月 (27)
  • 2016年1月 (22)
  • 2015年12月 (17)
  • 2015年11月 (19)
  • 2015年10月 (20)
  • 2015年9月 (23)
  • 2015年8月 (18)
  • 2015年7月 (21)
  • 2015年6月 (19)
  • 2015年5月 (18)
  • 2015年4月 (16)
  • 2015年3月 (16)
  • 2015年2月 (10)
  • 2015年1月 (7)
  • 2014年12月 (8)
  • 2014年11月 (13)
  • 2014年10月 (11)
  • 2014年9月 (14)
  • 2014年8月 (9)
  • 2014年7月 (6)
  • 2014年6月 (21)
  • 2014年5月 (27)
  • 2014年4月 (27)
  • 2014年3月 (21)
  • 2014年2月 (24)
  • 2014年1月 (26)
  • 2013年12月 (31)
  • 2013年11月 (24)
  • 2013年10月 (24)
  • 2013年9月 (29)
  • 2013年8月 (28)
  • 2013年7月 (26)
  • 2013年6月 (25)
  • 2013年5月 (25)
  • 2013年4月 (26)
  • 2013年3月 (34)
  • 2013年2月 (36)
  • 2013年1月 (30)
  • 2012年12月 (38)
  • 2012年11月 (36)
  • 2012年10月 (15)

人気記事TOP3

  • input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法 カテゴリ: CSS, JavaScript
  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法 カテゴリ: ソフトウェア
  • table-layout:fixed;を指定してもテーブルのwidthがうまく効かない場合の対処法 カテゴリ: CSS

検索

カテゴリー

アーカイブ

Our Sponsors

Copyright © 2012 TechMemo