[B! 背景] hcnkinoのブックマーク

hcnkino id:hcnkino

背景に関するhcnkinoのブックマーク (3)

Apple風のかっこよくて美しいデザインの背景49種類を簡単に実装できるスタイルシート -HUE.css | コリス
文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用したものです。画像: Free Promo Backdrops and Gradients HUE.cssは上記のHueの背景画像にインスパイアされたもので、これらの美しいグラデーションの背景がCSSで簡単に利用できます。元の画像は上記ページの下部から、.sketch, .png形式でダウンロードできます。 HUE.cssの使い方使い方は、簡単です。「hue.css」をダウンロードし、外部
hcnkino 2016/10/24
CSS

背景

コーディング
リンク
[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル
動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュートリアルを紹介します。 HTML5のvideo要素で自サーバーの動画を配置するのではなく、YouTubeの動画を使うので、サーバーのレスポンスを気にする必要もありません。デモページ：下までスクロール実装使用するリソースチュートリアルにあたり、下記のリソースを使用しています。 jQuery jquery.mb.YTPlayer YouTubeの動画を背景として表示するjQueryのプラグインフォント：Google Fonts (Raleway, Lato) アイコン：Font Awesome 背景に使う動画の注意点背景に使う動画は、下記の点に注意してください。動
hcnkino 2015/02/03
レスポンシブ

web制作

背景

動画
リンク
[JS]動画をブラウザいっぱいやエレメントの背景として配置できるスクリプト（スマホにも配慮） -Vide
.mp4, .webm など、動画をブラウザいっぱいやdivなどのエレメントの背景として配置できるjQueryのプラグインを紹介します。デスクトップでは動画が再生され、スマホでは仕様のため代替の静止画像が表示されます。デモページ iOSでは動画はネイティブのプレイヤーのみ再生可能なので、静止画像が表示されます。Androidでは一部の機種で動画が再生されてしまいますが、基本的には静止画像が表示されます。 Videの使い方 Step 1: 外部ファイル当スクリプトとjquery.jsを外部スクリプトとして記述します。 <body> ... <script src="//ajax.google apis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery.vide.min.js"></scr
hcnkino 2014/07/25
動画

スマートフォン

javascript

背景

Webデザイン

WEB制作
リンク
1