スキルアップを始める!

パララックス

WordPress(ワードプレス)

【WordPress】パララックス(視差効果)を作る|Luxy.js

何度も登場しているパララックスですが、今回もサンプルと共に試していきたいと思います。 デモサイトはこちら Luxy.jsとは? Luxy.jsは、慣性スクロールとパララックスエフェクトを実装することができるJavaScriptのプラグインで...
WordPress(ワードプレス)

【WordPress】「scrollfy.js」スクロールすると1画面移動するアニメーションを作成する

クロールすると1画面移動するアニメーションを作成したいと思った時に、便利なjQueryライブラリが「scrollfy.js」です。 デモページはこちら▼ scrollfy.jsとは? JavaScript Developerの@lukeha...
CSS(シー・エス・エス)

【パララックスページ】HTMLとCSSを使ってパララックスサイトを作る方法【視差効果】

ワードプレスなどでパララックスページを作りたいと思った時に、「そもそもどうやって作るんだろう?」という疑問が出るかと思います。かくいう僕も同じ疑問でパララックスの壁にぶち当たりました。そのような時に参考にしてみていただければと思います。以前...
CSS(シー・エス・エス)

【CSS入門】パララックスサイトを作ってみる!|準備編

パララックスとは? パララックスとは『視差効果(しさこうか)|(Parallax Effect)』のこと。スクロールした時に画面の動き方をずらすことで、奥行きのあるページ仕上げることができるデザインの手法です。 welikesmall.co...
WordPress(ワードプレス)

シングルページの無料デザインテーマ「himalayas」オススメのパララックスレスポンシブWordPressテーマ

Himalayas デモサイトはこちら Himalayasは、現代的なスタイルの無料のシングルページパララックスのレスポンシブWordPressテーマです。他のページに行く必要なく、あなたのホームページからすぐに知る必要があるすべての訪問者...
URLをコピーしました!