Creating Semantic 2-Column and 3-Column CSS Layouts

by Jake Rocheleau

December 27, 2012 in Tutorials

Website layouts are not the most difficult part of coding a typical design. But unfortunately there are still not many standards set in stone for creating multiple column-based layouts. These are often put together through various CSS methods, but the most supported designs are using fluid width containers.

In this tutorial I want to look over a series of different CSS column layouts. We can see how to build websites using floats and direct positioning. Most common websites will utilize 2 or 3 columns at most, so that is what we’ll be focusing on. Along with these ideas you should feel comfortable trying out other CSS codes. There are new standards being written so frequently it can be difficult to gauge the best possible solution.

Read More

Tips for Improving Your CSS Code Comments

by Jake Rocheleau

December 19, 2012 in design Resources

Building a CSS stylesheet is not often the most difficult task when constructing a website. However putting together readable styles which still make sense months down the road may be a challenge. Web developers often get lazy and struggle to keep their documents organized.

featured photo css code comments and stylesheets

Thankfully there are some easy steps you can take to build your stylesheets with a very clean codebase. In this article I would like to introduce some ideas for writing clean CSS comments in your code. Commenting is a useful practice not just when coming back to your own files in the future, but also for other developers who are picking up your work. Play around with just a couple of these techniques and you will certainly notice a difference in the readability of your stylesheets.

Read More

26 Portfolio Project Listings for Design Inspiration

by Jake Rocheleau

December 16, 2012 in design

Designing a website portfolio can be difficult because of all the different options and various layout solutions you can choose. Ultimately you want to use a portfolio to focus on projects you have created, or are currently creating & working with. This showcase is helpful to people interested in your work.

For this gallery I have put together 26 inspiring portfolio project listings. Each page layout focuses on the projects and offering details for potential clients. Freelancers and agencies alike can learn and study from similar techniques already created online. If you enjoy the post and want to share some ideas feel free to drop a comment in the discussion area below.

Grain & Mortar

Grain and Mortar website portfolio

Read More
Page 70 of 233« First...6869707172...Last »