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:
Tweets by DevTipsShow
Travis also tweets:
Tweets by travisneilson
Original source
33 responses to “How to Build a Responsive Website From Start to Finish – Testimonial Javascript – Part17”
Your an inspiration man!
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?
Thank you, Travis
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?
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 ).
at the javascript part, is there a reason why "position" doesn't have a $ and all the other variable names do? (around 21:30)
the real question is who didn't know who scott summers is?
best ending EVER!!!
Amazing as always!
Awesome 🙂
great session, but i got as usual all confused by the js things… do you have tuts about it so it will be much more easy 4 me and few others in the devTips galaxy 2 understand??
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 ?
this project is gonna get definitely awesome!!!!
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!
hey, love the series of videos. one thing to point out – you can access the state of the loop in liquid, so there's no need for javascript to annotate the "first" of a set of things:
{% for client in site.data.settings.clients %}
<div class="client-unit{% if forloop.first %} active-client{% endif %}">
see http://www.rubydoc.info/gems/liquid/Liquid/For
Another great tutorial, I learn quite a lot !
Thanks again Travis!
Hey ive been trying to setup bourbon will sass and i installed it but is it compatible with sass syntax not scss?
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!
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 !!! 🙂
the end put a smile on my face haha
the way you do the coding and explaining the use of it.. is kinda great! keep up the good work Sir!.
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 😉 .
انت رجل اكثر من رائع
اتمني لك حياه سعيده
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
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.
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? 😛
Hey Travis! Another great video.
Do you have any plans on creating a video about your workflow, organizing stuff and your favorite frameworks?
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.
you make it look so easy 🙂 great vid 🙂
Any plans to do a Javascript/jQuery series? Your teaching style is easy to learn from. Thanks!
Great as usual. Question: Why did you do that complicated box shadow instead of maybe padding and a bottom border?
This series is getting longer and longer as well as your Beard. :p
Guessing you gonna end this series when your beard will touch the ground. Long way to go my friend :p
Awesome! just finished watching 16 😀 that's what I call timing ^^