コンテンツへスキップ

WebTecNote

気ままに綴る独学メモ帳

  • About
  • Contact
  • Downloads

月: 2018年8月

[JS] YouTubeのインラインプレイヤーとモーダルダイアログの連動

2018/08/23 by Tenderfeel

以下要件:

  1. YouTubeの動画をインラインで再生させる
  2. 1をクリックするとモーダルでその動画を拡大表示させる
  3. モーダルウィンドウが開いている時はインライン動画は停止、閉じたら再生

続きを読む

カテゴリー Javascript タグ YouTube コメントをどうぞ

[CSS] 背景画像の特定の位置を常に画面中央に配置する

2018/08/22 by Tenderfeel

backgroundプロパティだけでやるより融通がきくやつ。 See the Pen centering background image by Tenderfeel (@Tenderfeel) on CodePen. … 続きを読む

カテゴリー CSS コメントをどうぞ

[CSS] 縦スクロールのニュースティッカー

2018/08/22 by Tenderfeel

縦方向に1件ずつスクロール表示するやつ See the Pen Pure CSS News Ticker (vertical) by Tenderfeel (@Tenderfeel) on CodePen. 表示エリアの … 続きを読む

カテゴリー CSS タグ CSS、pug、Sass コメントをどうぞ

[JS] Slick Carousel: CenterMode & Zoom Effect Demo

2018/08/222018/08/16 by Tenderfeel

Slickで中央表示モードにして外側から中央にかけて大きくさせるエフェクトつけるサンプル。

続きを読む

カテゴリー Javascript タグ Carousel、jQuery、Slick コメントをどうぞ

[JS] Object.entries や Template Strings による簡単なテンプレート

2019/05/032018/08/14 by Tenderfeel

JavaScriptでオブジェクトをループさせたいと思った時は Object.keys でキーだけ配列にしたものを
Array.forEach で回すっていうのが鉄板だったが、
ES2017の Object.entries の方が見た目エレガントやなあと思った。

続きを読む

カテゴリー Javascript タグ ES2015、ES2017 コメントをどうぞ

生存確認

  • Twitter

カテゴリー

  • CSS (64)
    • Compass (3)
    • Sass (2)
  • Custom (8)
  • Dojo (1)
  • Go (2)
  • GoogleMap (23)
  • HTML&XHTML (15)
    • HTML5 (3)
  • Information (19)
  • Javascript (102)
    • Firebase (9)
    • Gatsby (3)
    • Vue&Nuxt (19)
  • jQuery (10)
  • Material (9)
  • Memo (90)
  • MooTools (62)
    • Tutorial (6)
  • Perl (1)
  • PHP (37)
    • CakePHP (2)
    • OOPでBBS (7)
    • Zend Framework (4)
  • Template (29)
    • 4BOX (8)
    • 5BOX (5)
    • 6BOX (4)
    • Form (5)
    • Menu (1)
    • Web Site (6)
  • wordpress (72)
    • plugin (9)
    • Reference (7)
    • Themes Making (3)

最近の投稿

  • Go言語入門メモ② スクレイピングを試す
  • Go言語入門メモ①
  • NTT東の光ネクスト ギガマンション・スマートタイプから光クロスに乗り換えた話
  • [Vue] vue-jest が発する Requires Babel “^7.0.0-0”, but was loaded with “6.26.3” の解決
  • TypeScript 環境での Chart.js の利用について

最近のコメント

  • Go言語入門メモ① に Go言語入門メモ② スクレイピングを試す – WebTecNote より
  • [WP]メルマガ・メール購読プラグイン比較まとめ に メールマガジンを設定する方法『プラグインSubscribe2』 より
  • [WordPress] pre_get_postsでカスタムフィールドの値を利用した表示の制御 に クエリの使い方 (WP_Query) [WordPress] – Site-Builder.wiki より
  • [WP]メルマガ・メール購読プラグイン比較まとめ に WordPress 備忘録 メルマガ機能 | 大阪のAI/人工知能開発に力を入れている会社|AIエンジニア25名在籍 より
  • [CSS] contentプロパティで挿入できるコンテンツ に wordpress GENERICONS icon list | 絶賛!みさわのブログ より

Tags

1Column 2column Ajax Android Aptana Class CodeSandbox CSS CSS3 Demo Download Dreamweaver Elastic Firebase FirebaseAuthentication Fixed Form free script Fx.Tween Google GoogleMap HTML5 HTML5API IE infowindow iphone JavaScript jQuery MooTools Nuxt OOP PHP Regular Expression rollover Sass Template Vue Web Browser wordpress wp-custom wp-function wp-plugin wp-themes XHTML zeromail
  • 2023年1月
  • 2022年12月
  • 2022年10月
  • 2022年7月
  • 2022年6月
  • 2022年2月
  • 2022年1月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年5月
  • 2021年4月
  • 2020年7月
  • 2020年6月
  • 2020年3月
  • 2020年2月
  • 2019年12月
  • 2019年11月
  • 2019年10月
  • 2019年9月
  • 2019年8月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年3月
  • 2018年2月
  • 2017年9月
  • 2017年7月
  • 2017年6月
  • 2017年4月
  • 2017年2月
  • 2017年1月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年2月
  • 2016年1月
  • 2015年8月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2013年12月
  • 2013年8月
  • 2013年4月
  • 2013年3月
  • 2013年2月
  • 2013年1月
  • 2012年12月
  • 2012年10月
  • 2012年9月
  • 2012年8月
  • 2012年7月
  • 2012年5月
  • 2012年4月
  • 2012年3月
  • 2012年2月
  • 2012年1月
  • 2011年12月
  • 2011年10月
  • 2011年9月
  • 2011年8月
  • 2011年6月
  • 2011年5月
  • 2011年4月
  • 2011年3月
  • 2011年2月
  • 2011年1月
  • 2010年12月
  • 2010年11月
  • 2010年10月
  • 2010年9月
  • 2010年8月
  • 2010年7月
  • 2010年6月
  • 2010年5月
  • 2010年4月
  • 2010年3月
  • 2010年2月
  • 2010年1月
  • 2009年12月
  • 2009年11月
  • 2009年10月
  • 2009年9月
  • 2009年8月
  • 2009年7月
  • 2009年6月
  • 2009年5月
  • 2009年4月
  • 2009年3月
  • 2009年2月
  • 2009年1月
  • 2008年12月
  • 2008年11月
  • 2008年10月
  • 2008年9月
  • 2008年8月
  • 2008年7月
  • 2008年6月
  • 2008年5月
  • 2008年4月
  • 2008年3月
  • 2008年2月
  • 2008年1月
  • 2007年11月
  • 2007年10月
  • RSS - 投稿
  • RSS - コメント
© 2023 WebTecNote • Built with GeneratePress