[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル | コリス

2015/02/03 96 users YouTube コリス レスポンス チュートリアル スクロール

動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。 その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュートリアルを紹介します。 HTML5のvideo要素で自サーバーの動画を配置するのではなく、YouTubeの動画を使うので、サーバーのレスポンスを気にする必要もありません。 デモペー... 続きを読む

これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin | コリス

2014/07/08 851 users コリス Bootstrap ジェネレーター ウェブサービス

HTMLやCSSの知識は不要！ 積み木感覚でレイアウトを組み立てるだけで、簡単にBootstrapのページ作成ができてしまうウェブサービスを紹介します。 ほんの数分で、今時のかっこいいページが本当に簡単にできちゃいます！ lollytin lollytinでつくってみた lollytinの使い方 lollytinでつくってみた ということで、所要時間1分ほどの成果物がこれ！ さくっと作ったデモペー... 続きを読む

スマホ対応の告知サイトをサクッと作れるHTMLテンプレート「OSHIRASE」 - GIGAZINE

2014/06/23 96 users GIGAZINE oshirase アンソロジー 合同誌

アンソロジーや合同誌やイベントなどの告知サイトを、スマートフォンページやTwitter・Facebook・LINEなどのソーシャルメディアにも完全対応で、サクッと簡単に作ることができるHTMLテンプレートが「OSHIRASE」です。 OSHIRASE http://monsier-oui.github.io/OSHIRASE/ ◆テンプレートについて OSHIRASEテンプレートでは、このデモペー... 続きを読む

商用利用無料、癒やし系のゆる〜い感じのアイコンフォント -Handy Icons Vol2 | コリス

2013/02/28 88 users フォント フォーマット アイコン コリス ダウンロードファイル

Handy Icons Vol2 – Free Web Font Kit ダウンロードできるフォントには、下記のアイコンが含まれています。 フォントなので、サイズもカラーも簡単に変更できます。 アイコンフォントのキャプチャ アイコンフォントのフォーマットは、下記の通りです。 TrueType OpenType EOT WOFF SVG ダウンロードファイルには、アイコンフォントを埋め込んだデモペー... 続きを読む

HTMLベースで作成できるプレゼン用スライドのまとめ | コリス

2011/07/26 392 users スライド コリス プレゼンテーション用 ブラウザ 操作方法

ブラウザでスライドを表示し、HTMLベースで作成できるプレゼンテーション用のスライドを簡単な操作方法と合わせて紹介します。 html5slides - A Google HTML5 slide template デモペー [...] 続きを読む