Evolution of the Web

Evolution Of The Web

The Evolution of the Web is cool, interactive visualization from the Google Chrome team (along with Hyperakt and Vizzuality) that explores the evolution of web browsers over the last 20 years.

Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today’s web is a result of the ongoing efforts of an open web community that helps define these web technologies, like HTML5, CSS3 and WebGL and ensure that they’re supported in all web browsers.

The color bands in this visualization represent the interaction between web technologies and browsers, which brings to life the many powerful web apps that we use daily.

Clicking on any of the browser icons brings up a cool visual history of the window design for each version.

Google Chrome

Check it here!

*taken from FlowingData

Advertisements

Firefox Add-ons yang Harus dimiliki Freelancer

Firefox Add-ons untuk freelancer indonesia - photo by Sparrow*

Firefox adalah media browser yang paling diminati saat ini setelah Internet Explorer buatan Microsoft. Firefox-pun yang paling banyak mengeluarkan add-ons untuk kebutuhan para penggunanya, tidak dapat dipungkiri Internet Explorer hanya butuh waktu untuk terkubur kalau mereka tidak memperbaiki fitur-fiturnya. Add-ons yang dipublish sangatlah beragam, sampai berjumlah ratusan atau mungkin sudah sampai ribuan. Sebagai freelancer kita harus bisa memanfaatkan add-ons yang bisa sangat membantu kita.

Fitur-fitur yang wajib dimiliki antara lain :

Scrapbook

Firefox add-ons ini dapat menyimpan semua halaman situs yang kita inginkan hingga 3 link ke dalam. Semua media bisa disimpan disini seperti foto, dokumen, musik,  video hingga arsip (seperti zip, rar, xpi dan lainnya).Add-ons ini sangat berguna bagi semua orang karena kita jadi bisa mengakses situs secara menyeluruh berikut semua link yang ada pada saat kita tidak ada akses internet. Selain itu situs yang sudah tersimpan di Scrapbook dapat disunting, ditandai (dengan tanda yang mirip dengan stabilo) apabila ada yang penting. Anda wajib mencobanya :)

Gridfox

GridFox adalah Firefox extension terbaik untuk pengembang websiteAdd-onsini mampu memberikan tata tampilan berbasis grid yang dapat disesuaikan di setiap situs yang kita inginkan. Hal ini akan membantu Anda merapikan layout web Anda.

Sebagai alat bantu lainnya 960.gs memberikan css framework untuk memudahkan kita membuat situs dengan konsep grid sistem.

Colorzilla

ColorZilla sangat berguna bagi pengembang website dan desainer grafis untuk mengetahui  warna yang terdapat pada suatu situs. Dengan begitu Anda tidak perlu menebak warna apa yang dipakai di situs favorit Anda.

IE Tab

IE (Internet Explorer) dapat dibilang racun dunia dalam dunia browser :) . Dengan adanya IE tab, para desainer dapat mengetahui kesalahan mereka pada IE dan dapat segera membenarkannya tanpa harus meninggalkan Firefox.

Fire FTP

Fire FTP gratis, aman, dan merupakan aplikasi FTP yang terintegrasi pada Firefox. Program ini dapat berjalan dengan lancar walaupun Anda membuka program lainnya. Programer pasti sangat menyukainya :)

FoxClocks

FoxClocks akan memudahkan freelancer online untuk mengetahui waktu tepatnya klien yang berada di belahan dunia lain.

Firebug

Firebug adalah Firefox add-ons yang paling diminati para programer. kenapa? karena programer dapat mengetahui dengan jelas kesalahan javascript (atau script lainnya) yang terdapat di siitus tertentu. Selain itu Anda dapat menyunting, melakukan debug, me-monitor CSS, HTML, Javascript secara langsung (live) di situs yang Anda inginkan.

Delicious Bookmarks

Delicious bookmarks adalah Firefox add-ons yang terintegrasi dengan del.icio.us. Anda dapat mem-bookmarks browser dan memberikan tags pada situs yang Anda anggap menarik agar di kemudian hari Anda bisa dengan mudah menemukan situs itu lagi.

Scribefire

Para blogger maupun penulis wajib mencoba Scribefire, karena Anda dapat menulis secara langsung dengan add-ons Firefox ini tanpa perlu membuka situs tersebut.

Bagaimana dengan Anda?, Firefox add-ons apa saja yang kalian gunakan dalam ber-freelance ria sehingga membantu kalian dalam berkerja.

Sumber: http://de.tk/qp3bb

10+1 Add-ons Mozilla Firefox untuk Web Developer

10 Firefox Add-Ons Terpopuler Untuk Web Developer

Inilah daftar 10 Firefox add-on terpopuler bagi para web developer dari hasil penelusuran di forum, blog, dan Twitter.

Setiap plug-in pada daftar berikut ini menawarkan utility luar biasa bagi para developer yang menginstallnya di browser mereka. Bahkan, sebagian add-on tsb dianggap wajib. Kesemua plug-in ini dapat didownload gratis.

1. Firebug

Firebug 10 Firefox Add-Ons Terpopuler Untuk Web Developer

Dengan Firebug, Anda bisa mengedit CSS, HTML dan JavaScript yang ada pada web page tanpa harus pindah dulu ke aplikasi lain. Perubahan dan previewnya dapat dilihat real-time. Add-on ini juga memiliki fitur analisis aktifitas jaringan dan profiler kinerja JavaScript. Seperti Firefoxnya sendiri, Firebug dapat diextend dengan plug-in yang menambahkan fitur baru.

2. Web Developer

Web Developer 10 Firefox Add-Ons Terpopuler Untuk Web Developer

Web Developer merupakan dynamic extension paling powerful pada daftar ini; WD menambahkan toolbar yang memungkinkan anda melakukan banyak hal yang bermanfaat.

Anda bisa non-aktifkan Java, non-aktifkan atau lihat cookies, nonaktifkan CSS, lihat styles, lihat info detail form, non-aktifkan images, temukan broken images, lihat JavaScript, tampilkan semua jenis info behind-the-scene, edit HTML, tampilkan elemen tersembunyi, ubah resolusi window, validasi code dan banyak lagi. Continue reading

CSS 2.1, CSS 3 dan HTML 5 Help Cheat Sheets (PDF)

Sekarang, kita bisa cepat untuk melihat secara keseluruhan properti apa saja yg ada di CSS 2.1, CSS3 dan HTML 5, karena sudah disediakan cheat sheets yg mantap. Jadi bisa belajar secara keseluruhan dan maksimal :D. Selamat Menikmati!!!

The CSS 2.1 Help Sheet covers Syntax, Font, Text, Margins, Padding, Border, Position, Background, List, Media Types and Keywords. The CSS 3 Help Sheet contains code snippets for Rounded Corners, Box Shadow, Multiple Columns, Text Shadow, RGBa, Font Face (actually, not the CSS3 property, but still include for the sake of usefulness), Box Sizing, Box Resize, Outline and Gradients.

css preview
css 3 help sheet preview

10 best #HTML5 Tutorial You Should Visit!

HTML5 (dan CSS3) is the updated version of the long term HTML, used by front-end web developers all over the world.

Versi baru dari markup language ini dibuat untuk memenuhi kebutuhan teknologi RIA (Rich Internet Application), dimana selama ini banyak dilakukan oleh Flash, Silverlight dan Java. Dengan HTML5 kita sudah sangat bisa membuat user interface web yang sangat menarik dengan resource yang cukup ringan.

Terdapat beberapa semantik baru <footer>, <nav>, <article>, <aside>,dll. Dan yang pasti akan menimbulkan masalah pada bagian browser compatibility.

Langsung saja, these are 10 great sites where you can slowly get used to HTML5 :