Blog of Leonid Mamchenkov

You just stepped in a pile of posts.

Entries Tagged ‘web design’

How a web design goes straight to hell

If you were, are, or ever will be involved in the process of creating new design for a site, you absolutely have to see this – Howe a web design goes straight to hell.  If you are not a professional (as in trained, with experience, and make your bread and butter with) web designer, you’ll have to believe the slides.  Because, that is exactly what happens each and every time.  If you are a professional web designer, than you would already know how that happens and what the story is about.  This is so true, it’s not even funny.

Webdesign madness

"Browser facts" from Microsoft

Google Blogoscoped brings to our attention Microsoft’s Browser Comparison chart.

MS Browser Comparison Chart

MS Browser Comparison Chart

This is an excellent marketing campaign.  I am a big fan of using humor in the advertising, and this is a good example of it.  Everyone who has every tried to build a web page knows how horrible the state of the modern browsers is, and how even more horribly standing out Microsoft Internet Explorer is.  It’s so horrible that it is even hard to make it funny, but this time Microsoft succeeds.

Just to balance it out a little bit, here are a few random charts that I picked from Google Images search results for “web developer time chart“.

Breakdown of time spent on web development

Frontend web development

Time breakdown of modern web design

PSD slicing service recommendation

This is a follow-up to my recent post “MostSliced.com summary – picking PSD slicing company“.

Once the choices for the PSD slicing service were established, I did the next step – actual order.  I started from the top of my list, which happened to be xHTML Master.  I sent them the order through the form on their web site and got a pretty fast response apologizing for the fact that they were too busy to undertake my order.  No problem.  Good that they notified me in a timely manner.  So, I went to the next choice – PSD Slicing.  Again, submitted the design and went into the waiting mode.

Pretty soon I received an email letting me know that the order is OK and that they can start on Monday (next working day) and finish it by Wednesday (two pages, with one of them being a rather complex design).  The timing was well within my limits.  I sent them 50% of the down-payment and started waiting again.  Today, on Tuesday, around lunch time, I got my order back, fully done and finished.

First of all, of course, I was a bit surprised with the speed.  I thought it would take them more.  When I checked the results I was even more surprised.  In short: outstanding job!  The images were cut properly, some in PNG, some in GIF, some in JPG – properly chosen each time.  The xHTML was small and clean, validated perfectly with XHTML 1.0 Strict (not even Transitional!).  DIVs, proper CSS, nicely indented.  CSS was also done nicely – small, simple, and straight-forward.  Fully valid.  Also, the whole codebase is pretty semantic and, as a bonus, validates with web accessibility standard (Section 508).  To say that I was really impressed with the result was to say nothing at all.  I was stunned for a few minutes.  It’s been a really long time since I saw anything so beautiful.

It was so good that I couldn’t believe it.  So I thought maybe it will break in one of the major browsers.  Then my attention was caught by something else in that email message that they sent me.  It was a link to BrowserShots.org , which is the web service that can show you how your web site looks in a whole lot of browsers.  PSD Slicing provided me with the link to the screenshots of their results in all major browsers that I cared about!

After checking that code back and forth, the only suggestion I could come up with is … comments.  They aren’t required or anything, since the whole CSS and xHTML files are very small (something around 6-10 KBytes), but still it would have been nice to have some comments, especially in CSS.

Am I satisfied with their service?  You bet I am.  Will I ever recommend it?  Yes, of course.  I’m doing it already.  Is it worth the money (around $120/page)? Yes!  [insert more questions here and answer them "yes"]

Googley Design Principles

Very much in line with the image explaining simplicity of user interfaces, comes the list of Googley Design Principles:

1. Focus on people—their lives, their work, their dreams.
2. Every millisecond counts.
3. Simplicity is powerful.
4. Engage beginners and attract experts.
5. Dare to innovate.
6. Design for the world.
7. Plan for today’s and tomorrow’s business.
8. Delight the eye without distracting the mind.
9. Be worthy of people’s trust.
10. Add a human touch.

Anyone doing any sort of user interface work should learn these by heard and repeat them as every morning mantra.

Simplicity

Simplicity

Theme fixes, improvements, and polish

If you have a lot of attention for details, you probably noticed a few things moving around and changing on this blog in the last few days. You weren’t dreaming – I indeed moved changed a few things. Here is a round-up for those of you who enjoy these sort of things:

  • List of categories moved up. Since I am interested in and blog about many different things, I don’t blame you if you would like to skip some of them and read only things that you care about. I moved the list of categories higher up in the sidebar, so that you could jump directly to the topic of your choice.
  • Full posts in categories, tags, and archives. This should also make reading posts about specific things easier. You won’t need to jump to the full post page all that often now. Less clicks and all.
  • Category header images. Some categories (see Photography, Movies, and Technology for examples) will greet you with different header images (once again, thanks to Igor Gorbulinsky for his talent and time). This feature should help you out a bit while navigating the site – instant indicator of where you are.
  • Highlight of category name, tag, and search query. When you navigate to posts of a specific tag or category, you should see the term at the top of the page. Sometimes the term is highlighted, like, for example, in case of search query. Also, sometimes, you have a link to RSS feed which provides easier access to similar posts.
  • Improved RSS feed auto-discovery. Depending on where you are on the site, your browser will suggest a different set of RSS feeds to subscribe to. I’m trying to make these things as intuitive as possible.
  • Improved browser compatibility and standard compliance. A few small glitches here and there were fixed. All RSS feeds are valid now, except for those rare cases when content of specific posts causes problems. CSS is now valid and many warnings are fixed. HTML is now almost valid. There are a few issues which which are caused by WordPress bugs, but fixes for these seem to be available in the upcoming version of WordPress. In any case, it seems all theme and plugin specific issues were fixed.
  • Upgraded WordPress to version 2.3.3 .  This is the latest version with all the security fixes and such.

As you can see from the list above, all of these changes are rather cosmetic and can be classified as web site polish. None of them should cause any issues to you or your browser, and much of the misbehaving functionality should be fixed now.

If you have any ideas on suggestions on further improvements, or if you notice any misbehavior at all, please let me know.

Web technology behind Cyprus presidential elections

Cyprus is preparing for the presidential elections, which will take place this coming Sunday – February 17th, 2008 – and then another Sunday after that – February 24th, 2008. Unfortunately, most of the information about the elections is in Greek, so there isn’t much point in linking to it or quoting it.

Anyway, I came across this post in Linkbox blog, which links to web sites of some candidates, as well as the main web site of the elections.  Being a curious web worker, I wanted to see which tools these web sites use, and how well they use them.  Here are my findings.

[Read the rest of this entry...]

So, it is possible …

Earlier this year, when I was a start-up co-owner, I was trying all sorts of different ideas on how to keep web oriented technology company alive.  One of the ideas along the way was cheap and fast web design, using well-established platform (yes, you guessed it right, WordPress).  This one was among my favorites …

Eventually, the start-up didn’t survive.  And I am not much sad about it.  It was a fair try and I learned a lot from the experience.  But that idea … I liked it so much that it was painful to see it die.

Today, I learned that the idea actually works.  And not only it just works, but it’s a base of a successful business.  These are some good news for me – failing to implement a good idea properly sounds less silly to me than trying to implement a broken idea.

Blogging Pro runs an interview with Chris Garrett, owner of The 449.

Just ignore HTML 5 for now

A List Apart has a little introduction into HTML 5.  They explain the tough process of crafting the standard, how different parties interact, and what they are trying to achieve.  It all sounds pretty interesting if you have no idea about HTML 5. Also, it all sounds pretty interesting until you get to one of the final paragraphs (emphasis is mine):

Work on HTML 5 is rapidly progressing, yet it is still expected to continue for several years. Due to the requirement to produce test cases and achieve interoperable implementations, current estimates have work finishing in around ten to fifteen years.

Excuse me?  They are working on a standard for the Web, one of the fastest growing, expanding, and developing areas of IT industry, which itself is one of the fastest developing industries of the modern world, and they are planning to finish in 10 or 15 years?!!  Hello?  Wake up!

Just take a look around.  See how this place is different even from two years ago.  See how dramatically different it is from five years ago.  See how it is unrecognizably different from what it was ten years ago.  Try to find a living human being who even remembers how it was fifteen years ago…  Guys, what are you doing over there?

No matter how well you plan things today, no matter to how many people in the field you talk today, there is absolutely no way to predict how things will be in ten or fifteen years.  Trying to predict this will hard enough job for a single head.  Getting a few heads to agree on how this will be is beyond impossible!

If that’s how long HTML 5 will need to come out, we can just drop the effort right now.  If it will even come out, it will be totally useless, because people won’t wait for it.  If you think that we are moving fast now, you haven’t seen nothing yet.  We are just starting.  We are in the 1950s of the automobile industry.  Web is still a very much foreign concept for our society.  Wait a few more years when it will get more natural, and you’ll see what are the real power and speed of development.

Nobody is going to wait for a bunch of guys to agree on something that nobody knows how will come out.  People will just come up with their own solutions to their problems.  They will aggregate, re-factor, and re-optimize those solutions until they solve the majority of problems.  And then they will move on to the next stack of problems.  And will go on and on.  Forever…

How important is HTML 5?  It is needed, yes.  But right now.  Not in five years, not in ten, and not in fifteen. The problems it tries to solve are the problems of today.  If it’s not coming out shortly, you can just ignore it altogether.  There will be another solution…

How much time does a person need to learn HTML?

Here is a question for technical people among your – how much time does a person need to learn HTML?

The reason I am asking is that I gave to one of our newer colleagues a whole weekend (from Friday evening until Monday morning ) to do it.  I promised to unleash all my fury and beat him severely with a stick, if I will find something that he doesn’t know by Monday 09:00am.

Now, before you will call me cruel, I’ll give you a couple of more details.  The person who I gave the task isn’t just a random fellow from the street.   He’s someone holding a Bachelor of Computer Science degree from a known UK university.   He has also studied Computer Science in USA and Cyprus, and even has some experience in the field of programming and web development.  So, yes, I would have expected him to know this stuff already, but somehow it happened that he doesn’t, and now he’ll have to catch up with it.

Also, when I gave out the task, I was as soft as I usually am.  So, I  provided the person with all the necessary learning materials, including digital copies of O’Reilly books, famous web sites, and relevant Google queries.

Am I fair with my timing?   How much time would you need to learn HTML?  Should I beat up the person on Monday even if he learns it inside out?  These are the questions rushing through my head right now…