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">MW WP Formで選択されたラジオボタンやチェックボックスの項目によって必須項目を切り替える方法</span>
    MW WP Formで選択されたラジオボタンやチェックボックスの項目によって必須項目を切り替える方法
  • <span class="title">WordPressで特定の親ページの子にあたるページを判別する方法</span>
    WordPressで特定の親ページの子にあたるページを判別する方法
  • <span class="title">WP-Membersの登録フォームに表示される「*必須項目」の位置を変更する方法</span>
    WP-Membersの登録フォームに表示される「*必須項目」の位置を変更する方法
  • <span class="title">ページ毎に表示するウィジェットを切り替えられるWordPressプラグイン「Custom Sidebars」</span>
    ページ毎に表示するウィジェットを切り替えられるWordPressプラグイン「Custom Sidebars」
  • <span class="title">磨りガラス風背景のCSSコードを生成できるWebサービス「Glass Morphism」と「Glassmorphism CSS Generator」</span>
    磨りガラス風背景のCSSコードを生成できるWebサービス「Glass Morphism」と「Glassmorphism CSS Generator」

カテゴリー

  • HTML (32)
  • CSS (146)
  • JavaScript (144)
  • SEO (57)
  • Wordpress (901)
    • Wordpressインストール (68)
    • Wordpressプラグイン (558)
    • テーマカスタマイズ (282)
  • Drupal (17)
    • Drupalインストール (8)
    • Drupalモジュール (8)
  • EC-CUBE (40)
  • Webサービス (487)
  • Webチートシート (128)
  • ハードウェア (9)
  • ソフトウェア (88)
  • その他 (62)

Tags

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

本日の人気記事

  • お住まいの国では公開されていません 「この動画は、お住まいの国では公開されていません」を再生することができるWEBサービス「ProxFree」
  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法
  • table-layout:fixed;を指定してもテーブルのwidthがうまく効かない場合の対処法
  • p要素、div要素、span要素の違い p要素、div要素、span要素のそれぞれの違い
  • Word文書にGoogleマップの地図を貼り付ける方法 Word文書にGoogleマップの地図を貼り付ける方法

アーカイブ

  • 2021年4月 (2)
  • 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月 (26)
  • 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

  • お住まいの国では公開されていません 「この動画は、お住まいの国では公開されていません」を再生することができるWEBサービス「ProxFree」 カテゴリ: Webサービス
  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法 カテゴリ: ソフトウェア
  • p要素、div要素、span要素の違い p要素、div要素、span要素のそれぞれの違い カテゴリ: HTML

検索

カテゴリー

アーカイブ

Our Sponsors

Copyright © 2012 TechMemo