There’s a lot of scripts out there which will allow you to swap out one content area (div) for another when a link or button is clicked. However if you just want a nice simple div swap no Javascript is necessary, all you need is CSS and HTML.
Continue reading “How to swap content areas (divs) JS free” »
How to swap content areas (divs) JS free
The Zen of CSS Design Review: The Best of Both Worlds
From what I’ve found most web-design books fall into one of two camps:
Those that focus on code.
These books go into detail about how to put together the “guts” of your website (which is very important). When it comes to books on JavaScript, PHP, and other programming languages, I don’t really expect a bunch of stunning looking designs, and discussing the graphic design side of web-design would just be off-topic. However in a CSS book, or more general web-design book those things are quite appropriate.
Continue reading “The Zen of CSS Design Review: The Best of Both Worlds” »
Create Custom Favicon Icons
I’ve had clients ask me “what are those little images that show up when I bookmark a website” and wonder how they can get something more interesting than the boring default bookmark image.
Continue reading “Create Custom Favicon Icons” »
Design Resources: Adobe Kuler
Whether you are a web-designer, or graphic designer, there’s probably been times that you’ve been at a loss as far as just what colors to use in your next project. Even if you have a basic idea, Adobe Kuler can be a useful resource.
Continue reading “Design Resources: Adobe Kuler” »
Website Redesign in Photoshop Step by Step Part 1
I’m in the process of overhauling the design of both this blog and the rest of my portfolio. I will detail how I go about redesigning my website step by step.
The first stage of the site redesign is just a very simple Photoshop CS4 mockup, which you can see below.
It’s just a white content area with a light blue background, nothing fancy, or what I’d call pretty yet. It is good practice to start out with just the most basic layout and work from there. Some designers will start out sketching their design by hand first instead.
Continue reading “Website Redesign in Photoshop Step by Step Part 1” »
Web-Design Pitfall! Browser Testing.
One mistake that a lot of new web designers make is not testing their sites in a variety of browsers. This may be an especially easy trap for Windows PC users whom all have some version or other of Internet Explorer pre-installed on their computer, but it is certainly a trap that any web-designer can fall into.
Continue reading “Web-Design Pitfall! Browser Testing.” »
Fonts: A Text-Based Dillema
If you design websites, then sooner or later you will notice that the text on your pages (and everyone else’s for that matter) does not look completely uniform from one browser, or computer to the next. In some cases there may even be quite drastic differences in how your text looks on someone else’s computer.