In this tutorial, we create an animated fixed header that will resize on scroll. When you scroll down the page a bit, the header resizes smaller with CSS3 animations, and gets back bigger when you scroll back to the top.
In this lab, we build tabbed content sections using some jQuery and CSS. Tabbed content areas are a great way to pack sections of content into a neat, concise area with a nice user experience.
Adobe Brackets is an open source code editor by Adobe. It’s lightweight, fast, and free, and has a streamlined process for front-end development.
The google map builder by Donald Sutherland. Build custom google maps for your website in just minutes.
In this lab, we build a simple responsive navigation menu using HTML, CSS, and a bit of jQuery.
In this lab, we take on the classic drop down menu, but with a little animated slide using jQuery.
A single page site with smooth scrolling, and highlighted navigation links depending on which section is currently being viewed.
We're going to make a search bar that expands with CSS transitions. The search bar is initially hidden from view, and when you click the search label, it smoothly expands into view.