サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
weblifetimes.com
PS4で対応ソフトが発売したりと徐々に身近なものになってきているVRですが、Webサイトを通じて体験できるコンテンツもチラホラ出てきています。そこで、いち早くWeb VRを取り入れたサイトや360度ビューの画像・動画を使ったサイトを探してみました! 面白法人カヤック VR部 Web制作会社である株式会社カヤックのVRコンテンツ制作サービスをしているVR部のWebサイトです。VRコンテンツの実績を紹介していて、VRに最適化されたVRモードを体験することもできます。 映画「ミュージアム」× auスペシャルサイト 映画『ミュージアム』の世界観を体験できる日本初のVR Webサイトです。ハコスコアプリを利用してVRを体験をすることができます! Kolor 360度パノラマ動画制作用のスティッチソフトを提供しているGoPro傘下のKolorのWebサイトです。こちらはメインビジュアルに360度パノラ
Atomのsass-autocompileでSassのコンパイルをしてみようという記事でパッケージを使ったsassファイルのコンパイルについて書きましたが、sass-autocompileではCompassでのコンパイルに対応していませんでした。 Sass + Compassとういう組み合わせは多いので、Compassを利用しているsassファイルをコンパイルする方法を紹介します!今回はパッケージなどを利用するわけではなく、コマンドからコンパイルをするという流れになります。 Compassとは そもそもCompassってなに?と思われている方へ簡単に説明すると、CompassはSassのフレームワークでSassをより便利に利用することのできるものです。 それでは、ここから実際にCompassを使ったコンパイルをするまでをみていきたいと思います! Rubyの確認 まず、Sassを利用するには
最近では鮮やかなグラデーションを背景などに採用するというのが1つのトレンドになっていますよね。単色の背景では味気ないと感じた時などに試してみるとインパクトを加えることができるのでオススメです。 CSS3からグラデーションをCSSのみで表現できることができるようになったこともあり積極的にと入れる価値があると思います。また、アニメーションも合わせることでより目を引く背景をつくることが可能です。 それでは、CSSのbackgroundプロパティのlinear-gradientとanimationを利用して背景グラデーション+アニメーションを実装していきましょう! 背景グラデーションをCSSで実装する方法 背景をグラデーションにするにはbackgroundプロパティにliner-gradient関数を設定します。 background: linear-gradient(#FFB3E7,#FF54C
Atomでコーディングをしていてscssのコンパイルが必要になり、簡単にコンパイルをしてくれるパッケージ「sass-autocompile」を利用したので導入と基本的な使い方までを紹介します! sass-autocompileとは sass-autocompileは、sassとscssファイルをコンパイルしてくれるパッケージです。パッケージ設定でファイルの保存をしたら自動でコンパイルしてくれたり、.minファイルでコンパイルしてくれたりする便利機能を利用することができます。 インストール前に必要なもの sass-autocompileを利用するには、事前にnode.jsとnode-sassをPC自体にインストールする必要があります。 node.jsとは JavaScriptはブラウザサイドで動作するのに対して、node.jsはサーバーサイドで動作するJavaScriptで、メモリ消費が少な
このページを最初にブックマークしてみませんか?
『WebLifeTimes - Webデザイナー初心者・Webサイト制作向け情報ブログ「WebLifeTimes」』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く