タグ デモペー
人気順 5 users 50 users 100 users 500 users 1000 users[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル | コリス
動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。 その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュートリアルを紹介します。 HTML5のvideo要素で自サーバーの動画を配置するのではなく、YouTubeの動画を使うので、サーバーのレスポンスを気にする必要もありません。 デモペー... 続きを読む
これはスゴイぞ!Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin | コリス
HTMLやCSSの知識は不要! 積み木感覚でレイアウトを組み立てるだけで、簡単にBootstrapのページ作成ができてしまうウェブサービスを紹介します。 ほんの数分で、今時のかっこいいページが本当に簡単にできちゃいます! lollytin lollytinでつくってみた lollytinの使い方 lollytinでつくってみた ということで、所要時間1分ほどの成果物がこれ! さくっと作ったデモペー... 続きを読む
スマホ対応の告知サイトをサクッと作れるHTMLテンプレート「OSHIRASE」 - GIGAZINE
アンソロジーや合同誌やイベントなどの告知サイトを、スマートフォンページやTwitter・Facebook・LINEなどのソーシャルメディアにも完全対応で、サクッと簡単に作ることができるHTMLテンプレートが「OSHIRASE」です。 OSHIRASE http://monsier-oui.github.io/OSHIRASE/ ◆テンプレートについて OSHIRASEテンプレートでは、このデモペー... 続きを読む
商用利用無料、癒やし系のゆる〜い感じのアイコンフォント -Handy Icons Vol2 | コリス
Handy Icons Vol2 – Free Web Font Kit ダウンロードできるフォントには、下記のアイコンが含まれています。 フォントなので、サイズもカラーも簡単に変更できます。 アイコンフォントのキャプチャ アイコンフォントのフォーマットは、下記の通りです。 TrueType OpenType EOT WOFF SVG ダウンロードファイルには、アイコンフォントを埋め込んだデモペー... 続きを読む
HTMLベースで作成できるプレゼン用スライドのまとめ | コリス
ブラウザでスライドを表示し、HTMLベースで作成できるプレゼンテーション用のスライドを簡単な操作方法と合わせて紹介します。 html5slides - A Google HTML5 slide template デモペー [...] 続きを読む