Category Archives: Technology
HP All-in-One Printer on Mac OS 10.6
HP printer/scanner drivers for the all-in-one models are, at best, pure hell to install and get working. I have the HP Photosmart C4280 all-in-one and installing the software was impossible lately. It especially became impossible when I recently updated my computer and to Snow Leopard.
No More Internet Explorer 5 & 6 Browsers!
A couple of weeks ago, I started adding code to my site telling users of the Internet Explorer version 5 and 6 should upgrade their browsers.
CSS3 and HTML5 Cheat Sheets
Smashing Magazine has released printable Cheat Sheets for CSS3 and HTML 5. I recommend you use the links I am giving here so you can down the PDF files and print them for yourself. Even though the new specifications are not finished and they are not finalized, it is a good idea to familiarize yourself [...]
Check your web site in lots of browsers
I always tell my students to check their web sites in many browsers, but we are limited in the browsers and number of browser versions we can have on our computers. For example, I am a Mac user and I cannot put Internet Explorer on my computers. The problem is that older Internet Explorer (IE) [...]
Image Gallery Web Page Code
Image galleries are an important component to many of our web site, especially mine. The problem is formatting them so they look right in every browser, with any content that follows so it does not wrap around the image gallery. Based on my experience, you should start by placing each image in an unordered list. [...]
Embrace your Geekness Day
Today is Embrace your Geekness Day. This is a day when you celebrate your ability to understand and use technology. These days, you need to become a geek to succeed at work. That is why I have so many different kinds of students in my non-credit web design classes. This is a day for yourself [...]
It is important to use HTML Headings Properly
Example of relative sizes found in HTML headings When you are formatting your web page, you need to create structure with tags like headings, paragraphs, blockquotes, and divs. When I teach new web design students, I usually have one nay sayer who says that the order of heading tags does not matter. Not so! Just [...]
HTML Expandable Box with a Drop Shadow
It is a little complex to create an HTML box with a drop shadow. It is complex because you need the design with the ability to edit the text inside the box. You also want the box to expand vertically as content is added.
How to Wrap Text Around Images in your Web Pages
The best way to position your Web images so text and other objects wrap around them is to use the CSS property of float. You can float either right or left. You can then add margin to add some spacing between the floated image and page content. I have created some code for you that [...]
Single Column Web Page Layout with CSS
In an earlier post, I gave you Illustrator layout templates to easily allow you to design your web site. I now want to give you the HTML and CSS code to create a single-column web page from your exported slices from Adobe Illustrator.
Web Page Wireframes with Adobe Illustrator
I use Adobe Illustrator to mockup my web site designs. I prefer to use Illustrator because Illustrator is designed to create layouts, whereas Photoshop is not designed to create layouts (in my opinion).
CSS Back and Forward Buttons on your Web Site
Many web designers still use tables to format their Back and Forward buttons at the bottom of their web pages. Tables on your web pages are fraught with problems, including some serious accessibility issues. Example of Back and and Forward Links I have coded a couple of simple CSS (Cascading Style Sheets) solutions to this [...]