There are dozens of online training programs to improve your skills as a frontend or backend developer. But one incredible choice is Learn Verified which promises a job to each person that completes the program. The Learn Verified web developer track is built on Flatiron School’s curriculum. This teaches real applicable knowledge as used in […]
W3C standards have created a beautiful ruleset for web developers to create ubiquitous behavior in website layouts. These rules are much more commonplace and have been adopted by professionals in every area. Unfortunately the one area that is somewhat lagging is browser support. Modern browsers have jumped onto the HTML5 and CSS3 bandwagon as it […]
Company websites often have Frequently Asked Questions for people who don’t know much about the corporation or their services. Larger pages with Q&A listed together will often have a table of contents at the top. I don’t like this method because the pages end up long and sometimes confusing to navigate.
This tutorial is based around a similar idea, but using toggle effects for each question. As the user clicks on a question the answer will slide down and toggle into view. Users can also click already-opened questions which toggles them closed again. This technique is perfect for saving room on the page while cramming together an assortment of helpful information.
HTML5 and CSS3 web development has pushed the boundaries of what is possible online. Modern browsers have also jumped aboard the bandwagon to support a multitude of these newer effects. As a designer I have been amazed to find crazy CSS-based projects online. Open source is driving the future of websites and how we design layouts.
I was browsing through websites one day and came across one really interesting feature. Jennifer Perrin has a small blog on her website which uses a fixed top navbar. In the center you’ll find a profile avatar photo which displays her full author bio(triggered by hover). This is a really interesting feature and I’ve set out to replicate the idea using jQuery.
So in this tutorial I want to demonstrate how we can build a very simple HTML5 webpage recreating a full author bio display. The entire bio container is hidden until the user hovers over the avatar photo. Take a peek at my live demo to see what it should look like: