You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out!

Jun 19

London @media 2006 Good Design vs Great Design

28 comments 2006 at 04.25 pm posted by Veerle Pieters

Just got back from Paris today. After @media London, we decided to travel a bit and go to Paris with Dave. It was an honor to speak on @media about design with 2 of my favorite colleague designers Jon Hicks and Cameron Moll.

Jun 12

Updated Link section

29 comments 2006 at 02.04 am posted by Veerle Pieters

Almost two years ago I created a PDF document full of handy CSS resources. Most of the links are still ok but I personally found that it was high time for an update. In our everyday work life we discover so many new links to bookmark. Personally I always have a hard time finding back my links in those bookmarks when I need them.

May 22

Netsquared project part 2

22 comments 2006 at 12.27 am posted by Veerle Pieters

As promised this the sequel to our chat about the Net2 project that I finished a while ago. In part 1 I talked about creating the brand/identity for NetSquared so if you didn’t read it,  I suggest that you go there first to get a better understanding about the project. This part will be about the creation of the website. Once you have the final logo and colors beaten down you’re all set to start the design phase of the website.

May 09

Expression Engine updates

24 comments 2006 at 04.08 am posted by Veerle Pieters

Work has been using up most of my time lately but I finally created some time to do a little work on this blog. Sometimes there are moments that you would like to drop everything work related and just play in the sandbox that this little blog is. When this blog launched in this design on March 1st I told you that I still needed to do some work. Well the first thing that I took to the drawing board are the search results and advanced search page. Before today these pages we’re still in the default look that you get when you install ExpressionEngine.

Apr 30

The XHTML/CSS template phase of my new blog, part 2

34 comments 2006 at 12.46 pm posted by Veerle Pieters

In part 1 I’ve showed you how I divided the design into different container div areas. In this post I’m going more into detail on the CSS/XHTML of the horizontal navigation. As I mentioned already in part 1, I use a technique called the Navigation Matrix written by Didier Hilhorst. In this technique, you use only 1 background image for the whole navigation. This background image is then placed to its pixel precise position using CSS background positioning.

Apr 24

The XHTML/CSS template phase of my new blog, part 1

46 comments 2006 at 02.06 am posted by Veerle Pieters

Most of you might already know that if you create your pages using CSS, you need to switch off ‘slice-mode’. Slicing and tables are yesterday’s news if you are a web professional. I guess I don’t have to explain why, so we move right onto the practical question: How did I start converting my blog design? First you need to analyze your design and define the areas that will be converted into a container div using an ID or a class.

Apr 18

Internet Explorer 7 and phantom spaces when using lists

28 comments 2006 at 03.05 am posted by Veerle Pieters

Microsoft released a new Beta preview release of IE 7 at MIX06 a few weeks ago and said that it is feature complete and that no stuff will be added anymore. For me this was the perfect opportunity to test how my blog renders with this new version. For those who have no intension to read further I can say the browser is doing very well and there was only 1 minor issue but more on that later. There are still some bugs left but to me it is surprising that Microsoft is actually listening to us now and that alone is a very welcome change. The IE team has also set up an Internet Explorer Feedback site and issues reported during the IE 7 Beta 2 will be looked at. They will do their best to fix issues reported. So that’s why I wrote this article.

Feb 01


2 comments 2006 at 12.02 pm posted by Veerle Pieters

FACE stands for: Faruk’s Animated CSS Enhancements. It is a technique that combines JavaScript with the flexibility of CSS. It’s a way for designers to create animations without having to know Flash or JavaScript, so you could say that it fits in the world of and MOOFx.

Jan 03

Web standards article part II

14 comments 2006 at 03.36 am posted by Veerle Pieters

Now that my article about web standards has been published I’ve given the opportunity to write a follow up for Inside. The editor and I thought that it would be a good idea to probe some thoughts from my readers first to get a bit of a consensus.

Nov 22

Div thinking cap

39 comments 2005 at 05.53 am posted by Veerle Pieters

Time for a bit of CSS styling fun! When working with CSS you need to have the ability to analyze your layout and see how you would place your div containers. That’s what differs from working with a classic table layout. You need a whole different approach and think more in terms of containers. Stop thinking of how you’ll slice your layout, start thinking on how to put each graphic into a container… How much containers do I need without overdoing it?

Page 2 of 6 pages  <  1 2 3 4 >  Last »