Responsive HTML/CSS Parallax Website From Scratch

Responsive HTML/CSS Parallax Website From Scratch

By  |  February 6, 2018  |  Website Designing  |  Comments

➢ STARTER FILES: https://goo.gl/nUKdtX

➢ HTML TEMPLATE/FRAMEWORK: https://goo.gl/xiB3IP

➢ SUSCRIBE: http://goo.gl/Y2rJSj
➢ SURVEY: https://www.w3newbie.com/survey/

➢ FACEBOOK: https://www.facebook.com/w3newbie/
➢ TWITTER: https://twitter.com/DrewOnCue
➢ INSTAGRAM: https://www.instagram.com/drew_ryan_/

In this video we’ll learn how to design a responsive HTML and CSS parallax website from scratch using HTML5 and CSS3. The website design also features a jQuery image slider and navigation that will both transform at the mobile or responsive width of the website.

Sublime Text: https://www.sublimetext.com/

About the Author: Gao Zhixi

17 Comments

  1. KomsKala Kangeman

    on February 6, 2018 at 4:00 am -

    please one more tutorial for 3d website please... you the best bro....

  2. Chandan Singh

    on February 6, 2018 at 5:41 am -

    How you are viewing this website in multiple devices like iPhone nd iPad.. is there any extension?? At 1:32:00 from drop down devices!

  4. Arthur Fisher

    on February 6, 2018 at 6:10 am -

    Could you give me a link to that software on the right with blank background. I have been trying to find that programming software. Please let me know, thanks.
    Cheers!

  5. Don Filer

    on February 6, 2018 at 6:35 am -

    I'm not sure if your code doesn't work because some of the code you (suggest/use) has been depreciated, but after spending a good amount of time trying to track down why I cannot see the previous and next buttons or the background images, I am disappointed.

  6. Mustang Sally

    on February 6, 2018 at 7:28 am -

    Could you please send me all the download links for the software used in the video?

  7. Ibrahim Houri

    on February 6, 2018 at 8:17 am -

    Hey >
    thx for this amazing video . . .
    i want just ask you if i can copy your photo slide and use it in my website . . .
    i forward to your answer

  8. Dylan Els

    on February 6, 2018 at 8:30 am -

    Awesome tut Drew! Really digging the content. Just wanted to ask how to change the colour of the navigation bar. I need it in line with a client's CI. Thanks for the helpful tut.

  9. WorldClimb

    on February 6, 2018 at 8:48 am -

    An hour and a half well spent! Great video. As an old HTML/PHP coder, HTML5 is kind of confusing, so this was just what I was looking for. Funny part was they kept playing wix.com ads throughout. If felt like they were suggesting I'd never get it. lol.

  10. Dallas McEnany

    on February 6, 2018 at 9:00 am -

    just finished your second tutorial. I am getting a better understanding of how a front-end developer work feels like.

  11. John Thangminlun

    on February 6, 2018 at 10:42 am -

    I always like the intro - the part where you show your phone. It comforts me haha

  12. Chuck

    on February 6, 2018 at 11:04 am -

    I like your videos as you made the whole lot. Thank you!!!

  13. Robel Tesfaye

    on February 6, 2018 at 11:08 am -

    Thanks for the tutorial!

  15. Dwayne Melendez

    on February 6, 2018 at 12:20 pm -

    Drew, I am not sure what is going on. The site really bad on mobile. It think it has to do with the bx loader error.

  16. Hackerz Network

    on February 6, 2018 at 1:02 pm -

    can you create video on smooth scrolling effect or customize scrolling

  17. Alex

    on February 6, 2018 at 1:09 pm -

    I'm done!

    Killer tutorial!!! You just saved my life 'cos this is the project I completed for school (due next week!)
    Thanks very much.

Leave a Reply

Recent Posts

Recent Comments

Archives

Categories

Meta

img
INDesign DiGiAgency aims to provide useful and powerful tools and solutions that can help online and offline marketers reach out to more clients, market their products and services and boost website traffic. We have maintained a good reputation in providing excellent and high quality services to our clients for years. Should you wish to learn more about us and our services, feel free to contact us or sent us a message. We would be happy to talk to you.
INDesign DigiAgency, Incorporated
a Division of INDesign Marketing Services No. 1 Scotts Road #24-10 Shaw Centre, Singapore 228208
Monday – Friday: 9am to 6pm
Saturday: 9am to 1pm
Sunday: Close
Phone:+6597335129
Email: support@ indesignmarketingservices.com
INDesign DigiAgency