Home HTML & CSS

HTML & CSS

SEO for an idiot

Attention, open in a new window. PDFPrintE-mail

Saturday, 03 January 2009 08:59

Right, SEO is a really complex subject matter. There are so many different strategies to get your site in that number one spot on Google and yahoo!.

My experiment into SEO is now "Blondy & Blacky - balklänningar, brudklänningar & smokings" and how to get them higher on the search engines rankings. The problem I face is the following:

I redesigned and moved the site from the web-address blondy.nu to blondyblacky.com in early December. At the same time we moved the shop into the textalk.se system - which is on a completely different server. Of course we dropped from the Google results immediately, and now my task is to get us back on the frontpage again. All the while trying to do this without having to fork out for the extra cost of search engine option on textalk.

I will post about my progress in this matter here

 

CSS3 for the masses

Attention, open in a new window. PDFPrintE-mail

Tuesday, 23 September 2008 09:24

IMHO: CSS3 is a brilliant next step for presentational design for the web. And if you have been in the game as long as I have (around 13 years since my first webpage) then you know all about degrading your code so that alpha browsers get a really nice presentation with all bells and whistles (IE8, FF 3+, Opera 9+, Safari 3+), beta browsers get an OK presentation but might miss out on minor things. Gamma browsers (I count IE <= 6, IE for Mac, Netscape <=8, AOL users) well, seriously, just UPGRADE ALREADY.

In my latest project we are using CSS3, which appearantly even IE8 does a pretty good job of presenting. 

One hump I got on my back is the implementation of columns in CSS3.

Typical column layout these days is done by floating or positioning div, depending on which school of thought you follow. This page for instance has a two column layout. It works and it is brilliant.

But is there any use for columns for content?

In normal newspaper layout you are used to read text in columns, and even that becomes hard at times, as the user looses track of where they were, especially when spanning several pages, or poor layouts. With the advent of columns for the web - users will not have a reference for dealing with this. Sure it is semantic and it will degrade properly, but my argument is that it will give a poor user experience, as users will have to scroll down for content, and print-designers think that their newspaper layouts automatically can be translated to the web. Bollocks to that. If anyone sees a good example of using multiple columns on a page, please let me know.

 Until then - 

------------------------End of line 

 

Broken page

Attention, open in a new window. PDFPrintE-mail

Sunday, 15 June 2008 14:10

Yes, I am very sorry that the frontpage of my site has broken. Appearantly something went wrong with the latest update to the code. These things happen. Anyway, I will update my CMS in the upcoming week, among other things I will change my portfolio software at the same time. I will also adapt the site to use YUI grids too, which will promise to deliver a better experience across the board. Heck, I might even do an update to the look and feel of the site. I am proud of it but I think I need to make it a bit more selling. Peace and love everyone

 

Firefox 3 - A New Hope

Attention, open in a new window. PDFPrintE-mail

Sunday, 15 June 2008 14:03

Download Day 2008 I have no doubt that the more tech-savvy of my visitors already know that Firefox 3 is launching on Tuesday 17th June 2008. As the geek and internet-entrapreneur that I am, this exites me a lot. Of course I have already adapted the beta as my main browser, but it has a few things that have bothered me. Most of my major tools work absolutely fine, but I really miss my Google Toolbar (strange but true - I like Googles products as I see them as productivity enhancements).

Anyway, I don't want to get side-tracked. Firefox 3 is the first of the Alpha browsers latest updates. Internet Explorer 8 will be launched during 3rd quarter of 2008, which I myself find strange, as IE7 still is not widely used, and IE6 users keep on annoying me. Seriously, everyone should take the 5 minutes it takes to keep their browsers updated. Not only because of aestethics but also because of security issues. I know, I know. Mr Joe-Average User does not care about these things - he "just want it to work". Well, life is not that easy unless you make it so. These days there are automatic updates for almost all major softwares used both in the home and at work. Windows update is probably the one normal users are most familiar with, but unfortunately it still gives normal users too much power - They can still turn down updates if they are connected to the web.

Firefox has so far one of the less intrusive ways of updating, it can be controlled in the options menu. The software will check if there is a new version and either download it for you and inform you when it has installed it, or if you need to download a new version, then it will let  you know the steps to get the latest version.

Anyway, if you want to read more about the new features of Firefox three, then I suggest you head over to Mozillas site. I don't see any reason repeating the functionality here.

Although, the new bookmarking facility makes the download completely worth it.

 

Consistency between browsers

Attention, open in a new window. PDFPrintE-mail

Wednesday, 16 April 2008 14:09

Why is it that both professional web producers and clients alike insists on comparing the look and feel between different browsers? Especially between what is considered Alpha browsers (Firefox2+, IE7+, Safari 2/3b and Opera 9+) and Beta browsers like Internet Explorer 6 - the scourge of the internet.

I understand everything there is about presenting a coherent look and feel, that presents the clients brand in a consistent way. 

But let's face it: It doesn't matter. The target group will not sit there with 4 different browsers open, comparing the differences! Most likely they will either never update their browsers because of lazy IT staff (I mean you Simon Hill :-), and therefore never see a proper version of the site.

Or if they are relatively IT-competent, they keep their browser updated at least at home.

Now, my argument is this: intentionally MAKE sites look really good in Alpha browsers, and passable in Beta and below.  Why? Because coding for deprecated browsers take a lot of time, and cost a lot of money.

"Oh but if you code correctly, you don't need to worry about that" and "Over 90% use Internet Explorer 6" I hear you cry!

Absolute bull! I am not talking about browser snobbery, trying to convince people to switch to standards compatible browsers like Opera, Firefox and Safari,  but to simply reward people who keep their browsers and computers up to date.

If people insist on using old style browsers, then they just won't get the full experience. Simple as that.

And also, if there is a difference of 2 pixels here and there when compared between browsers - IT DOESN'T MATTER. The user experience will not vary because of this anyway! As long as the general composition is the same, and typography adhered to, then this is a moot point.

 

End of rant. 

 

The need for professionals

Attention, open in a new window. PDFPrintE-mail

Wednesday, 05 March 2008 10:53

Since I have been around the block, both one or two times since the dawn of DTP, I have struggled to convince people that it is worth to pay for professional design. Fighting off clients' meager attempts in Word or Publisher, to convince them that even if they CAN do it, it doesn't mean that they SHOULD do it.

Of course, these days the same thing is happening on the web.  Anyone can put together a webpage, and learn the basics of HTML, but it won't make you a designer. Just like with DTP, the web is maturing, and surrounding knowledge of the medium is becoming increasingly important.

 Where people in print realised that knowledge like typography, picking the right paper, and know how to layout a page was still a good sales arguement, in web it is just as important to have the same knowledge. And that is what set aside professionals from happy go lucky amateurs. What is the point to have a page that looks fantastically pretty if no one knows how to navigate it - or worse - cannot even find the page in the first place. Build a page incorrectly and it will most probably break, or load slowly, just to download a pretty header that takes up most of the content space above the fold.

After all, Web is just a medium and I think the content is still king - without proper content a site will die.

I will revisit this topic again in the near future. 

   

Chicklet hell

Attention, open in a new window. PDFPrintE-mail

Monday, 28 January 2008 14:45

Chicklet... chiclet... no matter how you spell it, it is still some guys "clever" marketing speak for small buttons. You know the kind: "Digg This", "Add to Facebook", "Add to bookmarks".

Some guy appearantly thought it would be clever to name them "chiclets". For those in the know  chiclet is actually a brand of chewing gum, the name of keyboard buttons as on a calculator or remote control.

Sure the buttons are as annoying as getting chewing gum on your shoes, because we designers tend to put them in the footer. Is that why it got that name?

People where I work now want these everywhere. It is painful to hear people blurting out these "trendy" names. I have two things to say to the person who minted the expression for these buttons: "Please STOP".

If something is a button, then it is a button. Exclamation mark. Refer to things as "graphical button" or "styled button". It is not something new and fantastic or even very hard. Most of the time it is an image or textreplaced link leading to one of the social bookmarking sites.

It is NOTHING new, and NO it will not make you sound clever.

If you want to invent a new terminology, PLEASE for the love of the gods make sure it actually DESCRIBES the function or use of the item.

Here are some acceptable replacements:

  • "Social-link"
  • "Styled button"
  • "cross site link"
and my favourite
  • "button"

 

   

About freaking time

Attention, open in a new window. PDFPrintE-mail

Wednesday, 23 January 2008 14:29

Just a quick post to let people know that the latest iteration of the popular Joomla CMS has finally reached a stable 1.5.

I am a big fan of the content management system, and have used it almost exclusively for my projects ever since it was just a twinkle in the eye of Mambo

 I skipped fiddling around with the betas last year, so I could focus on this new version instead. Needless to say, I will download immediately, and figured I might as well update my website while I am at it. During this process, I will write a detailed review, as I go along.

Watch this  space for full details.

   

Working out the kinks

Attention, open in a new window. PDFPrintE-mail

Friday, 07 September 2007 12:24

This is my website, and it has been live for the last week or so. I only got my internet yesterday (thank you Virgin for speedy delivery).

So basically I am still trying to work out the bugs on the site, and apply some new components to Joomla CMS , which I am a big fan of. I don't know why the site seem so slow at times, but since I use this to try out new components, I am sure it could be either the social bookmarking add-on or the comments system.

Anyway, will resave all images as JPEG to minimise the load time for now, and clean out some of the more obscure social bookmarking sites.

I will keep you posted on how this comes along.

   

Who is this guy?

Daniel Hansson is a designer from Sweden, who has lived in London for 8 years, but more recently returned with his English fiance to try out life in Sweden again..

He has worked professionally as a Web/Graphic Designer for over 13 years, and have specialised in web design, with a focus on typography, HTML, CSS, W3C standards, usability and accessability. 

Currently in search for new challenges and opportunities in the web design industry. Most recently he has worked on various projects in the capacity of freelance web designer for companies and brands such as Microsoft, ASDA, Marie Claire, ASOS.com.

Was between 2006-2007 working for 7city Learning Ltd, a financial e-learning company in the City of London, where he worked with clients such as Deutsche Bank, Barclays, and every other big name in finance you can think of. Also helped design and structure the "CFA Portal" which went on to win "Learning Innovation of the Year" in 2007.

He has also a history working for AOL, and plenty of design agencies in both Sweden and London, and which has allowed him to dabble in all industries ranging from fashion to retail, from finance to B2B to B2C.

In his spare time, Daniel tries to find the time to game on his Xbox360 and endulge in inventing new recipies, that are better than the Jamie Oliver's.

Daniel also refers to himself in third person, even though it is a bit naff.

What can he do?

This is a real bargain ladies and gentlemen. This designer can code, design, he can write, talk and he even cleans and clothes himself. Only available on-line, this designer comes with a FREE sense of humour included. Remember that the twisted bit of humour is a feature and not a bug.

But not only that, we will throw in his ability to illustrate in a range of styles ranging from comic book quality to technical drawings. As you can see it is bound to fly off the shelves, and all your friends and colleagues will envy you for choosing such a high quality product.

And it doesn't end there: We also throw in typography, web publishing, print publishing experience, and an expert knowledge of Adobe Design suites. 

Get your Daniel now, only available while stocks last. 

What is this place?

Neocreo [neo.cre.o] - is the trading name of Daniel Hansson. It is a amalgamation of Neo, to signify freshness and ingenuity, and Creo, which is latin for "to create". I.e. it therefore stands that it should be interpreted as "New Creation". Plus it is short and easy to remember and taste like bubblegum.

Sites I've built

blondy.nu | blondyblacky.com
XHTML,XML, CSS, JavaScript, PHP, MySQL, Joomla CMS, Virtuemart. Utvecklade e-handelslösning från open source program. Märkesutveckling

lrquality.com
XHTML mall with CSS 2.0. Joomla CMS. Dokumentering och översättning från engelska till svenska.

londonsvenskar.com
Design och layout, HTML/PHP coding, CMS development, typography, CSS, RSS, production of graphics. Resident writer. Media Liaison. Event Organiser.

asos.com
HTML according to W3C standards, CSS och Javascript manipulation. Propriety CMS.

allthingshome.co.uk| marieclaire.co.uk
W3C standards, CSS, HTML, some PHP. YUI implementation och customisation.

theharcourt.com
Design och layout, HTML/PHP coding, Joomla CMS, typography, CSS, production of graphics. Content management.

compuserve.co.uk
Design och layout, HTML coding, JavaScript, copywriting, typography, production of graphics.

7city.com
Semantics, W3C standards, accessibility, usability och SEO. Multilingual content in the UK, USA och Asia.

Portfolio Showcase

Random examples of my work .

portal2.jpg
Feed Entries
Copyright © 2009 Neocreo.net - freelance graphic and web design. All Rights Reserved.