How to Build a Responsive Website From Start to Finish – Testimonial Javascript – Part17




AAAAHHHHHH!! Javascript and other stuff!!! Today we make the client testimonials go swooosh, swooosh!!!

DevTips is a YouTube show about web design and development.

“HTML5 Basics” Playlist:

“CSS Basics” Playlist:

“How to build a professional website from start to finish” Playlist:

—-

Follow the DevTips GitHub Page to get all the codez:
https://github.com/DevTips

DevTips now has a twitter account:

Travis also tweets:


Original source


33 responses to “How to Build a Responsive Website From Start to Finish – Testimonial Javascript – Part17”

  1. Hi, Travis. It's awesome series (and DT channel!), I really found out a lot from your vids. Thank you for your work! But I'm a little bit confused with your decision in this video about using absolute position for '.client-unit'. I mean what if we have more sentences in the content of p? It'll make the whole block heigher and it just could overlay the next section. Why didn't you use ajax here, for example?

  2. Is there a WordPress Plugin that can do something similar like this. Like when you click on an image that then a text appears in a carousel form like displayed here?

  3. I cant understand the animation part I'm trying to recreate this content slider and I did successfully html and javascript part , but when it comes to animations I cant get the logic how  this slider units appear animated when the class has been dynamicly added? please respond..( p.s trying to follow with pure html css ).

  4. Howsit Travis , quick question – I've been doing a website for a company and have taken 2 aspects of the artist theme website and combined them- first I have the "portfolio belt " setup and when you click on a button, it slides across with the page for that button, as how you have done it for the work section. Now I've tried to add your testimonial technique onto that new page however I've run into some issues – the included and for loops weren't working ( they were just being printed) so I added the Jekyll front matter on top of the proj-1.html, this worked however now the JavaScript won't run at all. I've tested it out by making a test html page which I included the exact same mark up and it works. Any suggesting as to what could the problem be ?

  5. nice video!!!
    i´ve been away for few days… was emerged on codeacademy doing the HTML/CSS basics and started JS

    things started to make much more sense.
    and also made me appreciate your video even more!

    thanks for the video!

  6. I found this series one week ago, and over the last 7 days I have powered through in my spare time and finally caught up. I just wanted to express my thanks to you Travis. This series has been a great learning experience for me. Coming into this, I was not familiar with Jekyll or Sass, so I've been learning a ton. Thank you!

  7. Hey travis! You are doing awesome things .. I am excited to see part 18 . And another question that i want to ask you is :
    "I am developing something like inventory management system working with database" So, can i use jekyll for that purpose? Expecting some idea from you 
    I want to say again that you are awweeeeeeeeeeeeeesoooome !!! 🙂

  8. Ohhhhhh yeaaaaaaaa sparkling sir !! , i have a mood question , if i want to make it sliding automatically , would it be better if i used timer in java or it's just a css hacky way , swoooooooooshed 😉 .

  9. not again  …. more stuff i have to change in other projects because of these better ideas grrrrr  i think i'll stop them till this series has finished lol.   btw not in the playlist agin hehehe

  10. Well recently I have been getting more comfortable using CSS in my day to day work, but Java Script!!! – That's all so New¬
    Once this series of videos concludes, maybe you could take us back to the start with Java Script and show us the basics.

  11. Wonderful ending 😀 I wonder which shortcuts you are using to jump into curly brackets when you create a class or when you just select the whole word by a keystroke.. How do you do this stuff? Seems to be very comfortable!
    And why don't you use Php? I think some stuff would be possible with Php instead of js.. Or are you just not in love with Php locally? 😛

  12. Hi! Love your vids, quick question though: in line 88 of functions.js – if(position < clientNum -1){ – there is this "<" (less than) sign even though you kept saying in the video "greater than". How the hell is that piece of code working? 🙂 I'm a beginner at JS and thinking about it it should be indeed > rather than < and yet it still works. Thanks.

Leave a Reply