A fantastic list of 13 typefaces which make for good designs. As you might expect - a very nicely laid out post as well.

Helvetica was created by Miedinger with Eduard Hoffmann at the Haassche Schriftgiesserei (Haas type foundry) of M?nchenstein, Switzerland. Haas set out to design a new sans-serif typeface that could compete with Akzidenz Grotesk in…

The new generation of web browsers provide a feature which seems to save a lot of work for web-developers in the future, namely the Full Page Zoom. These browsers now enable users to literally scale the rendered layout. Is this the next wave or will flexible layouts still remain important, or even become more important in the future?

The gap between low-resolution displays and high-resolution displays hasn’t bridged over the last 10 years. On the contrary: the gap has increased dramatically. Web-sites are viewed in hundreds of possible screen resolutions…

These CSS layout template cheats are tested in all browsers to provide workarounds for CSS browser issues and a killer starting point for a variety of web designs and typical layouts.

Based on my belief that information should be freely accessible by all people, permission is granted to copy, distribute and/or modify these CSS layouts. However, due to the time and effort spent in producing this demonstration I politely ask that…

CSS grid layout without using float or absolute positioning.

For example, let’s assume we want a form that puts the postal code and city fields on the same line because they are semantically connected. To accomplish this, we tried using floated positioning inspired by the Holy Grail technique….

CSS grid layout without using float or absolute positioning.

For example, let’s assume we want a form that puts the postal code and city fields on the same line because they are semantically connected. To accomplish this, we tried using floated positioning inspired by the Holy Grail technique….

Without a doubt, a logical and structured layout is the best way to go. Not only because your layout varies between browsers, but also because CSS has a lot of ways to position every element you have. Today we wanted to share with you some quick tips on how to avoid easy pitfalls when creating your CSS layout.

19-Autopopulating text input fields with JavaScript- Sometimes we need to explain to users what they are supposed to enter into text input fields. One common workaround when no label can be displayed is to put some placeholder text in the…

Beta version of PDF import extension for OpenOffice.org is now available online. Fully functional version, special features like importing layout of LaTeX PDF or import of complex vector graphics, will appear later. The preliminary version of this extension allows to open and edit PDF documents up to version 1.4.

OpenOffice.org developers claim that next releases of the PDF import extension will focus mainly on edit capatibilities, and less on layout. This will allow to open and edit PDF documents using Writer. This is probably good idea. There are other…

Here is a list of 82 sites picked from Best Web Gallery that show the current design trends.

Good deal. I still like some of the glossy stuff that’s out there, but I agree it is becoming dated. Ok - not ‘becoming’ dated - it is dated! I like the current trends a lot though. Some sites here I have not…

Design a style switcher and win an Apple Cinema 20 Flat Panel Display. Style switchers are used to provide users with a choice of layouts, fonts, colors and views they can use to adapt the design to their personal needs.

Fast CSS Style Switching with PHP Style Sheet Switcher (v1.1) (DynamicDrive) Mootools Styleswitcher Designing a Style Switcher Introducing UDASS Invasion of the Body Switchers Time-based Style Theme Switcher Layout Changer…

This article explains what is the Divine proportion and what is the Rule of Thirds and describes how you can apply both of them effectively to your designs. Of course, there are many possibilities. Hopefully,

It states that every composition can be divided into nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical lines. The four points formed by the intersections of these lines can be used to place the most…

Twenty-three great portfolio web site designs. Many are single-page, and several are designed to a grid, and all of them kick ass! There's a lot of great design details here- excellent typography, and interesting navigation and layout choices.

Leigh Taylor This was my last entry-and I am glad I caught it before I published. This porfolio design was literally JUST completed. I think this ranks in my top 2. The background is so subtle & yummy. Great colors & my…

Typogridphy ' A Typographical and Grid Layout CSS Framework From Harry Roberts of CSS Wizardry

Typogridphy has been made free for a number of reasons. I made the CSS originally for myself, so it has served its purpose to me — however I was extremely pleased with the results so I thought I’d adapt and then share it. Also,…

a guide in choosing the right ccs grid framework.

In choosing a framework, I've taken into account that I'm not a trained designer - beyond what I've studied on my own for years. I do dabble in design when necessary, albeit in a very minimalist form. In fact, because I spent quite…

This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages

The color chooser changes values as you move your mouse along a row. To set the value of a row, click on the color row, to release click again. Once the color in the box is the color you are after, click in the background-color field to assign…