Tag Archives: webdesign
Elan Woman WordPress Theme
Elan Woman is now using a WordPress theme for their magazine’s companion website. This theme was a challenge because it needed to integrate multiple types of JavaScript image galleries. Different JavaScript solutions are difficult because they can easily interfere with each other and easily interfere with the WordPress built-in scripts. I also spent a lot [...]
Web Design Elements that Users Look For
Jakob Nielsen’s and Kara Pernice’s new book on “Eyetracking Web Usability” has proven some ideas for necessary element placement on your web pages. This book shows eyetracking data on the most important elements that you should place on all your web pages and where to place them.
Web design for your users, not for you
I see many blogs and articles that teach you how to use the latest technology tricks and how to use marketing techniques on your site. However, research on human-computer interaction has found that design of web sites should be based on user needs and goals. If you base your site design on user needs, then [...]
Updates to IE 9 will help web designers
The Internet explorer development team has announced that they are working copy of their upcoming browser will better support web design standards and CSS 3. You can find their announcement on the MSDN blog.
PHP and MySQL on Snow Leopard
I just got PHP and MySQL working on my computer. I am now restarting my web development business and I needed a test server running on my computer. Apache 2 and PHP 5.3 come already installed and compiled on Mac Snow Leopard. I followed the great tutorial found on www.dwfaq.info. I had to move a [...]
My New EdTech Blog Design
I have just updated the look to this, my educational technology blog. It has been a long time coming as I have longed to have a design that was personal rather than my updated, free WordPress theme from Scribble Scratch. I use a WordPress blog that has been installed on my web site account with [...]
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 [...]
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).
First Line Indent and Hanging Indent on your Web Site
Standard HTML formatting for text on a web site is that all lines are flush left. In order to indent or outdent the first line of an HTML block element such as a paragraph, you need to use the CSS property text-indent. The text-indent CSS property sets the indent size of the first line of [...]
How to Put Files on your Web Site
We create our web pages and other design files on our own computers. But once our files are working and we have checked the links and validity of our pages, We need to copy (upload) our web site to the remote server so it can be a viewable web site for others to see. The [...]