[B! javascript][動画] tuffgong57のブックマーク

tuffgong57 id:tuffgong57

javascriptと動画に関するtuffgong57のブックマーク (5)

[JS]簡単で高性能！動画を背景としてブラウザやコンテナいっぱいに配置するレスポンシブ対応の軽量スクリプト -Bideo.js
動画を背景としてブラウザいっぱいに、もしくは指定したコンテナいっぱいに配置するレスポンシブ対応の単体で動作する軽量スクリプトを紹介します。 Bideoはおそらく、Background Videoの略でしょうかね。
tuffgong57 2016/05/25
javascript

js

背景

レスポンシブ

動画

Webデザイン
リンク
JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開！ - paiza times
どうも、まさとらん（@0310lan）です。みなさんは、「JavaScript」をどのような方法で学習されているでしょうか？お手軽な方法としては…、・書籍やブログ記事を読む・勉強会・セミナーへ参加する・友人や先輩に直接聞く・学習向けのWebサービスを利用する・etc... などが一般的でしょうか。今回は、上記のリストに加えて、もう１つ有効な方法である「海外の無料動画」についてご紹介しようと思います！「どうせ、英語だから…」と、つい敬遠しがちですが、海外ユーザーが作るプログラミング学習動画は、国内に比べて圧倒的に「質」が高いのが特徴です。なかでも、特に解説が丁寧で理解しやすい動画だけを厳選しましたので、ぜひチェックしてみてください！ ■「JavaScript」の基本を徹底的に学ぶ！まずは、JavaScriptを「どのように書いたら良いのか？」を丁寧に教えてくれる動画のご
tuffgong57 2016/03/28
javascript

プログラミング

学習

動画

チュートリアル
リンク
Youtube動画はカッコよく埋め込もう「PrettyEmbed.js」:phpspot開発日誌
Pretty Embed.js Demo - CodePen Youtube動画はカッコよく埋め込もう「Pretty Embed.js」。通常埋め込むと動画コントローラーやラベルが表示されて便利なんですが、どうしてもYoutube埋め込んだ感が凄くなりますね。そこで、Pretty Embedを使えば次のように。せっかくデザインしたサイトもYoutube埋め込みでかっこわるくならないようにできますね関連エントリ Youtube,Vimeo,Dailymotion等の動画APIを共通化できる「jquery-video」流行りのYoutube風ローディングバー実装jQueryプラグイン YoutubeのChannel・Playlistの動画リストを表示できるjQueryプラグイン「PlumTube」
tuffgong57 2014/08/18
jQuery

動画

YouTube

javascript
リンク
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる - かちびと.net
VimeoのAPIとjQueryを使用したサンプル。軽量なコードでLightbox風にポップアップさせる、という方法。Vimeo自体日本では全然使ってる方を見かけませんが、徐々に浸透すると嬉しいですね。便利だし。というか、僕が知らないだけで結構使ってる方もいるのかもｗ仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されてこんな風にLightbox風にポップアップさせます。以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。コード $(window).load(function
tuffgong57 2011/12/12
lightbox

API

動画

ギャラリー

web制作

javascript

Vimeo

jquery

jQuery
リンク
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
tuffgong57 2011/10/06
デザイン参考

*webデザイン

ファッション
リンク
1