デザインやHTML, CSS, jQueryなど、Web制作に関する勉強を基礎からしっかりと学べるオンラインの学習サイトを紹介します。 当ブログで紹介するものは英語圏内が多いですが、この学習サイトは国内運営で、解説も当然日本語です!
BigVideo.js The jQuery Plugin for Big Background Video (and Images) 12-30-2015 Update This project is no longer under active development. Much has changed since the summer of 2012 when BigVideo.js was launched. For more current information on implementing video backgrounds, check out these links: CSS Tricks - Should I use a video as a background? Dudley Storey - Create Fullscreen HTML5 Page Backgr
jQuery tubular Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world Assuming you're happy with the default options and you use a wrapper div with the id of wrapper, you simply attach to your wrapper div and
「Vide」 はWebページの背景に動画を表示するjQuery プラグインです。最近よく見かける、動画上にオーバーレイでコンテンツを表示するプロモーションサイトが簡単に制作できます。 minify(圧縮版)が 3.6KBと軽量で、Google Chromeなどのモダンブラウザーと、Internet Explorer 9以降に対応しています。iOSとAndroidでは動画のインライン再生ができないので、動画の代わりに静止画を表示します。 MITライセンスですので、著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、Vide をGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 Videは、パッケージマネージャーの「bower」でもインストールできます。b
デモページ デモは左のメニューから、動画を変更して再生できます。 BigVideo.jsの使い方 外部ファイル BigVideo.jsはjQuery, jQuery UIと、動画再生に「video.js」を利用しています。これら全てを外部ファイルとして記述します。 <!-- BigVideo Dependencies --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery-ui-1.8.22.custom.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="http://vjs.zencdn.net/c/vide
早いもので、今年(2012年)の3月31日にリリースした人妻動画サイト「h300」は、リリースから2か月半が経ちました。当初から90日限定公開の予定だったので、6月末にはシャットダウンしようと考えています。 もともと Rails3 や jQuery のスキルアップを目的につくったサイトですが、それ以外にもはじめて知ることがたくさんありました。そのなかでもアクセス解析の結果が、本ブログ等と比較して明らかに異なる点がいくつかあって興味深かったので、ご紹介します。 また、アクセス解析の結果をどのように運用に反映させているのかも併せて書きますので、参考にしてください。 **エロサイトのアクセス解析をしてわかった 6つの法則 +夜のアクセスの偏り方は異常 +土日のアクセスは、平日の1.2倍 +ユーザーの平均滞在時間は、およそ8分 +ヒトは、5個目の動画でイク!? +検索エンジンからの流入は 5%未満
いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい? << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 (※大人の事情により、リンクはやむなく削除しました) 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies 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
刺身や塩焼き、ソテーなど、さまざまな楽しみ方ができる「魚」。皆さんは、きちんと“おいしい魚”を選べていますか? 魚の“旬”の時期や、新鮮な魚を見分けるコツなど、魚に関するエントリーをまとめました。簡単にできる一夜干しのレシピも紹介します。 ■ 魚の“旬”を知ろう ▽ 食べ頃カレンダー 旬の魚 まずは、魚の“旬”を知るのが重要です。こちらのページでは、魚介類の旬の時期を流通量から割り出し、カレンダー形式で表示しています。200種類以上の魚介類が掲載されています。 表に書かれている数値は、1年を100としたときの、その月の流通量の割合です。「30」なら、1年の総流通量のうち、30%がその月に流通している、という意味です。 月ごとに、数字が大きい順に並べ替えられるので、いまどの魚が旬なのかが一目で分かります。ぜひ買い物の参考にしてみてください。 ■ 新鮮な魚を見分けるコツ ▽ http://ww
群馬県高崎市内のとんかつ店店長の男性が、自身のツイッターで、下半身を露出し、女子高生に対して精液を付けるなどした動画を投稿し、騒動になっていることが15日、分かった。 男性は今月12日に動画をアップ。それ以前にも同様の行為を撮影し、複数回投稿していたことも判明し、同店は有名とんかつチェーン店で、本社の広報担当者は、男性が店長であることを認めた上で「事実確認をし、厳正な処分をする」とコメント。 また、男性が勤務していた店舗によると、男性はこの日午前11時ごろ、本社から派遣された管理職との面談の最中、「警察に届けて白黒つけよう」と提案されるや、「トイレに行く」と席を外し姿をくらましたという。 その後、男性の家族から「本人が『自首する』と言っている」との連絡が店舗に入ったが、本人とは依然連絡が取れていない。 [2011年11月16日9時21分 紙面から]
YouTubeで爆発的な再生数を誇るコブラのように立ち上がって威嚇するネコのムービー、これ自体はわずか15秒ですが、このあとどうなったのかが気になるところ。 調べてみたところなんと3分近くのフルバージョンが存在しており、立ち上がって威嚇するネコと威嚇されるネコたちには意外な結末が待っていたのです。 まずは15秒版から。 angry cobra-cat - YouTube そしてこれがフルバージョン。立ち上がる前、そして立ち上がったあとの様子まですべて記録されています。 De-La the magnificant on Vimeo 撮影は金網を隔てて行われており、まずは白ネコ登場 次にコブラ立ちを見せた黒白ネコ登場 接近していく白ネコ ゆっくりと距離が縮まっていき、緊張感が高まっていきます まさに一触即発 すかさず威嚇する白ネコ、キャリアを感じさせるびびらせ方です だがしかし、一方後ろに下が
新型アシモが凄すぎると話題に 1 :名無しさん@涙目です。(愛知県):2011/11/08(火) 21:00:22.49 ID:nkZeJItEP ホンダは、二足歩行のロボット「ASIMO(アシモ)」の最新型を4年ぶりに発表しました。今度のASIMOも走るんですが、とっても速いんです。 蹴る、ジャンプする、そして、走る。あの「ASIMO」が、フルモデルチェンジしてさらに人間に近づきました。これまでできなかった片足や両足でのジャンプや、でこぼこ道も歩けるように。そして、体重を6キロ軽くしたことで、走る速度もこれまでの時速6キロから9キロへと格段に速くなりました。 さらに、3人から同時に受けた注文もそれぞれを認識してきちんと聞き分けます。そして、自在に動く手先を使ってポットの蓋を開け、飲み物をコップに注ぎます。 また、歩いてくる人をよけて先に進むこともできるほかにも、サッカーボールを蹴ったり、
1 :風吹けば名無し:2011/11/06(日) 22:10:34.69 ID:uGg2ospU デカメロンですわ 2 :風吹けば名無し:2011/11/06(日) 22:11:24.51 ID:F5dW+s6U 画像アリアス 3 :風吹けば名無し:2011/11/06(日) 22:11:41.89 ID:w0S43jY0 画像アルバラデホ 7 :風吹けば名無し:2011/11/06(日) 22:14:03.78 ID:IpuFyD5U でけーw 13 :風吹けば名無し:2011/11/06(日) 22:17:17.36 ID:qzP0528O 揉みたい 14 :風吹けば名無し:2011/11/06(日) 22:17:19.56 ID:z7hw8XB6 腕もおっぱいと同じくらいの幅やね 17 :風吹けば名無し:2011/11/06(日) 22:19:19.23 ID:s9idPrMF エロ
2012年10月10日をもちまして、livedoor クリップのサービスは終了いたしました。 livedoor クリップを長年ご愛顧いただきまして、誠にありがとうございました。 今後ともLINE株式会社のサービスをよろしくお願いいたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く