The Evolution of (my) Web Design

I was introduced to the mighty web application in my senior high school, and web design became my mate since then. It is a never ending creation. and when I look back, it is quite a story.

before I tell you about my story, lets check the story of the website and web design it self. the road he went trough, the evolution to be better and more beautiful yet powerful application everybody loves.

In 1960’s there was a network that connecting some of universities,  to connect, send and share information among researchers in some universities that connect together. that was the pioneer of internet connection today. at the beginning documents was the only thing they share on the network until in 1990’s Tim Berners-Lee introduced the first web browser to use on the network and Since then, the internet has continued to change and evolve, and so has web application and web design.


it’s a text based web design era. the first generation web application still dominated by text, single coloumn and it’s one way information without any involvement of users.

Mid to late 90’s (1996 – 1998)

when the first generation of web application still dominated by whole text view, in the mid to late 90’s web application was introducing new features text effect, embedding images. web applications start to use marquee and blink and insert gif images in their application.

this year frameset and table as a web application’s layout and flash effect is massively used. I remember that when I start to ‘browse’ on internet in 2000’s I found that most of web application I visited use frameset in their website. and flash content is being used as buttons, menus. with sound effect every time my mouse is over that buttons and menus. as a kid, It’s just toooo awesome to hear something from my computer… yeah.!!!


CSS start to hit the web application. I just knew that CSS was born in the mid of 90’s but it hardly become viral because it doesn’t change the look of website much. but in the beginning of 2000 CSS become more popular to design a web. You know the best thing of CSS for someone like me is, you don’t need to stuck yourself whole days and weeks on graphic application like adobe photoshop, corel draw, fireworks etc (because graphic editing is my disabilities and I almost give up on that ) just to create a website layout like I did before I knew that I can use CSS property to make a simple border in my layout. With CSS I can do more to my web application, and I love it very much. like every web developer loves it.

2000 – present

CSS grow more advanced with CSS 3, and HTML grow to HTML 5. And their unity in web application bring soooo much differences in web design if we compare it to 1990’s and you have to note that, in short 10 years range of time, look how web application has changed so much. from text, to table and frames to flash and CSS with a huge differences. nowadays web design is not just about a text, or a gif little picture, it’s about CSS, about javascript, about high definition pictures, beautiful layout and web effect.



I was introduced to web application in the early 2000’s where CSS is widely used but unfortunately it hasn’t touch my school curriculum. my first application introduced by my teacher was Microsoft Front Page, and when I used it I was happy that I can make my own web application, with lots of text, I have marquee all over my page, and I didn’t forget to ‘blink’ my text. and it’s fun. and I didn’t know anything about CSS just yet, till my friends from another school gave me Macromedia Dreamweaver to install and in an instant I’m completely in love with this application. you can create frameset (things that I couldn’t do in FP), tables, flash button (that give sound effects hahahaaa…) is a piece of cake in DW, color blocking that don’t make any sense aaand unintended CSS. because DreamWeaver happen to automatically generate the css code everytime I change the color of my font. still, I didn’t know what CSS really is. but the curiosity is growing inside me.

the first web application I create when I was a high school student is all about flash button, flash button, flash button, then frameset, then pictures, lot’s of them. 😀

then the next evolution of my web application is tables, I made aaalllll my web application layout from tables, and I am happy. here I learn how to use photoshop to organize my layout. etc. but here my application evolve with better page layout, systematic information, match coloring, even is faaar away from perfect, I still love it.

then now,

I, no longer play with button who play their own button effect from flash and happy to the sound effect of the button, now see the design from every point of view who make the application stand out. it is far away from perfect, far away to be called as a website who catch people attention and I am still learning. I have my late start up, but I won’t stop learn. I make my progress here and I love every bit of CSS and I, if you are too lazy to use CSS or such, trust me. use it. if you fail and your design isn’t fill you up, try to look at other website for inspiration and try again. don’t give up. and when you already at the point where you mastered (yet still feel soo hungry) it will be the evolution of yours, my friend. and when you look back, there will be lots of story you can tell and appreciate.

[IT] How to search on Google

Two days ago I became one of the speakers on “Indonesia Awan Pengetahuan” workshop with another 4 speakers ( Mr. Wawan, Mr. Syawal, Mr. Sumarli, and Mr. Sukisno). The purpose of the workshop is to educate teachers of all level about basic computer, internet, mind mapping, and office. And show them how to optimizing all the resources they’ve learned to build a strong and powerful subject for the students.

This article supposed to be delivered on the workshop, but because of several problems, this idea was slightly missing on the list. hahahahahaaaaa…… so I’ll post it here instead.

Basically, we can search on Google by type down our keywords. just any words. but it will make the range become too wide and less specific to what we want to. so here is the code or we can call it google cheat sheet to make search on google hit the point on what we want to find :


  1. AND ( + ) : To search over something that contains both/or more keywords that connected by this Operator :
    Example :
    waffle+recipe, waffle AND recipe

  2. Continue reading

[tutorial] Fungsi Terbilang Ms. Excel

Disamping formula – formula built-in yang memang sudah ada di excel, kita juga bisa membuat fungsi tambahan dengan menggunakan Macro. berikut ini adalah tutorial untuk merubah angka menjadi huruf terbilang dari angka yang di maksud. Untuk menggunakan fungsi terbilang ini terlebih dahulu anda download file macro (add-in) yang akan membantu kita menggunakan fungsi terbilang.

[Download add-in terbilang]

[Download Contoh file Kuitansi]

[Download tutorial Fungsi Terbilang (word)]

Untuk Microsoft Office Excel 2007 :

  1. Buka Excel Anda
  2. Klik Office Button (tombol yang bulat di pojok kiri atas ) pilih Excel Options
    Gambar 1

    Gambar 1


Continue reading


The-following-week-topic after the previous Internet Technology topic (although it was a failure class due to black out in some classes including mine, so the class dismissed earlier than it should be)

stands for Hyper Text Markup Language, is a format that tells the computer how to display a web pages. the document itself is a plain text files (ASCII) with a special TAGS or code that the browser knows how to interpret and display in a computer’s browser. HTML is a collection of tags, and as a matter of that, HTML consist of two elements there are TAGS and TAG’S ATTRIBUTES. so, HTML isn’t a programming language, but just the markup language and it makes HTML doesn’t have any variable, any algorithm or such things that belongs to programming language. Remember, HTML just a plain files that able to tell the browser what the browser suppose to display. He is good at telling other people what they suppose to do. 😀

As I mention above that two basic-most-important elements of HTML are TAGS and ATTRIBUTES. so let discuss each element.
Continue reading

[IT] Web 3.0 and Web development

it’s quite a while for all the internet, website and IT community aware of the significant change of the web 3.0 might bring. In fact it was a Hot Topic several years ago, and it still become a hot topic to discuss. some people also has some negative reaction during the birth of web 2.0. almost the same reaction also happen when HTML5 launched. well, I guess better things also comes with a great rush.

start with the Web 1.0 and web 2.0 : it was a huge differences. like a long step ahead when start on 1999 web 2.0 is introduced. web 2.0 accross the limit web 1.0 made, it does what web 1.0 doesn’t. web 1.0 is a completely static web, some people express it was a ‘Read-Only’ Application. and less.. almost none interaction with the users. where the web 2.0 offers you more, you can personalize your account, you can write and publish your own web, application, in the other words this web 2.0 make the non-technical user involve in their own ‘thing’ in the web, so that lots of people has their own might to build their application and manage it without learn programming or anything related.
Then I found my self in a confussion to differ the main idea of web 2.0 and web 3.0, because the web 3.0 has the ability web 2.0 has and some of the article just write that Continue reading