Group items tagged

This page gives you some instructions on how to make your css clean and more user-friendly. It is a resource on the www.webcredible.com page and there are also other lists of resource tools on the left hand sidebar of the page. I will use this website for my professional page.

This site is exactly what the title suggests; it provides a list and description of a number of useful CSS Hacks. While I don't know that I'll be using this site for the current projects, I believe it will prove helpful for future CSS work beyond this class.

This site has a list of free CSS templates. I think I'll be using one to construct my revised professional site

Free! Well, this takes part of the thinking out the design progess. This site offers free css templates that you can preview and then download if you'd like. Something to try next time you are in a crunch.

I found this site from a google search: "css image icon horizontal list." I was looking for a way to use images in a list." While the search was fruitless in this respect, it explains, in detail, how to hadnle a variety of lists. Examining the code may be helpful in deciphering why your lists may/may not be working as you desire.

This list-o-matic website, used ironically enough, to create lists on your webpages, is exceptionally useful, if you haven't used it yet. It is found on the accessify.com site, and you can copy/paste the url at the top of this window. I may be using it for my page.

This is a pretty useful horizontal list posted on Listomatic by John Siegel. When hovering over list items, the font fades to white. I'm pretty sure I'll use this on a site somewhere, manipulating the colors to fit my desired design. I found this through a google search: "css horizontal lists"

This is the HTML and CSS codes for Horizontal tab menus. When you copy the code, you have to make sure that you save the two images so that they may be used as the background images and also make sure that the image is directed correctly in both the HTML & css or you wont get the cool effect. I do plan to use this in my professional site.

This article, written by Alan Pearce for A List Apart magazine talks about how to implement a multi-column layout. I want to use three columns for my Zen CSS page, so I'll be using this trick for sure. I hope it's useful.

"Faux Columns" by Dan Cederholm of SimpleBits discusses "[a] simple way to make CSS columns appear equal in length, regardless of the content that they contain." This technique requires a good amount of skill in positioning elements on a page and understanding the nuances of the background image. Found at: Zeldman and A List Apart I'd like to try it, but don't anticipate using it any time in the near future..

This is an awesome list of tricks that supplies the code and what your text and page will look like after. I plan to use many of the tricks on this page especially number 7 for the layout of my zen garden site.

Tutorial for laying out inline list items

Keeping usability for stumblers, browsers and surfers in mind when creating a website can be an exasperating task. Doing so shouldn't have to be so frustrating... What follows is a list of how to improve your site's usability without going crazy!

For those who are interested in having a photo gallery installed on their portfolio/professional page, please check out cssplay.co.uk. Scroll down and copy the code provided below, and you can have a photo gallery (which consists of an unordered list code) viewable to employers, etc.

As we learned in class the other day, a page must be able to handle smaller and larger text sizes appropriately. Some of our pages, mine included, looked like they were too small when the text was increased. This article, shows you how to change text size on your own. You may or may not need it, but it certainly helps to use it if you're not sure if your page will look right with larger text.

I know we should be recommending CSS tips and such, but please check out this short article by Jim Ramsey about flow in web sties. It's very akin to Web ReDesign 2.0 (for those of you who bought the book), which talks about the psychology of users - Kelly Groto and Emily Cotler both speak about the utter importance of a site that affords fluid, easy usability.