Saturday, November 25th, 2006
CSS Evolution
Evolution of the web in real-time. I hope you are having a good weekend (a Thanksgiving one for the US folk).
4.1 rating from 116 votes
Activity Stream
Audible Ajax
Episode 25
In Episode 25, we chat about IE 8, standards, Acid3, server side JavaScript, and more.
Podcast RSS
GET E-MAIL UPDATES
Ajaxian Jobs
Contact us
Who are the ajaxians? Find out.
Please contact us at . We would love to hear about any news that we could put up here.
We have individual blogs too:
Feeds
[...] Link [...]
maybe it’s just supposed to be a screenshot. do our modern browsers even handle the ancient interwebs?
that was amazing!
i like it :) good work!
nice!!! that should teach’em…
That was a pretty neat. :)
(Though my last comment was not a neat sentence. :( D’oh.)
It’s not really real-time, but cool.
That’s great. Is there a FF extensions that - if activated - renders the page this way? Or ist it just a drawn together animated gif? This would help in CSS development a lot. If not, anybody?
Two questions:
1. Why are you hot-linking to the image?
2. Why did you not give the original author credit?
http://mboffin.com/post.aspx?id=1619
[...] http://ajaxian.com/archives/css-evolution [...]
This is how should and my websites are being built! BTW - nice job
[...] [ Fuente ] [...]
CSS的力é‡
åº•ä¸‹çš„è¿™å¼ GIF动画生动的表现使用css构建一个漂亮网页的过程，wordpress主题就是这么åšå‡ºæ¥çš„:)
via
…
[...] bei ajaxian.com gibt es ein nettes animiertes GIF, dass die Evolution einen Blog Templates vom reinen strukturierten Text bin hin zum fertiges CSS Layout zeigt. Nett anzusehen. [...]
Hah! Cool and funny! Nice work!
[...] Vía: Ajaxian [...]
I have to agree with Nathan above.
How is this not blatantly stealing someone else’s content?
At least you could link to Dylan Bennett’s site.
[...] æ¥æºï¼šCSS Evolution var tabPane1 = new WebFXTabPane( document.getElementById( “tab-pane-1″ ) ); [...]
Fun demo for beginners. Would be educational to show the actual css at each point.
[...] Al menos, asà lo presentan en Ajaxian. En realidad, un gif animado (800 Kb de peso!!) que hace las veces de un vÃdeotutorial con el que evidenciar todo lo que CSS puede hacer por ti. Sencillo, pero pedagógico: [...]
[...] Ajaxian » CSS Evolution (tags: CSS fun webdesign) [...]
[...] | Ajaxian Enviar a un amigo por E-mail | TrackBack URI Categoria: Web 2.0,Internet [...]
If this is real time then someone is a VERY productive web designer :)
CSS-Evolution
Sehr simpel gemacht, aber eine gute Idee:
CSS Evolution beim Ajaxian
Vielleicht sollte man das mal ins Kunden-Aufklärungs-Repertoire mit übernehmen, um dem Kunden an sich ein wenig die Arbeit zu veranschaulichen
Truly Awesome! I wonder why is ot not possible in real time? It’s just messing with lots pd DOM implementaton
Amazing evolution skills….
Evolution of a site
Evolution of CSS
[...] ¿Se nota la diferencia? Por eso es importante aprender este sencillo lenguaje. No toma más de unas pocas horas poder comenzar a diseñar usando CSS. Además existen excelentes tutoriales, y, para los olvidadizos —entre los que me incluyo— hasta hay una hoja —CSS Cheat Sheet— lista para imprimir con la mayorÃa de las propiedas a utilizar. ¡Ya no tienes excusas! (VÃa Ajaxian). [...]
As always Dion, well done!
Nice CSS effect, will have to have a go at it.
I found using Wordpress to design my web sites a great time saver and with plugins for automatic sitemap generation and SEO optimisation and easy changing of themes its such a web design time saver. If fact i just made a template from the theme i’m currently using and after veiwing the souce code i just saved as html and with a bit of copy and pasting moved all the content on my older html pages to the new template now my older pages all look the same as the blog template. On a new site this isnt a problem but this one has been around a while before i used Wordpress. Still have a load of article pages to move over but i should be able to automate some of it with a few block text replacer programs i have.
That’s a great video you’ve got there. I’ve been searching around for CSS videos and wathing them for a while. You’re CSS one really helps to ‘get the big picture’ in CSS design and layout, and is a great help, thanks.
What is CSS?
That’s certainly a fun little video.
I found another video visualizing the development of web 2.0, or rather from html to xml to web 2.0, on the W3 Edge website. Interweb Evolution.
Enjoy!
Nice Blog
Wow Great!! I need to try it . Thanks for valuable info!
computer repairs
Post advertisement at http://fivq.com/ . There you can offer your services, find gigs (short term jobs) or long term jobs. It is good place who would like to work remotely. Also there you can promote your website, your services. Between its absolutely free to post.
Hola Los mejores jamones Ibericos son los de Jabugo sin duda. Calidad Bellota y de Pata Negra.
Looking good! You’ve done a great job there.
Dannie, Programmer currently working on the Sleeping Aid Online Pharmacies project.
Great JOb!
Its really nice to see it happening in real time, it must have taken you time to do that, but it was actually fun to watch.
————
SEO Services
Cool.. i download it and try to use it. Very useful to see the CSS real time.
—-
herbal prostate health project manager
Yes,
Thats great, i have already referred to others as well.
Keep it up
Great to see a new CSS Blog. I will try it for sure. Is it open source and can it be run on windows?
Hi!….
I was searching on internet and I found your post…..it is really interesting…keep it up….look forward to read more from you…
Hi
very great info, it is useful to learn css easily..