There are a many roads that can lead to becoming a web designer. Some start off as programmers and then see the need to "design" graphics for the sites they are building. While others start out learning about color, kerning, and strong visual layouts before learning how to "code" — this is me. Whichever direction [...]
CSS code to center a div horizontally and vertically
Download a Lightbox of Images from Istockphoto Thank you for visiting Design Clipboard This video will show you how to download a lightbox of images from inside iStockhphoto. Recently I created a lightbox in iStockphoto and I was looking for a way to quickly download the images. I was trying to put together a contact sheet PDF so that I could discuss image options with a client. Surprisingly this feature does not exist and so I had to open and save each image individually. The more images you have the more time you lose.
CSS 3 Columns code. Add this code to your page to divide an area into 3 equal thirds. Similar to having a three column table.
CSS 2 Columns code. Add this code to your page to divide an area into 2 equal halves. Similar to having a two column table.
Show content only when a condition is met. This can be teamed up with other conditions to include one sidebar.php file with all of your secondary navigation, and then show the proper navigation on a certain page. The code above also makes it easier to add HTML between PHP without the need for echo
Let’s say you have a sidebar included on every page. The php code above displays the sidebar nav only if your browser is pointed to that page. The JavaScript underneath will then set the current page active by adding a class name to it, which you can then apply your styling in CSS.
When building websites for clients you will often receive word documents full of special characters. Without the proper HTML character code, your symbol could display improperly. Common symbols I look for are registered trademark, copyright, quote marks, em and en spaces, and left and right symbols. I would generally type in the name of the [...]
A list of commonly used used web font stacks to help choose the best typography for your site. Grouped by their preferred usage of headlines vs. paragraphs.
Do you have a folder of images that you would like to rename into a sequential order? The OSX finder is somewhat limited in the file renaming department… Which is why I love this tool called NameChanger. I often have a folder of a bunch of images that I need to link up in a [...]