Posts Tagged ‘web’
Webvelution
![]() |
Webvelution
A nice, and reasonably complete graph.
|
![]() |
Adrianus Warmenhoven
Neato… I played with all of that as it came out… and ran a commercial webserver with ‘Spinner’, the ancestor of ‘Roxen’
The evolution of the web
Interactive infographic about the evolution of browsers and the web. This infographic features major web browsers since 1993 such as Mosaic, Netscape, Opera, Internet Explorer, Safari, Firefox, and Ch…
|
![]() |
This year’s articles about programming #2010

In 2010 I was less focussed on programming articles on the blog than previous years, still I have managed to create some interesting articles with code in 2010. This is an overview of the activity:
Sync Web with Phone #html #javascript #scratchpad
Having some fun today with QR codes, JavaScript and the Google Analytics URL …
The Structure of a Daily Scrum #agile #scrum
The only questions that are asked in the Daily Scrum, aka Stand-Up, are: What…
Features I Still Miss in Mail #mail #email
UPDATE: GMail has introduced my number 3. YEAH! (Gmail introduces Priority In…
YouTube Channel Unsubscribe #bookmarklet
I like YouTube, and often subscribe to new channels and unsubscribe after a w…
PCI is nice (or what I do) #pcidss
Since I started working for my company I’ve been exposed to PCI DSS (Pa…
Solving the URL shortening problem #twitter #tweet
I don’t understand why url expansion after url shortening is such an is…
VeriSign PIP Browser Certificate workaround (PIN Request) #identity #openid
VeriSign – Personal Identity Portal is a OpenID provider with multiple …
Image source D’Arcy Norman
Simplicity Is Key – Trends in Website Design
I’ve been noticing a trend in the frontpage of website design, which I have briefly modeled below. I have an idea that this might have been inspired by Google’s “more is less” for their landing page, although they tend to go for less simplicity with the exception of search.
Firstly it’s the two or three tone webpage, a colored band of content in the centre of the page separating the top link bar and the bottom rest space. In the top row the navigation is placed slightly left aligned, with or without a small logo preceding it on the absolute left. Usually the sign-in and -up possibilities are aligned at the right of the page.
The centre band usually contains a large logo left aligned or a large non-descriptive image, left there is possible a login box, although usually there is a sign-up or pricing box advertising the paid for version. Underneath there are three boxed the left box containing video or or an interactive feature, the centre mentioning a special feature – or niche feature – of the product offered, and the right hand box containing “Something Special”, which can be anything like mobile applications, Google Apps or platforms supported.
The top of the lower band usually also contains 3 boxes, the left containing video examples – if not used before. The centre contains the other common features of the product. And the right is often a media exposure box, although it can also contain a social media box, such as a Twitter or FaceBook stream. The next row in the lower band usually contains a broad box containing blog or news items, although customer or media feedback is also very common here, and the right box contains that what wasn’t included in the upper box. Finally the last row, if it’s there, contains any 2 or 3 box combination with any of the items not mentioned above, although it often contains a social media box on the right when it hasn’t been mentioned above.
The lowest part of the site, mostly contains a sitemap, with direct links to most of the important pages on the site.
So now you know how it’s made.
Website Form Maldesign
Why don’t website designers simplify web forms?
How often are you asked to put in your email address twice? It’s not like your password which you can’t read, you can read it to see if it’s correct. With predictive browser forms it’s usually just typing in the first letter so you get the email address that is already stored in your browser. Yet they will make you copy paste it into the next field as they don’t use a consistent naming convention for the second mail address field. There is nothing stopping them from naming the second field the same as the first, it’s perfectly valid and any worthy programmer can simply extract this information within JavaScript or on the server side if they have a valid reason for using the second instance. Although IMHO they shouldn’t, the user creates credentials and a faulty email address can simply be reported to the user when he/she tries to login with their credentials. There is no reason for the credentials not to work if the mail address is faulty, perhaps the user is granted the same rights as an anonymous user until he/she has validated the address or the defined timeout for the address expires. A requirement could very simply be added so the user must validate the email address to use these credentials, but allowing the user to use the credentials to change the personal information which has been send to them.
Another thing is the web designers who define what I can put in certain fields. Honestly is it so difficult to check the definition of allowable characters for such things as mail addresses (rfc822) or creditcard numbers and either disallow based on malformed addresses or as is the case with phonenumbers or creditcard numbers remove characters that shouldn’t be in there. And yes a + is valid in a phonenumber when indicating international access code. In the worst case a simple search and replace s/^+/00/ is perfectly acceptable. Postalcodes (Zip) are another thing, a zip such as W12 8N5 or 1011 XD including the space. International post directives even allow for the prepenting of a countrycode to the zip, making the Netherlands zip NL1011XD perfectly valid.
And autodetection of location is so wide spread that I shouldn’t need to fill in which county I am from, if it detects the language for the country I am in on the front page – which I hate – why do I need to say that I am not in the US, but in a different country. You’ve internationalized the form, but still need me to modify the country field. Why? And why not allow the browser settings to override the language. I’ve configured my preferred languages in my browser and waste at least 15 bytes giving the website this information for everything I request.
Lastly security questions, what makes it a good idea to require me to fill in a strong password when you cripple the security with mandatory security questions. My mother’s maiden name which you can find within seconds on the Internet. Or my pet’s name which I’m sure is in my blog somewhere. The city in which I was born is the city I live in. Furthermore I know my passwords, if I don’t know my password it will be because the requirement for strength was so high and restricted so many characters that I had to use a password that wasn’t in my standard list of over 100 medium strong to very strong passwords. And honestly what’s wrong with certificates or OpenID as a source for identity? Do I really need to even push page down to reveal my browser’s history for that field? I can have it send over from a verified source. You don’t even need to check that it’s me, somebody else has done it already. Sometimes ever up to the point of truly checking my identity such as can be done with Verisign.
Source: Hashing Email Addresses For Web Considered HarmfulTechnorati Tags: web , html , form, rant






















