Category: Web

Why interfaces lie…

New rule. “If you are a developer you cannot trust your designers”. If you happen to do both, Don’t trust yourself. Hold your thought on this one. Right now, I will deal with the title. “Why Interfaces lie”. Recently, I was browsing through some websites, most of them of significant importance. To name a few domains, governmental, state run companies, online services, real-time booking services and smaller user-base networks. I noticed one thing they had in common. ‘Weak Interfaces’. I noticed their online interfaces had loopholes that might still be unknown to the developer of the backend application.

Take an example. Google’s default search engine results number is probably set as 10 and documented the same in its early development stages.

Firebug handling of Google Search Results

I was able to bring the number to 1 result per page by simply modifying the value of the first option entry by firebug and blindly believing there was no validation for the lower bounds.
Updated Google Search

It is pretty sure from the interface Google doesn’t want a single result to be listed. Though this does not create any concern to integrity of the database, it clearly brings to light how weak the constraints set by the designer are.

SQL injection through input forms and Header injections to manipulate cookie information and authenticate websites are prevented to some levels now. However a large number of basic validations are not done just because the backend programmers believe the data received through interfaces are safe. The information relayed across these containers have least amount of respect for the limits set by designer. This works almost everywhere and the validation is often implicitly neglected. The interfaces today are very highly manipulative and unless a refined form of validation is applied to the process logic level some back-doors can create unexpected results.

I was able to a process an online recharge of 5 rupees when a certain telecom company’s basest recharge option was 55 rs. This is no fraudulent action. However it denotes the decreasing credibility of the bounds set by the designer and increasing amount of validation that needs to enforced at the business end. A much more substantial implication would be on the resources. The company let me process the recharge denomination through the online banking portal of a third-party organization and reverting it back when it finally detected the anomaly at an inner core level. Thus creating an alarming denial-of-service (DoS) scenario taking advantage of this hole. This signifies the importance of a refined way of treating interfaces.

The funny world of web design

Its been quite a while since I have been focusing on web development and related avenues. One thing is for sure! It is a really funny place to be in!

PLATFORMS

Web designing is no longer about some html-tags and css attributes concerning only the normal computer user. There are a variety of platforms that are being used for accessing information. It leads to more and more developer environments with newer functionality. The designer branches out to specialize in each one of them at each stage of development leading to multiple roles.

CATCHING UP

The biggest problem for a web developer nowadays is staying updated with the latest advancements in the web-o-sphere. The amount of content related to the field is getting enormously large by the minute. New technologies change the way content is being perceived. Just when you finish trying out and experimenting with some prevailing method, you find a better method already  available and then you turn your  focus on it. The notion of browsers and feed readers to just relay the articles has now changed to providing  the content that is relevant. Intelligent systems rely on the user activity to chuck out what is not needed for the user. Thanks to some really nifty web applications, we can still survive.

DOC-TYPES

There is  clearly a lot of buzz related to the future of web standards. There are people who support either xhtml 2.0 or html5, bombarding each other with valid reasons that cannot be dismissed by any at this early stage. There are people moving from xhtml 1.0 to older doc-types  like HTML 4.0 stating it would be easier as it provides the ‘minimal mental shift’. Other people just want to choose a side when its ready and supported by all browsers and would gladly continue the current standard of xhtml 1.0. I think people should start using the next level of specifications and only then we can elevate them to the next standard! Fortunately there are a lot of examples and good articles  that can give newbies a taste of these processions.

FONT-EMBEDDING

CSS3 @font-face is going to relieve the old web-fonts that have  served us well over past years. It is time to give them a rest and give a look into new types .  It may take some time but it seems to be the way we are going. Embedding fonts in websites seems to have disheartened many type foundries as fonts can be easily downloaded. Even when typekit was announced, people were unhappy. This time it was the customers who already had a license and expressed discomfort is buying a license through typekit again.

BROWSERS WOES IE6

Everyday I hear people cursing the hell out of IE6! I mean it is a ‘trending topic’ that just refuses to die. I wish it did! Many designers have nightmares when it comes to optimizing their website with IE6 which still many ignorant people seem to love.  Microsoft is desperately trying to make up for some lost ground by some rather weird advertisements and campaigns for IE8. Many netizens deal with IE6 by simply ignoring its existence,  use hacks,  javascript workarounds or by simply blocking the browser access. A smarter option would be to use a generic stylesheet for IE6 that simply displays the content in a structured manner.

AND MORE NEW PROBLEMS

Its like Microsoft keeps on committing new and new mistakes with Outlook 2010 deciding to go with table based layouts for viewing HTML emails disabling the goodness of CSS. Okay! So what do people who care do? Send a strong word! Fix it! Microsoft responds and defends their reasons to use the Word rendering engine and the discussion rages on. Just when we thought about the standards support of IE8 and the browser moving towards the right direction; Imagine, having to do table-based layouts for your emails.

With all these different options and  methods prevailing, its really amazing how the developer community sticks together and engages in generative discussions to push us all towards a future that is  bright and promising. After all its our funny little world of web design! :)

Streaming one’s life is the next thing.

Lifestreaming. Hmm I am seriously considering revamping my website into one. I usually got confined to my wordpress blog but now I sport myself in many of the social media. Aggregating my participation in all these spheres of online life to my website would be more appropriate.
Many netizens have raised the question, ‘Is it the next big thing?‘. Jeff Crofts‘ and Nathan Borrors‘ websites’ are very good examples. Lifestreaming has a more formal name, Social Media Aggregators.

The concept is not new and has been tested with some added features every passing day. Blogs surely were the pivotal point towards Web 2.0. Many aggregrators are been developed, some of them being Friendfeed, SocialThing, Tumblr and Profilactic. I have checked out a few and found it to be really interesting. I think, people simple love to share, boast and ‘blah blah’ a lot about their life. This simple fact is going to take forward the concept of lifestream probably with some new features. The old personal log with comments is restrictive and has found a whole new ramification. Much of these stream elements revolve around twitter, flickr, Del.icio.us and Last.fm.

Of course I like custom designs and code snippets. Jeremy Keith has given me a sound base to get one such application working in php. Yay! Now I can experiment a few and look forward to my next redesign.

Adobe AIR vs Opdyne LF?

Adobe has bought Apollo some ‘new looks’ from the nearest ‘icon designer’. Whatever be the introductory text given in the release website, I find AIR with some terrible identity crisis…well atleast for the users.

Since most of you haven’t used Opdyne’s Liquid Fusion (LF), there is no point in explaining about what LF can do. AIR can be used for developing applications, alright! But when it comes to quick, usable and clean ones, it is not worth the boast.The first application i tested was Snitter, straight out of the snook cookbook. It is a ‘twitter‘ing device with decent features.I was impressed by the clean and usable interface but imagine all the code that went into making this application. Vysnu tests AIR with a so called ‘quick AIR application’, a simple calculator. Well have a look inside his blog post’s code section. One hour is not quick enough.

Incoming LF’s simplicity.

tag2.JPG

Asti, the developer, experiments with LF. The purpose of the following program is get the correct names for his music album folders using google search.

The total number of code lines according to asti ::”25 lines including 3 comments”

Thats quick. Unlike AIR, the interface is a browser with the application an html webpage. So creating the application interface is very quick and easy.

Well, I can’t say more.

The date is fast approaching!

The kid needs a domain.

Kwaaaaaaaaaaa!!! [That's what i think is the sound on a new born.]

A child is born! Dad is excited.He thinks about what all he has to do. After lots of talk, discussions and fights with Mum, the baby gets a name.

Next up in the ‘To Do List’ for Dad’s is all the municipal formalities including the ‘Birth Certificate’. Since it is the new-age of advanced ‘blah blah’ , people just don’t finish with that.

16pan.jpg

The ‘Youngest PAN Card Holder in India’ was Krishhey Thacker (aged 56 days then) but recently Akshita, 50 day old girl beat him in the record hunt.

The online identity is getting even more established as the person’s alternative identity as infants get their own domain at the age of ..err…on the day they are born.I know designers and developers getting so excited to know that their newborn is due soon.The excitement makes them do all kinda stuff. Buying them their own domain is just one in the ‘normal’ type.

In a CNN online article, It was written

“Besides leaving the hospital with a birth certificate and a clean bill of health, baby Mila Belle Howells got something she won’t likely use herself for several years: her very own Internet domain name. Still, even if the effort is for naught, $9 a year is cheap compared with the cost of diapers and college tuition.”

makenzie-pankow.jpg

Corrie Pankow, pictured with daughter Makenzie, has claimed domain names for her children.

Many of these parents believe that their child’s domain name will not be available by the time their children reach their teens. Well if people go on buying Domain names, web spaces , registering in social networking sites like MySpace or even activating a personal GMail account for their children…yep! it is not a distant reality.

Courtesy:CNN.com, Rediff News

Blueprint CSS Framework

bp.png

Blueprint CSS Framework was a very handy tool to me when i needed to work out some quick applications.

The features include:

  • An easily customizable grid
  • Some default typography
  • A typographic baseline
  • CSS reset for default browser styles
  • A stylesheet for printing
  • No bloat of any kind

Download Blueprint 0.4

Intype

“In Type we trust”

Well I’m not absolutely sure but the ‘editor’ speaks justice to what is written at their homepage Its good. really good and it is free.

Intype is a powerful and intuitive code editor for Windows with lightning fast response. It is easily extensible and customizable, thanks in part to its support for scripting and native plug-ins. It makes development in any programming or scripting language quick and easy. “

intype.jpg

I tried Intype and found it to be surprisingly fast..yeah..somewhat near to the so-called ‘lightning fast”. My quest for a good editor started from

1)Notepad: Well you can’t dismiss good old’ Notepad right away because its still a good editor even now.Still very reliable, simple and blah blah blah.

(Wordpad ??? yeah notepad, wordpad whatever)

2)PHP designer is a very good editor with lots of features but its very “memory consuming” for me.

3)Dreamweaver :No Comments( Still i will force one out!Loading time is so inspiring. ;-) )

4)Most of my coding was with this buddy, EditPlus.Its quite fast versatile and reliable.

5)Notepad++ I haven’t used it much but is also good especially with themes and all.

6)InType : I think i am gonna use this for a while but a few basic interface disabilities like “Where the hell is the close button for the tabs”? (Ctrl+F4) .Oh sorry!I will find more problems soon.Till then InType rules!!!

(the cobalt theme of Intype is notable.)

Periodic table of the internet.

This time i stumbled and fell.

The last time i saw the periodic table on the blackboard it wasn’t like this.

periodic-table.gif

Cool,intelligent..yes,i am more concerned how the dude arranged those blocks in a web page.Impressive!

I sure would like to buy a poster of this and make my chemistry teacher scratch his head.

Awesome Architecture

I stumbled upon another cool futuristic architecture showcase.

ellipse.gif

orange.gif

wow.gif

wow2.gif

Topping the Desktop

Now that the internet is on a turbulent ramification in all directions,many old concepts are being reiterated on the basis of developing technology.One such concept is Desktop.Yes desktop..the place where you have your ‘My computer’,'Recycle Bin’ and many more of your tools you need to survive in this advanced period of time.What about this desktop?You may ask..Nothing has really happened to it nor am i going to critique some new widgets or applications.The concept of desktop has been refurnished to an online adaptation.Online Desktops..Webtops.David Bouley explains it well in the home page of EyeOS.

Imagine being able to sit down at any ordinary computer in an Internet cafe or public library, start up the resident web browser and access your personal desktop – along with your applications, messages, and information – with a click of your mouse button. Then, when you’re done, you simply close the web browser to have all of the documents you’ve just worked on safely stored on your remote server, leaving nothing on the computer you’ve just been working on. This is the goal of the mobile desktop and operating system called eyeOS.


EyeOS is one such website described as “the Open Source Web Operating System.”..Open source hmm..Absolutely a FREE zone,Guys!!.You can check its live demo here .

The term ‘webtop’ is said to be coined in 1996 and is also known as ‘network oriented desktop’.The topic being new to me lead me to an unexpected array of vast web based applications.To name a random one.Writely,The Web Word Processor,which though is related only to documents is impressive.What sucked me into this was when a friend suggested to me about ‘Desktop two‘.A site which offers the users the look and feel of a desktop.So does eyeOS post an impressive version of a webtop tagged under freeware.Desktop two offers upto 1GB in the free account.

The features include

  • Address Book
  • Blog
  • E-Mail
  • Global Settings
  • Hard Drive
  • IM
  • Programs
  • Mp3 player
  • Office suite

That’s a lot right.Wait till you hear the rest.The latest entity in web development,Ajax,creates a new class of such webtops know as online Ajax desktops.You should have come across small sites that allow you to tag,bookmark and arrange your contacts,favourites etc right?.But you always found it to be hard organising all these information.That’s when such webtops come in handy.
Dion Hinchcliffe classifies the features of Ajax Desktops as

  1. One Stop – Centralized online consumption of content and services
  2. Accessible Anywhere – Roaming accessibility from anywhere with Web connectivity
  3. All Your Data – Easy integration of most existing information sources including e-mail, calendars, bookmarks, news, blogs,pictures, etc.
  4. Engaging, Fun, Fast – Rich, interactive experiences that match native software
  5. A Platform that Grows And Evolves – Open platform for in-browser third-party software add-ons (Live.com’s Gadgets and Pageflakes’ Community Flakes)
  6. Real Software Not Just Data – Increasing integration with Web 2.0 software applications like word processors, messaging, and wikis, plus rich Javascript widgets
  7. Intelligent Consumption – Ad-hoc, decentralized, user guided content filtering and mashup creation.

Protopage,PageFlakes,Netvibes,Live are some of the more popular webtops available.Cosmopod,Goowy are also variations that are worth checking.

Java Comes up with a site called java desktop community to promote its GUI support.Sun Microsystems introduced the Java Web Start framework e in 2001. It provides the most essential feature for a Webtop.JNLP is the protocol Web Start uses for this purpose.Anyway,The concept of desktops has definitely evolved.Whether my computer will be running on a pure web based operating

system ..hmm..A probable development in the coming years.Maybe..As all speculations regarding the future ends,I too rely on Mr Time to tell me the future.I leave with some screenshots from desktoptwo.com