jQuery and a Responsive Footer

Computer CodingSome footers have a simple design. They have navigation and copyright. Other footers are more informative. In Developing a Responsive Website: The Footer, Scott Stanton shows you a footer design that has three sections: navigation, tweets and contact info. The format of this footer is simple and informative. It doesn’t overwhelm you with too much information. It simply directs you to information that you may need to learn quickly about this site. He used HTML5 and CSS to build the footer.

In part 2, Scott takes it further by adding jQuery and responsive design. Creating a Responsive Website: The Footer Part 2 breaks the process down into two parts. First, you learn how to create and add the twitter feed. Then, he shows you how to change the CSS to make the footer more responsive.

This two part tutorial shows you how to incorporate jQuery and responsive design into one section of your website. By focusing on one section of your site, you can learn what works and then apply it to the rest of the site. Small changes can be easier to do than over-hauling an entire website. Sometimes you can learn a lot when you start with a small change.

3 CSS Techniques To Help Build Better Sites

CSSWhile looking for tips on CSS, I found 3 articles that can help you build better websites with CSS.

  1. As mobile sites and applications become more important and readily used, web developers need to focus on learning how to develop for mobile. Flexible Mobile – First Layout With CSS3 walks you through the design process and gives you tips and hints on designing for mobile.
  2. Every web developer needs a collection of coding techniques. CSS is no exception. At noupe.com, you can grab the Useful CSS Snippets for Your Coding Arsnel. You’ll need a place to save your snippets here are 25 Handy Tools to Paste and Share Your Code Snippets.
  3. @FontFace allows you to specify what font or fonts you want your site to use. The new bulletproof @FontFace syntax shows you how to use it so that it works in most browsers (mobile and desktop) without issues.