In this lesson we learn how to create a responsive navigation menu. For larger screens we use a traditional horizontal menu bar, but for smaller screens we initially hide the navigation until a “menu” button is tapped or clicked. For an overall introduction to JavaScript you can view this tutorial. For an overall introduction to […]
JavaScript Video Tutorials
Full Height and Width Web App Style Layout
In this lesson we learn how to position and size our elements to utilize the full height and width of the browser window. We use different layout and positioning strategies for this “application” layout than we would normally use for a traditional “page” layout. Link to demo page shown in lesson Direct link to CSS […]
Sticky Navigation Tutorial
In this lesson we learn how to create a “sticky” navigation which is another way of saying an element should use “fixed” position once it would normally scroll out of view. In this lesson we make use of JavaScript and the jQuery library for event handling and conditional logic. If you are unfamiliar with JavaScript […]
jQuery Variables, Functions, and Conditional Logic
This lesson picks up where our original “Introduction to JavaScript with jQuery” lesson ended. We learn how to use variables, conditional logic and functions to create flexible code. Link to demo page shown in lesson Note: The reveal effect shown in this lesson is not terribly useful in real world applications. Most tablets and smartphones […]
JavaScript and jQuery Tutorial (for Beginners)
In this lesson we learn what JavaScript is used for and how to leverage the popular JavaScript library named jQuery. View example page shown in lesson Direct link to “script.js” file Put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see […]
