Parallax Scrolling in an Easy Way

WebDesy Creative WebDesign Bureau

My status

Parallax Scrolling in an Easy Way


Parallax scrolling example icon

If you want to add a parallax scrolling effect to your WordPress background in an easy way, search no more. I’m going to show you how to do that without messing around with any code whatsoever. You’ll have to just copy and paste in order to implement it. That’s about it. Let me point out one aspect of the post in the first place. Even if you don’t need to add this functionality to your site now, I strongly recommend bookmarking it because chances are that you’ll need to do it (use the effect) down the road because the technique is gaining popularity. One day you may have a customer who says, “Dude, I want that parallax thing in my site’s background. And I need it asap. Like tomorrow”. And guess what? Using the step-by-step instructions from the post that you’re reading now, you’ll be able to actually do it within a few minutes. So, you may want to bookmark it even before you finish reading the article so that you don’t forget later.

Parallax Designs You Gonna Love

Before we go any further, let’s take a look at what amazing things can be done with parallax scrolling. By the way, these designs are for sale so you can choose the one you like best and make your site look just like that. Click the design you love!

Cutting Edge Responsive Parallax Template

Cutting Edge Responsive Parallax Template

Camara – Responsive Parallax Single Page Template

Camara - Responsive Parallax Single Page Template

Surreal – Responsive Parallax One Page HTML5

Surreal - Responsive Parallax One Page HTML5

Venus – Responsive/Parallax/Retina Ready Template

Venus - Responsive/Parallax/Retina Ready Template

Sharon Studio Responsive Parallax Scrolling

Sharon Studio Responsive Parallax Scrolling

Eleven – Responsive One Page Parallax Template

Eleven - Responsive One Page Parallax Template

Reason – HTML5 Responsive Parallax on Bootstrap

Reason - HTML5 Responsive Parallax on Bootstrap

Focus Parallax One Page HTML Template

Focus Parallax One Page HTML Template

VISION clean, creative, parallax one page template

VISION clean, creative, parallax one page template

Afresh – Parallax Responsive Creative Portfolio

Afresh - Parallax Responsive Creative Portfolio

Sizzle – OnePage Responsive Parallax Theme

Sizzle - OnePage Responsive Parallax Theme

Kutcher Studio – Responsive Parallax Template

Kutcher Studio - Responsive Parallax Template

Ego Onepage Responsive Parallax Template

Ego Onepage Responsive Parallax Template

Persona – WordPress Creative Responsive Parallax

Persona - WordPress Creative Responsive Parallax

Take the Plunge Parallax Responsive Wedding

Take the Plunge Parallax Responsive Wedding

Why Parallax Scrolling Sux in Terms of SEO

Sure thing, this paragraph can actually discourage about using the parallax scrolling tutorial below, but as an SEO dude I just can’t be silent about it. And if you read the paragraph to the end you’ll see that it’s not that bad, actually. So, it’s kinda a little grain of salt for you. :) Here’s the deal.

But first watch this YouTube video where Matt Cutts is being really obscure about one page sites.

Though this parallax scrolling tutorial is supposed to create a slick parallax background for your site, it’s not really a good idea from an SEO standpoint. And what really sux, pardon my French, it’s the case in most cases. The thing is that parallax means using a single HTML doc (html page or file) for all the content that you want to put on your site. You’re pretty much “forced” to stuff all your content in one page. Long story short, you put all your eggs in one basket. And as we know, it’s bad practice. Here’s why:

  • it’s just slowing down your site, because parallax sites have all the images in one html doc. And if you care about your site’s performance in search engines, it’s a big problem because loading time is getting more and more important as a ranking factor. So, the slower your site the less chances for ranking #1 for your keyword.
  • that would be really hard to optimize such a page for a few keywords, again, because the whole shebang is one page. As a rule of thumb, you want to optimize each page of your site for specific keywords. Using this effect would prevent you from doing that, at least in an efficient way. And that’s one more reason to miss out on paying customers.
  • using multiple H1 tags on your page. The best SEO practice is to use one H1 tag per page. You won’t be able to do that either and if you do, your headings (content in H1 tags) will just compete with each other and that will confuse search engines (which H1 tag is the most important?). Believe me, you don’t want that situation on your page.
  • the longer the content the lower the keyword repetition will be. Well, it’s not really recommended to do any keyword stuffing, but you do want to mention your keyword at least a few times on your page. And with such a structure (everything in one page), you’ll have to do it way more to show the engines what you’re trying to emphasize. And the result may be really sucky. Most likely, you’ll just add keywords in a very unnatural way, which will give you little points in terms of search engine optimization.
  • plus you’ll lose out on meta descriptions and title tags, because you can just use ONE meta description and title tag throughout all your site! That means that you get even less chances that somebody will find your site while searching in Google or Bing, or what not.
  • it does not agree with responsive designs, which are another trend these days. You’ll just have to either create separate sites for different devices (iPhone, iPad, etc) or create a really intricate code that would detect those devices and launch the parallax effect for each of them properly.

Now that you know all the drawbacks, let’s see what’s on the positive site. The most obvious benefit would be that your visitors will spend a bit more time on your site, checking out how that parallax thing actually works. So, using the effect will decrease your bounce rate to an extent. Well, yeah, that’s in case you (or your designer) took the time to make that parallax scrolling effect really engaging.

question And that’s about it. I don’t really see any other benefits. Do you? I’m actually really surprised that there’s nothing more to add to the positive side of the parallax effect. Hopefully, I’m dead wrong.

Though some companies (such as Nike) can afford using it (people will find their site anyways), you as a small business owner can’t really afford it because you need to lure more customers from search engines.

What’s more, you need to take into account if your design (or just it’s part) is beneficial for the user and helps him to achieve what he came to your site for. And parallax is just a gimmick of no actual and practical value.

But wait, there’s hope. The fact that parallax scrolling effect sites are done with a single page is not what the technology requires. It’s done in one page just because of the web developers laziness or lacks of skills. You can visually keep the same experience but your actual content will be loaded externally from different files, which will kill the main (and perhaps the only) problem that the whole site is actually one large page. So, it all boils down to the fact that YOU CAN USE PARALLAX in your design if it’s done RIGHT.

And one more thing, don’t be afraid to use it as I suggest in the the parallax scrolling tutorial below, because in this case the code is just added to the header of your WordPress site and you keep on using all the multiple pages that your blog has. It’s all safe and good to go.

video_camera I actually went the extra mile and created a step-by-step screencast for you that explains how to, firstly, create that parallax effect and, secondly, apply it to your WordPress theme. As a matter of fact, you can use the same method to apply it to any CMS such as Drupal, Joomla or what not.

But before we dive into the actual tech stuff, let me introduce you to the theoretical aspect of the parallax effect that I’m covering in the post. If you just need the actual thing and don’t feel like reading all the theory, feel free to skip the following portion and click this link.

What is parallax scrolling

It turns out that the parallax effect is achieved by just moving different background images with different speed (slower or faster). The ones that move faster seem to be closer to the user, whereas the ones that move slower appear to be way or a bit farther. So, you kind of feel the distance between such images.

Parallax in Real Life (Xmasy Version)

Video by mgifford

Background mages may move both horizontally and vertically. Plus if you combine the directions you can make your images move diagonally.

Wikipedia

According to Wikipedia, “The technique (parallax animation) grew out of the multiplane camera technique used in traditional animation since the 1940s,[2] and was popularized in the 1982 arcade game Moon Patrol.”.

So, it’s not exactly a new thing, It just changed from cartoon or video games parallax into jquery parallax. And that’s pretty usually the case with most really great inventions or fashion trends for that matter. It’s all the range now and it does not seem that it’ll go away any time soon. So, if you don’t really want to leave money on the table, you better learn some css parallax tricks. :)

Parallax scrolling effect

Why not parallax Flash

The point is that I suggest focusing on jquery parallax scrolling because you can be sure that your desired background will be displayed properly or at all on all devices. Ranging from all sorts of Android gadgets to the iPhone or iPad, which don’t support Flash.

Plus there’s no easy way to add such an effect in Flash. Well, I mean you can surely do that if you’re a Flash guy. No double about that. But what if you just want that effect and you don’t really have that much time to invest in learning a new thing that has a pretty steep learning curve? You just need to use Adobe Flash but you’ll have to learn at least Flash basics before you’ll be able to create a simple parallax animation.

Want some CSS parallax examples?

It turns out that there are a whole lot of sites that actually use that technique. And for a good reason. Check this out:

Life of Pi

Life of Pi with parallax effect

Fresh Development

Fresh Development

Aform

Aform

My Life in 20 Years

My Life in 20 Years

NASA Prospect

NASA Prospect

Metiers D Art Florilege

Metiers D Art Florilege

Every Last Drop

Every Last Drop

Zervice

Zervice

The Twelve

The Twelve

El Monstruo

El Monstruo

Madwell

Madwell

Vasona Networks

Vasona Networks

BeoPlay A9

BeoPlay A9

Beatbox Academy

Beatbox Academy

Adidas Snowboarding

Adidas Snowboarding

Andrew McCarthy

Andrew McCarthy

Garden Studio

Garden Studio

Sweete Stevia

Sweete Stevia

Oakley Airbrake MX

Oakley Airbrake MX

Buchholzer Catering

Buchholzer Catering

D’Angelico Guitars

D’Angelico Guitars

Ewout van Lambalgen

Ewout van Lambalgen

Marco Rosella

Marco Rosella

Killfish

Killfish

CoolApps(e)

CoolApps(e)

Optimus SG

Optimus SG

Teapot

Teapot

Shun Cutlery

Shun Cutlery

Lexus

Lexus

Survey of the States

Survey of the States

World Alzheimer’s Day

World Alzheimer’s Day

Elevation Church

Elevation Church

Rollo’s Ride

Rollo’s Ride

VoxelAir

VoxelAir

Pracownia

Pracownia

The X Intership Program

The X Intership Program

Asturiana

Asturiana

Ultra

Ultra

Farmhouse Fare

Farmhouse Fare

Dezignus

Dezignus

Johan Reinhold

Johan Reinhold

egopop

egopop

Cultural Solutions

Cultural Solutions

Smokey Bones

Smokey Bones

Peugeot HYbrid4

Peugeot HYbrid4 Screenshot

5emegauche

5emegauche

Atlantis World’s Fair

Atlantis World's Fair

Bake Agency

BAKE. Agency

BeerCamp at SXSW

BeerCamp at SXSW

Bounty Bev

BountyBev: Bringing the Reward of American Craft Beer.

Carmilla Vampire

Carmilla Vampire - a contemporary dark tale. Illustration, fashion, shop, Rossocarmilla style

Contrast Rebellion

Contrast Rebellion - to hell with unreadable, low-contrast texts!

Flight of the Fireflies

Flight of the Fireflies

Google Cultural Institute

Google Cultural Institute

HealthShare

Healthshare - Der Social Healthcare Award 2012

Impero

Hello, we're IMPERO - a clever little agency in London, Sydney & Auckland

OK Studios

Home - OK-Studios - Corporate Design & Brand Creation

Fabrizio Michels

Fabrizio Michels

James Bond 007 Cars Evolution

James Bond 007 Cars Evolution |

Ketchup

ketchup

Krystal Rae

KRYSTALRAE

Muffi

muffi

Jan Ploch

Online Portfolio von Jan Ploch – Webdesigner, Grafikdesigner aus Hamburg

Range Rover Special Edition with Victoria Beckham

Range Rover Evoque Special Edition With Victoria Beckham

Ràtatattoo

Ràtatattoo - Bodies Emotion Studio di tattoo & tattoo make-up a castellarnao Reggio Emilia Italy

Soleil Noir 2012

Soleil Noir 2012 | We believe in...

SON

SON

The Honors Society

The Honors Society – Honors English

Tomas Pojeta

Tomas Pojeta

Carp Vlad

Vlad Carp - Web Designer & FrontEnd Developer from Iasi, Romania | Web design | (X)HTML/CSS

The Art of Flight

The Art of FLIGHT

Ben the Bodyguard

Ben the Bodyguard.

Kinvara 3

Saucony Kinvara

Guide to the App Galaxy

The Guide to the App Galaxy by Google

Activate Drinks

Activate Drinks

Just Say The Word

Just Say the Word

Nike Jumpman 2012

Air Jordan

Overit.com

Overit.com

head2heart.us

head2heart.us

iutopi.com

iutopi - Creative Land

nike.com

Nike Better World

themetrust.com

themetrust.com

bagigia.com

Discover Bagigia - The Bag

tokiolab.it

TokioLab! Realizzazione Siti Web

cheesepleasegame.com

Cheese Please

marcusthomasllc.com

Marcus Thomas

titanic.q-music.be

Q music Titanic

noleath.com

No Leath

putzengel.at

Putzengel - Reinigung Wien, Transport, Handwerker

fishy.com.br

Fishy

tokyu-agc.co.jp/recruit/2013/special

TAG REACTION   RECRUIT 採用サイト   Tokyu Agency Inc.

More Parallax Site Resources and Examples

Let’s Watch Some jQuery Parallax Movies

If you’re new to the effect and not exactly sure how it looks and what it does (‘coz I personally did not catch it at first sight), check out the following videos:

The parallax scrolling screencast

Though I know a whole lot of people who say that they like textual how-tos more, I still believe that there are way more guys out there who really appreciate watching a video about how to do something. So, I’m going to provide you with both textual and video how-tos so that you can learn how to add a parallax scrolling effect to your background the way you prefer..

So let’s first and then I’ll walk you through in text mode. :)



Step-by-Step Transcript for the Parallax Scrolling Effect Screencast

  1. Go to Web-Features.net
  2. You’ll see two options to create your first effect of this sort, choose the first option (‘Full Scale’ Animated Background) because we want to keep things as simple and easy as possible.
  3. Now, you can set the color of your background. You can do it in the Background Color panel. Just click on the color you’d like for your parallax background. In case you’re Ok with the default color, move on to the next step.
  4. You need to create a new layer so that you can add your objects to it. In order to add a new layer, you need to click the “Create new layer” option in the bottom right corner. While creating a new layer, you can either specify the url to your image (for instance if you uploaded one to your ftp server) or select an image from the available gallery (click the “Show images gallery” option for that). To show you both the ways, I’ll add one image from my server and another from the default images gallery.
  5. So, while I’m in the “Select image” dialog box, I type in a direct link to my image, which is http://webdesy.com/webdesy-wp/wp-content/uploads/2012/04/webdesy_logo.png
  6. That done, I click OK and it’ll add my image to the canvas. As you have probably noticed, that image got repeated a few times. That happens because it’s set (in the “Image Mode” panel) to repeat the image both on the x-axis and y-axis by default (the “Repeat Both X/Y” option). If you want to have your image repeated horizontally only, check the “Repeat on the X-axis option. In case you’d like it to be repeated vertically, make sure to tick the “Repeat on the Y-axis” radio button (option). You can also define your desired X and/or Y offset.
  7. Well, that’s cool but what if you don’t really want to repeat it at all? No problem. Just make sure to tick the “Image” option (you have the “Pattern” option ticked by default). Now you should have just one image.
  8. You can snap your image to right and/or bottom. Plus you can define its offset as well.
  9. OK, we’re done with the right-hand panel.
  10. The left-hand panel allows you to define your image’s behavior. You can make it react to your mouse cursor movements and/or your scrolling.
  11. First let’s take a closer look at the Mouse Move option. It has 3 settings: Direction, Move on and Speed. The Direction option allows you to specify how your image should move: in the same direction where you move your mouse cursor (click “Forward” for that) or in the opposite one (the “Backward” option). The “Move on” setting makes it possible to specify whether you’d like your image to move on the x-axis, y-axis or both. And the “Speed” text field allows you to specify how fast you want the image to move (up to 10 pixels). Now let’s see the options in the Mouse Scroll portion.
  12. First let’s take a closer look at the Mouse Move option. It has 3 settings: Direction, Move on and Speed. The Direction option allows you to specify how your image should move: in the same direction where you move your mouse cursor (click “Forward” for that) or in the opposite one (the “Backward” option). The “Move on” setting makes it possible to specify whether you’d like your image to move on the x-axis, y-axis or both. And the “Speed” text field allows you to specify how fast you want the image to move (up to 10 pixels). Now let’s see the options in the Mouse Scroll portion.
  13. So, you may tick the Mouse Scroll option. By the way, you can either leave the Mouse Move option enabled or disable it by unticking. It’s up to you. The Mouse Scroll feature has the following settings: Direction, Orientation, and Speed. The Direction option allows you to define how your image should move in relation to your scrolling direction (Forward or Backward). The Orientation option empowers you to specify which scroll direction you prefer (Vertical, Horizontal, and Diagonal). And the possible speed settings are exactly as in the case with Mouse Move (up to 10 pixels).
  14. You can add as many layers (in the “Layers” panel) as you see fit. But I wouldn’t recommend creating too many layers because it can (and most likely will) slow down your site’s performance. And that’s not good in terms of usability and SEO. Judging from my experience with the tool, 3-5 layers seem optimal.
  15. Now let’s add just one image from the built-in images gallery. Just click on the “Add new layer” option in the bottom right corner. Now select “Show images gallery”. That done, just click on the image that you like to add and hit the “OK” button. You can set it up using the same options that I described while using the previous image.
  16. Once you’re done with your animation, you can just hit the “Get Embed Code” button. In the “Embed Code” dialog box, click the “Copy to Clipboard” button. It’ll say “Successfully copied” if you did everything properly.
  17. Now just go to your WordPress admin panel. Expand the “Appearance” drop-down menu, go to Editor. That done, find the “Header” (header.php) option in the right-hand sidebar and click on it. Now just paste the previously copied code somewhere between the <head> and </head> tags. And click the “Update File” button at the bottom. And that’s about it.
  18. Now you can just go to your site’s home page (front-end in geek speak) and refresh it by hitting the F5 key.

download Download the image used in the tutorial (screencast)

In case you’d like to do stuff like that manually, you may want to check out the following tutorial from Net.Tuts+: A Simple Parallax Scrolling Technique


Update:

A creative way to use parallax effect was offered by Matt Foster in his How About SEO for Parallax? post. I really like how innovative Matt’s approach is. It does not require any new snazzy technology and the solution sounds really workable.


What You Can Do Now

Now you know how to easily add the parallax scrolling effect with the help of the builder and your WordPress admin panel. With this trick up your sleeve, you won’t be frustrated if your customer wants this feature on his site. You’ll have another chance to show your professionalism and competence in all things web.

In Conclusion

text Though there’s no need to overuse parallax animation (keep in mind that it’s a gimmick in the first place) on your customer’s or your site, certain elements with elegant adjustments can look pretty good and they’ll definitely add some kind of a flavor that your site may be missing so badly. Make sure that adding this feature will not jeopardize your site’s usability because useless snowflakes on a site can get on people’s nerves for sure.

user If you have something to say about the topic or in case you’ve got some questions, please leave them in the comments. I’m waiting for them right from the other side of the monitor. :)

Opt In Image
What Next?

Hope you liked the post. If so, please share it among your friends and followers. You can also subscribe to our newsletter and you’ll immediately get a free WordPress eBook on the plugins and widgets that you definitely need on your site. Plus you get a free on-page SEO report of your site.



Kenneth

I love blogging about web design, web development, and SEO. In other words, all things web. I strongly believe that WordPress combined with clever SEO is the best solution for most site owners on the Web.

More PostsTwitterFacebookPinterestGoogle PlusYouTube

SEO Crash Course for WordPress Users
  • http://www.facebook.com/profile.php?id=100001350424401 Diane Laidlaw

    Thank you Kenneth. I will give a go and see what comes up.

    • http://WebDesy.com SuperAdmin

      You’re warm welcome. :) Let me know how it worked for you, Diane.

    • http://webdesy.com/ Kenneth von Rauch

      Sure thing. Let me know how it worked for you, Diane. :)

  • Robb

    Hi Kenneth –
    How can I most easily paste a parallax element (not a background) in my site’s on my index.html? I have pasted the goods into the header, but think I need some additional magic to get to show up…?

    • http://webdesy.com/ Kenneth von Rauch

      Thanks for your comment, Robb. Could you explain in more detail what exactly you’re trying to do so that I can see how exactly I can help you? :) Thanks.

  • andre6193

    thanks, that was exactly what i was looking for!

    • http://WebDesy.com SuperAdmin

      Thanks for your comment, andre6193. I’m glad that my post was able to help you.

  • http://www.facebook.com/jonmiller724 Jon Miller

    How do you make this work with Navigation as well as scrolling?

  • jeromy

    Hey Kenneth,

    Thanks for writing this post! It was very informative, and more importantly, it was something out of the box. There are hundreds of blog articles on how to optimize a blog’s appearance, but this is truly something unique.

    I thought that the intro premised the content well, and the examples helped visualize the concept. The video tutorial was very detailed and user-friendly. The only problem that I ran into was finding where to paste the code in my blog header. We use a custom theme on WordPress which we’ve entered our own custom coding into. I will mess around with it some more.

    Other than that, kudos on a great post. Keep it up.

  • http://webdesy.com/ Kenneth von Rauch

    Thanks a lot for your comment, Jeromy. I’m really glad that you liked my post and the screencast. I really appreciate putting into practice what you’ve learned from the post.

    Should you have any issues (if you’re still having them or what not), feel free to contact me and I’ll help you with embedding that code in your WordPress theme. :)

  • http://www.seminds.com/ Sabreen Rezvie (Sam)

    I read your comment on my post about optimising paralax, interesting theory there. I didnt think of any other way to optimise it. I look forward for the techniques you mentioned :)

    • http://webdesy.com/ Kenneth von Rauch

      Thanks for your comment, Sabreen . I’m doing my best to come up with an actionable solution. I was thinking that it’ll be possible to do that with javascript opnly, but it turns our that you’ll need to use AJAX for that. I’m currently looking for an AJAX consultant who could provide me with the actual code for that. Alternatively, I’ll have to dive in some learning.

      There’s actually an alternative way to take care of that, because you can use PHP to load content externally. But it’ll require changing the extension of the actual files (HTML -> PHP) if it’s a static site from the getgo.

      Any who, I’m determined to find a solution and I’ll keep you guys posted. The post will be updated once I find a solution.

  • Dave

    Will this work with frameworks such as catalyst?

    • http://webdesy.com/ Kenneth von Rauch

      Unfortunately, I’m not exactly familiar with the Catalyst framework, but if you can use HTML files in it, I’m sure that you’ll be able to make use of the scrolling parallax tutorial described in the post.

  • http://www.facebook.com/michaelthebaum Michael Baum

    Hi Kenneth,

    What a fantastic piece on Parallax. Do you know if any of the wordpress themes you mentioned at the beginning use a multiple page structure or do they all use a single HTML page and land one in SEO hell?

    Trying to decide whether to pick up a Parallax theme or add the effect to a traditional theme.

    Thanks!

    • http://webdesy.com/ Kenneth von Rauch

      Thanks for you question, Michael. Unfortunately, I don’t really know if they are properly designed. In order to check that I need to either buy all of them and check for myself or I just need to contact their tech support and ask about a specific theme.

      As a matter of fact, I guess it’s the best way to do it. Just select a few themes you like and contact ThemeForest for more info on how they are designed.

    • vicentedepablo

      I think that Michael had a great answer. My take on the matter is that there is (still 10 months later when I am writing this) a shortage of parallax effect themes by the top players. And there is no shortage of one-page themes, so you could deduct from there that they may think that they charge too slowly or something if they have parallax…

      I am considering to use parallax too and I have a request from an associate for me to use a parallax theme.

      I will definetly try to add the effect to a solid framework/provider’s theme or make one on my own.

      What decision did you finally take?? Any thoughts/experience???

      Thank you

  • http://twitter.com/viralboydotcom Chris Traynor

    Hi Kenneth,

    brill tutorial! Here’s a question…

    I now know how to create the background but how can I float my content over the top?

    I mean get rid of the block content panel and just have text and photos floating over the background as it scrolls?

    • http://webdesy.com/ Kenneth von Rauch

      Thanks for your comment, Chris. I believe I got the idea what you mean, but it would be great to actually see how it looks. Do you happen to have a link to the site (a test server or something) where I can see how it works now? That would help me make sure that I got your point and get back to you with a solution.

    • http://webdesy.com/ Kenneth von Rauch

      Actually you need to use the z-index css property to make your content be over your background. The greater the number, the higher the layer. So, you want your backgroiund to be z-index: 1 and your text, say, z-index: 2.

  • Craig Brown

    Thanks so much for the info on parallax.

    Does anybody know if there is an easy way to move images left-right-diagonal like in this website at bottom;
    http://andpublishing.com

    The best I can figure at this stage is that it’s tailor-made javascript. I’d love to be able to implement this effect in an easy fashion.

    • http://webdesy.com/ Kenneth von Rauch

      I believe you’ll need a custom JavaScript for that because it does not look that you’ll be able to do something like that in a really simple way.

      • Craig Brown

        I really appreciate your quick advice.

  • Pingback: 5 reasons why Single page websites are bad for SEO | Kate Toon Copywriter

  • JorgenGedeon

    This is absolutely great. Thank you sharing your insights. I am about to start on a project involving parallax navigation. Any tips on how to wireframe and plan for a website like this?

  • Kris Petersen

    This. Is. Amazing. THANK YOU!!!!!!!!!!!!!!

  • vicentedepablo

    wow what a post man. Some material to be proccessed indeed. Thank you.

  • Downtoearth2

    what if a want to display a slide show?how i do that?

    • http://webdesy.com/ Kenneth von Rauch

      Thanks for your question. As a matter of fact, there’s no difference. You could add your slideshow as if it’s not a parallax scrolling site. In case my reply does’t make any sense :) please give me a link to what exactly you’re trying to do.

Stunning Designs

Take the Course !

SEO Crash Course for WordPress Users

Visit us

Webdesy.com
Marine Ave 422, Manhattan Beach, CA 90266
0637863412

Scroll to top
AXGHQZA8UZK6