To all, stop pressuring Travis for silly jake wary vids please ffs. . Javascript alone is like a bicycle which I love to ride, whilst 80% of Javascript programmers don't wanna take off the training wheels which many of us didn't need to use to aid programming logic at all unless it was for cross browser and that would be for one or two funcs anyhow.. Yes training wheels are jquery, sorry if that hurts but it's been years upon years, more than 14 years and it's helper library hell which makes people lazy that's why there's so many seminar programming vids on RU-vid that in reality cost people and companies lots of money to teach their employee's that should have already learned all that cap already, how do they even have a job because most seminars sorry to say seem 101 basic Javascript and many times talking about types which is at the beginning of every programming literature and does not only apply to Javascript at all, if many learned php long ago without being lazy they would realise Javascript and php are cousins. .
Agreed. People still treat modern JS as if it's first generation JS. These days, it's just as easy to write some DOM functionality in Vanilla JS and CSS as it is in jQuery. Besides, with modern CSS, people are still doing stuff in jQuery that CSS was practically built to do. I mean, really, I've seen some people use jQuery to just do a basic transition animation (something that is stupid easy in CSS). The modern Web APIs are very robust, and cross-browser functionality is nowhere near as big of a problem as it was a decade ago.
Sorry for the silly question, but can anybody tell me how that JS sintax: $('.nav-li').click works instead of using document.getElementsByClassName('nav-li).addEventListener('click' ..... I tried the first way and didn't work for me
You should know that there's a typo in your title. You have Notifications, Alerts, Menus, when it is really about Notifications, Alerts, and Modals. Awesome video btw.
Hey Travis! Quick audio suggestion: Insert an equalizer (EQ) on your music channel to reduce high and mid frequencies so your voice cuts through better. I'd suggest a High cut filter at 16-17khz (it's also called a Low pass filter or LPF) and a dip around 3khz (maybe -3 o -4 db) with a low Q value (it looks wider and affects more frequencies). Hit me up if you need any help ;)
1) 3rd example: I'm not sure if it's my browser, but in your codepen, the .text on .alert-element only swings out (i.e. rotateY transform) only the first time you click anywhere on the .grid. After that, the .text element feels attached to the .icon with no swinging. Not sure what the cause of this could be. Running latest chrome on osx 10.11.4. 2) 1st example, Jade: I am not really sure why did Travis write (li.is-active: i.material-icons star) instead of (li: i.material-icons star). I.e. why do you need the is-active class on that li from the beginning, when it will be appended by the JS code upon click anyways. 3) 1st example, SaaS: not very sure why is (&:last-child border-right: none) needed. I don't see a border-right on the right-most element when this is removed anyways. I'm new to this, so please don't get offended if I'm asking stupid questions.
As a Graphic Designer, thought web designer and now transitioning to UX design. Remind me again, the difference between each code language (HTML,CSS,JS) and the purpose they each service if not capable of have one language do it all? What UX software, video tutorials (if done by you) and technics can you recommend I take up in my learning? Thanks
I'm curious, what's your opinion on Treehouse? I use them currently. (Not the techdegree though, ridiculously expensive. I'd rather use that money for college savings and get an actual degree)
Great tutorial. The bounciness/jiggle whatever you want to call it could also be achieved with animation-timing. Using a cubic-bezier curve, usually a lot easier and more controllable.
I came here straight from Treehouse no joke haha. Just on a regular sub though. I have to be honest though, it's very hard to follow along with such complicated CSS as a base. It was much easier to follow and to code along with the previous videos.
Hey Travis, I just found you channel a while ago and was hooked immediately by your content, even thought I'm just a beginner, I only HTML and basics of CSS & i'm wondering if you have any tips on where to go in order to develop, and recommended sites or channels maybe, thanks in advance ^_^
So, im right now learning frontend development and if you really want to get serious about that stuff, then my tipp would be to buy books, get into some video learning platform and even more, find a teacher. Only those people can show you your failures when you do them and only they know what would be right as your next step. I have learned 10 times more than i have learned when i was alone, since im at my work/school place.
I'm taking Python on Treehouse Travis; I wanna take Java later(perhaps after 9 months of py), followed by JavaScript, CSS & html. It that a good path for a solid foundation? And also, how long it took u to move on to your second prog. language?
If the modal was functioning like a real modal (javascript controlling the modal popping in, and javascript controlling the modal closing), how would I add an animation to the modal closing? Here you used the 5s timer which makes it a lot simpler.
Travis you are the best teacher I have known.. You make learning so much fun! You are changing lives! Thank you for almost replacing Netflix from my life! DevTips is better any day!!
Great stuff. These examples are popping up all over codepen. And thanks for making all of these super useful tutorials. I wouldn't have my new job if it wasn't for you. I'd still be waiting tables.
I'm a bit confused to when should I use transition and when to use animation. For example, on the last case the different "pauses" in the animation created the "bounce" effect, where as when using transition you achieved the same with the cubic-bezier. I guess my question is, regardless of what you want to achieve, when should I use one or the other? Great video! Thanks a lot!
Good job! It's nice to see how you embrace such necessary topics. And at the next video please tell us how to show progress exactly in percents(some js might be required),besides other stuff. Thank you bro!
Hi there Travis, love the videos and how easy you make them for people to understand! I would like to suggest a topic that is - how to use jade and sass on a simple project - My question is, where will it be processed? On my editor upon saving? On the server? Thanks!
Hey Travis, what a great video...again! I am more of a app developer than a designer. Meaning that I build a lot of forms, so could you please make a video with your ideas about form and form element presentation. That would be great. Thanks again for all the inspiration you gave me!
I actually went on CodePen to seek for some icons to use in a WYSIWYG editor for Ghost project and came across this example haha, didn't notice it was yours. I decided to use font-awesome since I'm still an SVG newb.
Thanks for sharing!!! Very nice tutorial and thoughts!!! If can I suggest a theme, may you show a tutorial to make or improve select boxes with these animations. One more time, thanks for your great work!
Very interesting and this is from someone who has years of experience. This how learning should be. Real life demo along with developer asking question of how to improve something and demonstrating it. Well done, very enjoyable too!
Great video, as with all of the animation series so far. However, I feel a little sorry for you, since you really leave the impression that you don't get enough sleep doing your day and night time "job" all together...
Is there a way to donate but not on every video? I love your work and would like to donate but I can not afford to have a donation for every single video(I'm a college student).
Don't think about it much. If I had to guess, I'd say that some people don't like my antics and just want my knowledge. so they get annoyed when I take too long to get to the point. I really don't care tho. I could make a video that got all dislikes and I wouldn't even notice.
Hey Travis, as per usual I'm really enjoying your videos, but I also know that you worked with Adobe XD in the past. I am a Windows fanboy and was wandering if you had any insight on when it's coming out for that OS.
Travis--really appreciating the content. I'm learning tons. One of the things I'm struggling with is how to animate an element from another html file. So for instance, maybe I'm coding a personal site and I want to click the "about" link in the header and affect the opacity of one of my sections. That might be beyond the scope of this series but it'd be nice if you could cover that some day (or if you have already, point me to the tutorial).
forget jake warey, learn it please, learn it fast because it due to jake warey why ecma took so long to progress. .. You guys need to leave toddler jquery programming alone because no one cares about browser compatibility unless they are making a shopping cart Web site/ mobile site
Travis using jquery to finish the video in a good time and he knows many people know jquery and for the love of life are lost writing javascript with out the helper functions that jquery provides.. I could never adore a programmers skill if jquery makes up the whole page..
Such an interesting video! I love the ones where you focus more on the design/decision-making rather than on the how-tos :) I hope you'll enjoy making these devtips again soon man ;) Having fun gotta be priority one!
You are ridiculously good at animations Travis, it's hard to not to get excited about animations after this kind of master class ;) All I know is that I need to practise, practise, practise and I will! :D
I'm just curious, I actually love Teamtreehouse, but if there are negative opinions, i want to know if there is somwthing i should be keeping an eye for?
Never been so early before. Travis. I want you to know that you inspired me to do SO much in my life. I thought I'd never make a website and I'm currently making my own portfolio website. Thank you so much for your content and I hope you the best in the future!