How do you debug your HTML and CSS? I am sure you’ve heard about Web Developer Tools or at least heard the term Inspect Element.
You might be very familiar with the html and CSS views and today we’ll look at the Console and learn how to debug the most common JavaScript issues.
Knowing how to select an element on the page is great, but even more exciting is learning how to do something with it.
In this post we’ll cover exactly that.
So you’re new to front-end development? Feeling proficient with HTML and CSS, but JavaScript is the one thing that you’re struggling with?
Whether you like it or not, JavaScript or jQuery knowledge is increasingly demanded from every front-end developer.
Is the default Skrollr anchor guide too confusing?
Try my new Skrollr cheatsheet to help you understand how Skrollr actually works.
My recent research confirmed that 99.9% of websites have at least one button. Interesting right?
But how many sites actually have a more creative hover effects than the standard color change or fade between two colors? Not many.
Have you seen the stunning Sony “Be Moved” website and asked yourself “How did they do it”?
As you can read in my deconstruction, the animations are actually a static images exported from a video and rendered on the page in a sequence of images.
So how do you create an image sequence from a video file?
Lets find out, it’s actually pretty simple.
Are you building a one page parallax scrolling website and getting concerned about your page load time?
Lets be honest, the one page websites can get quite bulky very quickly even when you optimize everything.
You might be also interested in How To Make Page Transitions in HTML – Barba.js and GSAP3 Tutorial
Continue reading
Do you want to scale an element on page scroll? You can learn how to do it in my guest blog post published on David Walsh’s blog.