Dijual dengan harga yang sangat terjangkau, teknologi komputer sekarang menjadi sangat terjangkau, menjadikan harga Rp 5 juta atau sekitar 500 dollar AS sebagai ambang harga psikologis untuk mendorong pembelian oleh orang kebanyakan.

Kehadiran netbook yang masuk dalam kategori notebook dengan ciri ukuran monitor di bawah 10 inci, dengan atau tanpa hard disk, serta lebih mirip perangkat untuk anak-anak, tapi juga bisa digunakan untuk orang dewasa bekerja, telah memicu ikut turunnya berbagai perangkat keras komputer lainnya.

Integrasi perangkat keras berkaitan dengan pesatnya kemajuan jejaring sosial di internet telah memaksa jutaan orang di seluruh dunia untuk ikut serta mengikuti kemajuan teknologi jejaring modern yang tidak memiliki preseden dalam sejarah kemajuan teknologi dunia.

Berbagai perangkat teknologi komunikasi informasi sekarang menjadi lebih cerdas, mudah digunakan dan sangat bersahabat dengan kehidupan kita sehari-hari, serta memiliki kemampuan untuk berkomunikasi satu dengan lainnya.

Komputer sekarang tidak hanya digunakan sebagai perangkat untuk mengetik dan mengolah angka, tapi menjadi perangkat untuk mendengarkan musik, menikmati foto digital, berbicara sebagai perangkat teleponi, penunjuk arah menggunakan kemajuan teknologi GPS, menonton video, dan berbagai aktivitas lain yang tidak terbayangkan sama sekali.

Mereka yang menikmati semua kemajuan teknologi komunikasi informasi sekarang ini akan merasakan betapa menyenangkan dan nyamannya bisa bekerja di mana saja atau menikmati apa saja.

Terjangkaunya harga serta semakin canggih teknologi yang dihadirkan memang sepatutnya dinikmati oleh siapa saja. Produk terbaik kali ini memperkenalkan dalam berbagai bentuk kemajuan serta tren yang akan kita hadapi di masa mendatang.

Konvergensi teknologi antara komputer dan teleponi menjadi lebih dalam dibandingkan tahun-tahun sebelumnya. Berbentuk kecil dan muat di dalam saku, perangkat teleponi sekarang menjadi semakin cerdas, semakin canggih, serta terjangkau untuk siapa saja. Tahun ini Samsung memperkenalkan seri terbaru, SGH-i780, sebagai kelanjutan seri Blackjack sebelumnya yang memiliki fitur paling lengkap, mulai dari kamera digital, GPS, papan ketik mini QWERTY, nirkabel Wi-Fi, serta koneksi kecepatan tinggi 3,5G HSDPA. Samsung SGH-i780 adalah konvergensi seutuhnya kemajuan teknologi komunikasi informasi.

Teleponi berbasis protokol internet adalah teknologi yang cukup lama dikembangkan dan digunakan di semua lapisan masyarakat. Cisco System Inc, perusahaan AS yang mengembangkan sistem jejaring berbasis protokol internet, memperkenalkan produk teleponi berwarna Cisco 7970 yang mampu menjadi sentra berbagai ragam informasi secara cepat tidak hanya percakapan teleponi.

Mengindonesiakan teknologi komunikasi informasi adalah sebuah upaya melakukan transformasi berbagai kemajuan dan menghadirkan Wakatobi 526 buatan Zytrex merek Indonesia yang ingin menjadi tuan rumah di negeri sendiri. Komputer notebook dengan prosesor Core2Duo T5550 dan memori 2GB ini memasuki era kemampuan merek Indonesia menghadirkan komputer canggih yang terjangkau.

Fotografi digital mengalami perkembangan yang pesat dan menjadi fenomena penting kemajuan digitalisasi multimedia. Perangkat kamera digital sekarang menjadi gadget penting idaman siapa saja untuk penggunaan apa saja. Kamera digital seri D40x dengan resolusi 10 megapiksel menjadi kamera digital jenis single lens reflex (SLR) idaman siapa saja, baik fotografer amatir maupun profesional. Bentuknya yang kecil dengan rancang desain yang ringkas, Nikon D40x menggunakan sensor imej CCD dan panel layar 2,5 inci pada bagian belakang, adalah kamera digital yang menyenangkan, terjangkau untuk siapa saja, dan fitur teknologi mutakhir.

Teknologi prosesor multi-inti tidak lagi hanya terbatas pada penggunaan dua inti dalam seri Core2Duo, tapi juga berinti banyak quad-core seperti prosesor terbaru Phenom 9600 buatan Advanced Micro Devices Inc (AMD). Bernama sandi Spider, Phenom 9600 dengan empat inti mampu menghasilkan kecepatan komputasi lebih cepat dibanding dual-core, memungkinkan melakukan berbagai aktivitas digital multimedia, termasuk mempersiapkan penggunanya menikmati kemajuan teknologi definisi tinggi dalam tayangan yang lebih tajam, lebih jelas, lebih realistis, dan lebih cepat.

Kemajuan teknologi satelit memungkinkan siapa saja memiliki akses posisi global dengan perangkat navigasi personal seperti Nokia 330. Perangkat yang disebut sebagai Auto Navigation menggunakan sistem operasi Windows Mobile, mampu memberikan informasi global secara luas, termasuk penyediaan peta Indonesia secara lengkap. Juga berfungsi sebagai perangkat multimedia, Nokia 330 menggunakan prosesor GPS menghadirkan secara cepat posisi geografi.

Produk konvergensi teknologi dalam faktor bentuk baru disebut sebagai Ultra Mobile PC (UMPC) diperkenalkan sebagai perangkat konvergensi yang nyaris sempurna menggabungkan kemampuan teknologi teleponi dan teknologi informasi dalam kesatuan yang tidak terpisahkan. Rumusan konvergensi ini diterjemahkan High Tech Computer Corp (HTC) asal Taiwan dalam produk Shift menggunakan dua prosesor Intel A110 dan Qualcomm masing-masing berkecepatan 800 MHz dan 400 MHz. Gabungan kedua prosesor ini menjadikan HTC Shift sebagai campuran notebook, PDA, dan perangkat teleponi yang memiliki kemampuan GPS. HTC yang piawai dalam meracang ponsel PDA menghadirkan Shift sebagai transformasi menuju konvergensi teknologi komunikasi informasi modern, menghadirkan berbagai fitur teknologi maju, termasuk 3,5G.

Penggunaan prosesor sebagai inti penggerak komputer mulai terintegrasi dalam transformasi baru menuju apa yang disebut sebagai General Purpose Graphic Processing Unit (GPGPU), menjadikan prosesor grafik tidak hanya mengolah imej digital, tapi juga melakukan komputasi lain. Teknologi prosesor grafik buatan Advance Micro Devices Inc (AMD) dalam seri ATI Radeon 4800, memiliki tenaga komputasi mencapai satu teraflop, mampu menghadirkan berbagai ragam data digital dalam aliran multimedia secara lebih realistis, membuka peluang baru tidak hanya untuk mengembangkan tayangan lebar animasi yang lebih realistik, tapi juga tampilan definisi tinggi yang menjadi tren perkembangan teknologi yang sedang berlangsung menuju tampilan yang lebih realistis di layar monitor maupun teve. Menggunakan 800 inti sebagai tenaga prosesornya, ATI Radeon seri 4800 membuka gerbang baru kekuatan komputasi masa depan.

Kamera video pengintai berbasis protokol internet (IP) memanfaatkan kemampuan jejaring internet, menjadi tren penting kehadiran yang memperluas pandangan ke berbagai penjuru dunia. Produk canggih seperti PZ6122 buatan Vivotek asal Taiwan memiliki kemampuan untuk bergerak ke kiri dan ke kanan sampai dengan 270 derajat, memiliki pembesaran optik sampai sepuluh kali, serta gabungan teknologi penggunaan lensa yang bisa melihat di malam hari sampai dengan 0,05 lux. Vivotek PZ6122 menjadi kamera berbasis IP yang memberikan rasa aman bagi siapa saja untuk penggunaan di rumah, kantor, perusahaan, pabrik, dan lainnya.

Penggunaan memori dalam teknologi komputer tidak hanya menjadi semakin besar, tapi juga menjadi semakin cepat dan canggih dengan kehadiran teknologi DDR3, seperti produk Corsair XMS3 DDR3 (atas) menunjang kehadiran teknologi prosesor baru berbasis dua atau lebih inti, serta kehadiran sistem operasi Windows Vista berbasis grafik yang menuntut cepatnya pengolahan prosesor untuk sementara disimpan di memori. Memori luks buatan Corsair ini menjadi idaman para pemilik komputer yang mengandalkan kemampuan untuk mempercepat keseluruhan proses komputasi, serta memiliki daya tahan terhadap panas dengan pelindung aluminium yang dianoda untuk mempertahankan kinerja komputer.

Teknologi kamera pengintai yang menjadi andalan di lingkungan perusahaan sudah lama menggunakan kamera analog yang memiliki berbagai keterbatasan, seperti akses maupun keterbatasan kapasitas penyimpanan. Produk VioServer-5 buatan Qnap, perusahaan asal Taiwan, menjadikan kamera analog di berbagai perusahaan memiliki kapasitas yang diperluas tidak terbatas pada sistem penyimpanannya saja yang bisa diarahkan ke hard disk komputer, tapi juga kemampuan aksesnya memanfaatkan jejaring internet. VioServer-5 memiliki kemampuan untuk terhubung ke 32 buah kamera analog, menjadikan total biaya kepemilikan sistem kamera pengintai keamanan menjadi lebih realistis di tengah kemajuan teknologi komunikasi informasi. VioServer-5 menjadi pilihan penting perkembangan kamera pengintai masa depan.

Komputer berbasis TabletPC sudah lama hadir dan tersendat karena keterbatasan pemahaman dan pemanfaatan penggunanya. Produk TabletPC oleh perusahaan sekelas Fujitsu asal Jepang mampu menjadi produk seperti T2010 menjadi lebih elegan dengan memberikan rincian penting untuk merampingkan dan meringankannya sebagai produk yang penuh fitur. Menggunakan prosesor Core2Duo U7600, T2010 menjadi piawai dengan fitur 3,5G HSDPA memperluas akses penggunanya menjadi tidak terbatas. Produk T2010 ringkas, ringan, bertenaga, dan futuristik menghadirkan teknologi baru kemajuan teknologi notebook.

Kemajuan teknologi digital sekarang tidak hanya memberikan peluang menikmati buku-buku atau majalah dalam format modern baru menghadirkan e-book, tapi juga menjadi ringkas dan menjadi tidak terbatas. Digitalisasi buku-buku dan bacaan lainnya juga mendorong muncul gadget baru seperti Sony PRS-505, perangkat pembaca e-book yang terjangkau, tidak perlu lagi menggunakan komputer untuk mengakses berbagai buku digital. Sony PRS-505 memiliki berat 225 gram, mampu memuat sekitar 160 judul buku secara internal, dan menjadi tidak terbatas dengan penggunaan SD Card atau Memory Stick Duo yang dikembangkan Sony. Menggunakan baterai lithium yang diisi ulang, perangkat pembaca buku ini bisa bertahan setelah dibaca lebih dari 7.500 halaman. Selain sebagai pembaca e-book, Sony PRS-505 juga bisa menjadi sebagai album digital menyimpan foto-foto yang ditampilkan dalam bentuk foto hitam putih dengan gradasi yang memiliki ketajaman yang menyenangkan untuk dinikmati siapa saja.

Menghadirkan durabilitas dan skalabilitas teknologi menjadi ciri penting komputer notebook B|Y|O|N, merek Indonesia yang memungkinkan penggunanya untuk mengganti berbagai komponen di dalamnya sesuai dengan kemajuan teknologi. Produk B|Y|O|N seri S1371 G/S memiliki platform dasar yang memungkinkan untuk mengganti penggunaan prosesor, memori, dan kapasitas hard disk mengikuti build-your-own-notebook, menuju terwujudnya ekosistem teknologi komunikasi informasi yang terus-menerus diperbarui.

Semua orang ingin memiliki kamera digital, bukan hanya terjangkau, tapi juga memiliki kemampuan yang setara kamera yang digunakan para profesional. Kamera Canon PowerShot G9 dengan resolusi 12,1 megapiksel memiliki keseluruhan fitur yang ada pada kamera digital jenis SLR yang digunakan para profesional, memanfaatkan kemajuan teknologi prosesor DIGIC III.

Teknologi layar sentuh akan menjadi tren penting yang akan digunakan pada berbagai produk teknologi komunikasi informasi. Kehadiran produk baru buatan Nokia seri N810, misalnya, menjadi awal berubahnya tren menuju terintegrasinya berbagai perangkat yang tidak lagi terbatas pada kemajuan teleponi, maupun sistem operasi yang mendominasinya. Nokia N810 dengan sistem operasi Internet Tablet OS 2008 menunjukkan betapa pentingnya jejaring internet yang menjadi sentra berbagai aktivitas kehidupan digital sehari-hari. Memiliki beragam fitur, produk N810 yang tidak memiliki fasilitas teleponi yang menjadi ciri produk buatan Nokia asal Finlandia ini, menjadi gadget multifungsi memanfaatkan teknologi layar sentuh dan perangkat papan ketik QWERTY yang tersembunyi di balik layar monitor.

Untuk bertahan menjadi produsen utama teknologi komunikasi informasi, banyak upaya yang berusaha dilakukan oleh berbagai perusahaan multinasional, termasuk Hewlett-Packard (HP). Perusahaan asal AS yang sudah lama mendominasi pasar berupaya memperkenalkan produk anyar dan canggih, dan hanya mampu menghadirkan HP Pavilion Slimline s3380d sebagai terobosan baru untuk menggugah kepemilikan konsumen atas teknologi komputer canggih dengan desain yang futuristik. Pavilion Slimline adalah miniaturisasi dengan berbagai fitur penting, mengikuti kemajuan produk-produk sejenis yang sudah lama beredar di pasaran. Produk terbaru HP ini menggunakan prosesor Core2Duo E4600 dengan kecepatan 2,4 GHz dan mampu bekerja terus-menerus selama berbulan-bulan tanpa perlu mematikannya. Dengan memori 1 GB serta kapasitas hard disk 300 GB menggunakan sistem operasi Windows Vista Home Premium, produk HP Pavilion Slimline ini menyenangkan digunakan sebagai sentra multimedia untuk menikmati video digital atau mengolah foto-foto digital.

Bedanya, yg ini dilengkapi dengan hardware lock berupa flashdisk. Sementara ini metode enkripsi yg dipakai masih sama, tapi kalau dah dirilis pasti beda dong..., so ndak bisa dibaca pake dexecutor biasa.

Prinsipnya sederhana, software yg dienkrip dengan dexecutor-max hanya(*) bisa dijalankan dengan modul dexecutor-max dan flashdisk yg sesuai harus nancap dikomputer server. Kalau flasdisk tidak cocok, dijamin apache mati mendadak, ndak jadi restart.. :D :D :D

Q: Sudah diuji kah?

A: Tentu saja, tested on Windows XP.

Q: Berapa harganya?

A: Hahaha.. tunggu proposal sy sesai yah, perkiraan seh cuma bayar royalti aja, 10% dari harga software per kopi ;;) , flesdisk gratis. Ntar dikasi tools encryptornya juga, murah bangets tuh....

Q: Serius mau dijual, bro..?

A: Emang kenapa :-/

Q: Disana kan dah banyak kompetitor 'Gede', macam Zend Guard, Ioncube, dll.. ?

A: Iya, saya sangat mengerti, tapi.. segede apapun kompetitor, kita ndak perlu takut, masing-masing punya kelebihan dan kekurangan. Dexecutor punya kelebihan dibandingkan kompetitor lho, jangan salah.. (kekurangan juga pasti ada seh.., ga perlu munafik lah :P ). Detailnya inysaAllah kita akan tuangkan di proposal nanti. Btw, situ mau beli apa??

Q: hehe.., sedang dipertimbangkan :P.
Btw, kapan proposal dirilis?

A: Ok, inysaallah secepatnya, sy juga pengen cepat dapat dana tambahan buat beli 'susu'-nya dede Yahya, hehe...

So, mari kita tunggu kabar selanjutnya..

--

(*) dengan asumsi tidak ada cracker, atau orang lain yg bisa membuat module yg serupa.

The widget is pretty much done as an alpha and it will appear in 2 versions times 2 colors. Currently it is just a static version. Later on it will be attached to the database and be able to stream new data and specific memberdata.

Berdasar data dari IDC yang dirilis HP di Jakarta, Selasa, HP meraih pangsa pasar pendapatan sebesar 31,7 persen di pasar Server Unix Asia Pasifik pada kuartal pertama 2008. Pendapatan tersebut tumbuh lima kali lebih cepat dari pertumbuhan keseluruhan pasar Server Unix per tahunnya.

Selain itu HP juga berhasil menduduki peringkat pertama untuk pasar Server Unix yang diperuntukkan bagi segmen perusahaan besar maupun skala menengah pada kwartal pertama tahun 2008, dengan raihan pangsa pasar masing-masing sebesar 41,2 persen dan 34,4 persen.

Kebutuhan pelanggan terhadap tingginya tingkat ketersediaan, keamanan, skalabilitas dan virtualisasi telah menjadi alasan utama terjadinya pertumbuhan HP-UX di Asia Pasifik.

Peningkatan pendapatan Server Unix juga dipengaruhi oleh faktor-faktor pendorong utama lainnya, seperti pertumbuhan yang signifikan di proyek-proyek migrasi dari mainframe ke HP Integrity, implementasi yang cepat dari server Blade termasuk HP Integrity BL870c, dan adopsi server-server HP Superdome.

Sementara itu, untuk pasar server blade x86 di Asia Pasifik dan Jepang, HP terus memimpin dengan meraih pangsa jumlah pengiriman unit sebesar 40,3 persen pada kwartal pertama tahun 2008.

Jumlah pengiriman server blade x86 dari HP mengalami pertumbuhan tahunan sebesar 39,1 persen pada kwartal pertama tahun 2008. HP juga memimpin dari sisi pendapatan segmen blade x86 dengan meraih pangsa pasar sebesar 35,5 persen dan mencatatkan pertumbuhan per tahun sebesar 54,2 persen pada kwartal pertama tahun 2008.

Kesuksesan HP dalam menghadirkan strategi "blade everything" menjadikan server blade HP terus meningkat secara cepat sehubungan dengan meningkatnya kepercayaan pelanggan dari kalangan perusahaan besar maupun perusahaan skala menengah terhadap HP BladeSystem c-Class yang telah memperoleh pengakuan luas, yang didesain untuk meningkatkan pertumbuhan bisnis dan memantau biaya infrastruktur mereka.

HP melanjutkan kepemimpinannya secara global di segmen blade – yang memiliki pertumbuhan paling cepat di pasar server – dengan raihan sebesar 1,19 miliar dolar pada kwartal pertama tahun 2008.

HP menempati semua posisi No.1 untuk pangsa pasar server blade secara keseluruhan dengan raihan 46,9 persen dalam factory revenue dan 49,9 persen dalam jumlah pengiriman unitnya.

Untuk keseluruhan pasar disk storage di wilayah Asia Pasifik dan Jepang, HP berhasil mempertahankan kepemimpinannya dalam jumlah pengiriman unit dengan meraih pangsa pasar 19,9 persen dari terabytes (TB) yang dikapalkan pada kwartal pertama tahun 2008. Pengiriman TB untuk kwartal tersebut mempunyai tingkat pertumbuhan per tahun sebesar 46.0% dari tahun sebelumnya.

Factory revenue tahunan untuk server HP berbasis prosesor Intel ® Itanium ® (EPIC) di wilayah Asia Pasifik dan Jepang pada kwartal pertama tahun 2008 mengalami pertumbuhan sebesar 44,2 persen. Sementara itu, pertumbunan tahunan dari gabungan pendapatan server HP Non-x86 (RISC dan EPIC) pada kwartal pertama tahun 2008 ini tercatat sebesar 16,9 persen di kwartal pertama tahun 2008.

Untuk wilayah Asia Pasifik dan Jepang, pada kwartal pertama tahun 2008, HP juga meraih pangsa pasar terbesar untuk factory revenue segmen server Windows dan Linux dengan raihan masing-masing sebesar 27,2 persen dan 26,2 persen.

HP melanjutkan kepemimpinannya selama 24 kwartal berturut-turut (sejak kwartal kedua tahun 2002) untuk jumlah pengiriman unit server x86 dengan pangsa pasar sebesar 29,0 persen.

So what is it that we do? Well, we create websites in all shapes and sizes.

The reason for this site came about due to a few things:

1. It's been a while since I have put pencil to paper, so when I started drawing some random things I thought 'hmmm, why not make a website with all this stuff displayed on the site'.
2. A while back I was having a conversation with a couple of people I had just met and I when I told them that my bro and I were web designers they said 'Oh, so you freelance?'... we do not freelance. We have been around long enough to have our own office, a registered company, tax requirements and we get a paid salaries. Many of these things mentioned are not what is usually associated with freelancing.
3. We decided that its time that OBOX had a blog page. So this is it, it will double up as an OBOX blog and a general chat blog.

So whats the 'general chat' involve? Everything.... web related. We love it but we have opinions so hopefully we can share some of those with you!

The purpose of this blog is to a) showcase OBOX-Design's talents and b) talk about stuff web related. Hopefully we will have fellow 'WAnF's' posting on our site in the not tooo distant future.

Hope you enjoy it... haha.

Here's one for all you web designers out there! Are you finding random yellow input boxes on your HTML forms? Here's why - the ever so helpful Google Toolbar parses your page and paint yellow all of the input boxes whose name contains the word email, or any input boxes after the text "email". So remember to say thanks to Google for the accusations you'll get from all of the clients you've ever made websites for...!

I wouldn't mind so much if the toolbar did it's job properly but it paints the wrong fields! For example if you have "Email Address:" then it's textbox, it paints the textbox yellow fine. But if you have the textbox then some text "Email Address" and another textbox for say, password, on the next line, the password box gets incorrectly coloured in! Well done Google.

I've worked out how to get around this so anyone who hasn't already worked it out, read on.

Firstly, change the name of any fields that contain the word "email" to another word, so "em_ad" works.

Secondly, to get rid of their assumption that any textbox that follows the word "email" or "email address" you can create a textbox with style="display:none;". the type here must be "textbox" and not "hidden" as Google ignores type="hidden" and jumps to the following textbox. It misses display:none so you can make it think that is a real field.

Voila! All fixed from what I've seen so future products can be all good. Hope this helps some people out there

Shout back if there are any other "helpful" plugins/toolbars that redesign your website for you. I know Skype does a similar thing with phone numbers but that actually looks like Skype and not just a bad web designer.

One final thing to add is that the reason Google Toolbar does this is it autocompletes these fields as an accessibility feature for imparaired users, therefore make up your own mind if you think this is a feature you want to retain in return for website aesthetics. I say Google should offer web developers some customisation possibilities and maybe this would be a more accepted feature

Introduction

One of the features of ASP.NET 1.0 was its adaptive rendering capabilities that allowed for the markup rendered by an ASP.NET web page to be appropriate for the visiting browser. In short, when an ASP.NET page is visited its Web controls are rendered into markup that is sent down to the browser and displayed. The markup generated by the Web controls, however, depends upon the browser being used to visit the page. When visited by an "uplevel browser" ASP.NET Web controls render HTML 4.0-compliant markup; for "downlevel" browsers, the Web controls render HTML 3.2-compliant markup. In ASP.NET 1.x, browsers were labeled as "uplevel" or "downlevel" via the <browserCaps> element in machine.config or web.config (one downside of ASP.NET 1.x was that, by default, only IE 4.0 and up was marked as "uplevel" meaning modern browsers like FireFox and Opera were flagged as downlevel). See A Look at ASP.NET's Adaptive Rendering for more information on ASP.NET 1.x's adaptive rendering functionality.

ASP.NET 2.0 provides the same adaptive rendering as ASP.NET 1.x, although a browser's capabilities are determined by Browser Definition Files rather than a <browserCaps> element. (<browserCaps> support still exists in ASP.NET 2.0 for backwards compatibility, but has been deprecated and its use should therefore be avoided.) In addition to adaptive rendering, ASP.NET 2.0's rendering framework also can be configured using control adapters. A control adapter is an optional class that, if present and properly configured, is used to render the Web control instead of using the control's default rendering logic. In short, using control adapters you can take the core functionality of a Web control, but completely customize the markup emitted. This is useful if you want to modify the default rendering for all browsers or if there are particular user agents - certain cell phones or portable devices, perhaps - for which you need to provide a customized rendering.

A good example of the power of ASP.NET 2.0's control adapters can be seen with the ASP.NET 2.0 CSS Friendly Control Adapters. This set of free control adapters, released by Microsoft, provide a set of control adapters that render a variety of built-in ASP.NET controls using preferred CSS techniques. For example, by default the Menu Web control renders as an HTML <table>; with the control adapters, however, the Menu is rendered as an unordered list using CSS positioning to appropriately display the menu. Moreover, the CSS control adapters ignore any control-level style settings that would get rendered as inline style elements in the rendered markup and instead require that style information be separated out and specified via CSS classes.

In addition to a control adapter for the Menu control, the CSS Friendly Control Adapters include adapters for the TreeView, GridView, DataList, DetailsView, Login, CreateUserWizard, and a variety of other controls. In this article we'll look at how to get started with the CSS Friendly Control Adapters and how they can clean up and improve the markup of your website. Read on to learn more!

A Quick Primer on Control Adapters
When a user visits an ASP.NET web page, the end goal of the page is to render its contents into markup that can be sent back to the requesting client. An ASP.NET page generates its rendered content by walking through its control tree - its Web controls and static HTML content - and basically saying, "Hey, you, render yourself." Each control obediently renders itself and returns its rendered markup to the page. These rendered pieces are slapped together and then sent back to the requesting client.

When an ASP.NET 2.0 Web control is getting render itself, it stops and says, "Wait, do I have an adapter that I should be using?" A control adapter is implemented as a class that derives from the ControlAdapter class and has important rendering-related methods, like BeginRender(), Render(), RenderChildren(), EndRender() and so forth. If the Web control being rendered does not have a control adapter, then it handles the rendering interally (that is, it uses its default rendering logic rather than allowing an external control adapter to perform the rendering). Whether or not a control adapter is used depends on the settings in the Browser Definition Files, which include instructions as to what Web controls should use control adapters and for what browsers.

To use a control adapter in an ASP.NET web application, then, we need to perform two steps:

1. Create (or download) the control adapter. Again, this is just a class that derives, either directly or indirectly, from the ControlAdapter base class. The .NET Framework already includes some classes that extend the ControlAdapter class - PageAdapter, WebControlAdapter, DataBoundControlAdapter, and so on - and these classes are often the ones derived from when building a control adapter.
2. Configure or create a Browser Definition File to indicate that the control adapter should be used for a particular Web control and for a particular user agent. Browser Definition Files have the .browser extension; the default Browser Definition Files can be found in %WINDIR%\Microsoft.NET\Framework\v2.0.50727\CONFIG\Browsers. This information can be customized for a particular web application by adding .browser files to the App_Browsers folder.

In this article we won't be creating our own control adapters. Instead, we'll look at downloading and using the Microsoft's CSS Friendly Control Adapters.Improving the Default Markup of ASP.NET Web Controls
Cascading Stylesheets (CSS) are a technique used in web development to specify presentation settings for a particular HTML element, for a class of HTML elements, or for all instances of a particular HTML element type (such as specifying display settings for all <div> elements). To specify presentation settings for a particular HTML element, the element's style attribute can be used. For example, the following markup specifies that the paragraph element's background color should be green:

Ideally, though, presentation information can be specified using CSS classes. A CSS class defines the presentation style for a class of elements and are defined in the <style> element or through external CSS files that are associated with a page via the <link> element. Once a class has been defined, it can be associated with a particular HTML element via the element's class attrbute. The following markup adds a class named .Warning that makes the text appear in a red, bold font. The following <span> element is associated with the class and, consequently, would display as red, bold text when viewed through a browser.

<style type="text/css">
  .Warning {
     font-weight: bold;
     color: red;
  }
</style>

<span class="Warning">
  Danger! Danger!
</span>

The CSS class approach is preferred over using inline styles for a couple of reasons. First, it reduces the overall page's size because presentation information can be specified in one place - the <style> element or in a separate CSS file - and then applied in numerous spots on the page. If only inline styles are used, the presentation information must be re-applied with each control. Second, having the presentation information centralized also makes site redesigns or presentation changes much easier, since there's only once place where the settings need to be modified.

Unfortunately, ASP.NET's Web controls' style-related properties are rendered as inline styles. That is, if you add a Label Web control to the page and set its ForeColor property to Red, the Label renders markup like:

Some controls, however, are intelligent enough to use classes as opposed to inline styles. The Menu control, for example, uses classes as opposed to inline styles when rendering its style-related properties. Moreover, all Web controls do offer a CssClass property which you should use instead, but using the inline properties is a tempting choice and one too many developers make.

Additionally, many of the ASP.NET Web controls render using HTML <table>s for positioning instead of using regular block elements (like <div>) with positioning applied through CSS. HTML <table>s were designed to store tabular data, not to be used for layout purposes, but that's exactly how they're used with Menus, TreeViews, and other built-in ASP.NET Web controls.

This behavior, however, can be overridden using control adapters. While these could be created from scratch, Microsoft has provided the ASP.NET 2.0 CSS Friendly Control Adapters that can be downloaded and plugged into your ASP.NET web applications with minimal effort. Once installed, the control adapters will no longer render inline style attributes (you need to use CSS classes) and replaces the <table> layouts of the Menu, TreeView, and other controls with CSS techniques.

Downloading and Integrating the CSS Friendly Control Adapters Into Your ASP.NET Website
To get started with building a CSS friendly ASP.NET website using the CSS Friendly Control Adapters, you need to first download the files from Microsoft. The latest version of the CSS Friendly Control Adapters are available online at http://www.asp.net/CSSAdapters/. A link to download Version 1.0 of the CSS Friendly Control Adapters is available at the end of this article.

These control adapters are shipped as a VSI file. Assuming you have Visual Studio 2005 or Visual Web Developer installed, simply run the VSI file once downloaded. This will add new templates to your Visual Studio installation. Version 1.0 of the CSS Friend Control Adapters contains a template for creating a new ASP.NET CSS Friendly Website and a Tutorial on the ASP.NET CSS Friendly Control Adapters. The Tutorial contains the core files needed along with detailed examples for all of the adapters, while the website template contains the core files and only an abbreviated set of examples. You can also peruse the examples online from http://www.asp.net/CSSAdapters/.

To use these templates, fire up Visual Studio 2005 and choose to create a "New Web Site". From the New Web Site dialog box you'll see the ASP.NET CSS Friendly Website and Tutorial on ASP.NET CSS Friendly Control Adapters.

Using either template creates a website with, at minimum, the core files needed to use the control adapters. These include the control adapter class files in the App_Code folder, a CSSFriendlyAdapters.browser Browser Definition File in the App_Browsers folder that instructs that each of the control adapters be used for all browsers, and some JavaScript files in the JavaScript folder (used primarily by the Menu and TreeView controls for providing client-side functionality that is sensitive to the rendered output). To turn an existing ASP.NET website into a CSS friendly website, simply copy over these three folders.

Examining the Rendered Markup for a Menu Using the CSS Friendly Control Adapters
To see the difference in output when using the CSS Friendly Control Adapters, let's look at a concrete example. Imagine that we had a Menu Web control defined to display a menu with a single top-level menu item that has four children menu items. Such a structure can be statically defined in the Menu Web control using the following declarative markup:

<asp:Menu ID="ProductMenu" runat="server" Orientation="Horizontal"> <Items> <asp:MenuItem Text="Products"> <asp:MenuItem Text="Beverages" /> <asp:MenuItem Text="Condiments" /> <asp:MenuItem Text="Confections" /> <asp:MenuItem Text="Dairy/Milk" /> </asp:MenuItem> </Items> </asp:Menu>

Also note that the Menu's BackColor property is set to Yellow and the child menu items' BackColors to Pink. The resulting HTML rendered when using the default rendering logic for the Menu control follows:

<table id="ProductMenu" class="ProductMenu_2" cellpadding="0" cellspacing="0" border="0"> <tr> <td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ProductMenun0"><table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td style="white-space:nowrap;"><a class="ProductMenu_1" href="javascript:__doPostBack('ProductMenu','Products')">Products</a></td><td style="width:0;"><img src="/CSSControlAdapters/WebResource.axd?d=chn_rjDXviMiG52QjFyPeTtWQOV3vwPBosett_KzYtE1&t=632965002926288600" alt="Expand Products" style="border-style:none;vertical-align:middle;" /></td> </tr> </table></td> </tr> </table><div id="ProductMenun0Items" class="ProductMenu_0 ProductMenu_3"> <table border="0" cellpadding="0" cellspacing="0"> <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ProductMenun1"> <td><table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td style="white-space:nowrap;width:100%;"><a class="ProductMenu_1" href="javascript:__doPostBack('ProductMenu','Products\\Beverages')">Beverages</a></td> </tr> </table></td> </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ProductMenun2"> <td><table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td style="white-space:nowrap;width:100%;"><a class="ProductMenu_1" href="javascript:__doPostBack('ProductMenu','Products\\Condiments')">Condiments</a></td> </tr> </table></td> </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ProductMenun3"> <td><table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td style="white-space:nowrap;width:100%;"><a class="ProductMenu_1" href="javascript:__doPostBack('ProductMenu','Products\\Confections')">Confections</a></td> </tr> </table></td> </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ProductMenun4"> <td><table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td style="white-space:nowrap;width:100%;"><a class="ProductMenu_1" href="javascript:__doPostBack('ProductMenu','Products\\Dairy/Milk')">Dairy/Milk</a></td> </tr> </table></td> </tr> </table><div class="ProductMenu_0" id="ProductMenun0ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;"> <img src="/CSSControlAdapters/WebResource.axd?d=qidxSK8lNw1v6pL8IQZxzZrT3SMuvVDHqZfjfzhu6MM1&t=632965002926288600" alt="Scroll up" /> </div><div class="ProductMenu_0" id="ProductMenun0ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;"> <img src="/CSSControlAdapters/WebResource.axd?d=uuL5BWm1omFEgQuN_dcSXY3whrEsc7zS_QoWROKGtMo1&t=632965002926288600" alt="Scroll down" /> </div> </div>

As you can see, this markup uses <table> elements for each of the menu items. Not shown here are the references to external JavaScript files that handle displaying and hiding the child menu items.

By plugging in the CSS Friendly Control Adapters, the rendered markup is changed to the more legible markup:

<div class="AspNet-Menu-Horizontal" id="ProductMenu"> <ul class="AspNet-Menu"> <li class="AspNet-Menu-WithChildren"> <a href="javascript:__doPostBack('ProductMenu','bProducts')" class="AspNet-Menu-Link"> Products</a> <ul> <li class="AspNet-Menu-Leaf"> <a href="javascript:__doPostBack('ProductMenu','bProducts\\Beverages')" class="AspNet-Menu-Link"> Beverages</a> </li> <li class="AspNet-Menu-Leaf"> <a href="javascript:__doPostBack('ProductMenu','bProducts\\Condiments')" class="AspNet-Menu-Link"> Condiments</a> </li> <li class="AspNet-Menu-Leaf"> <a href="javascript:__doPostBack('ProductMenu','bProducts\\Confections')" class="AspNet-Menu-Link"> Confections</a> </li> <li class="AspNet-Menu-Leaf"> <a href="javascript:__doPostBack('ProductMenu','bProducts\\Dairy\\Milk')" class="AspNet-Menu-Link"> Dairy/Milk</a> </li> </ul> </li> </ul> </div>

Each menu item is assigned an appropriately named CSS class (AspNet-Menu, AspNet-Menu-WithChildren, AspNet-Menu-Leaf, and so on). The presentation settings for these classes can be specified in the page's <style> element or, ideally, in a separate CSS file. See the CSS Friendly Control Adapters White Paper for a more detailed look at customizing the appearance of the controls rendered using the CSS Friendly Control Adapters.

Conclusion
ASP.NET provides a lot of flexibility in how controls (and therefore pages) are rendered. Controls automatically utilize adaptive rendering to emit the appropriate markup based on whether the visiting user has come with an uplevel or downlevel browser. The rendering can be completely customized, if needed, through control adapters. In this article examined the basics of control adapters and explored Microsoft's free ASP.NET 2.0 CSS Friendly Control Adatpers. You can plug these control adapters into your website to have your Menus, TreeViews, GridViews, DetailsViews, and other controls render using CSS techniques for layout. Furthermore, these control adapters force developers to use CSS classes for specifying presentation settings as they disregard control-level style settings that would result in inline styles in the rendered markup.

Happy Programming!

By Scott Mitchell

I spent most of last week TypeCon, where I took three classes and attended about half of the presentations. The highlights were, hands down, the day I spent making mudpies at Hal Leader's aptly named Paradise Press and Erik Spiekermann's obscenity-laced presentation on opening night (big, big crush).

Overall, I think this was my favorite TypeCon of the four I've been to, but few of the conference sessions I attended stand out, so mostly I must have liked it because of my trip to Paradise. Hal's just such a sweet guy, and he's so enthusiastic about letterpress, and I love the smell of inky machinery, and I love doing meditative handwork like picking letters out of trays and building them into lines of text. The best TypeCon ever? Would be spending four days just doing that. I'd probably need a wheelchair afterward, though---it killed my feet to stand all day, and the next morning I discovered that I had a major sore spot way deep in my left shoulder from holding a composing stick full of lead all day.

Newsflash: Lead is heavy.

The other classes I took were a basic FontLab class (that would be . . . my third?) and a class about Web typography in which I sort of learned to use sIFR. Both of those were with Adam Twardoch of FontLab, with whom I had a class last year, as well. Eventually the FontLab stuff will stick.

Another good thing is that I picked up two books about typesetting at the conference shop that look really excellent. I'll let you know what I think of those when I've had time to paw through them. As always, I coveted Veer's KE/RN jacket, but (a) it's navy, which I have no use for, and (b) it's expensive, so I should just make my own, in a color and style that I actually like. Maybe next year. Or maybe I'll just bring my similarly designed DO/RK hoodie and leave it at that. My only typographic stunt apparel this year was my thought bubble earrings by Etsy seller borderlinebarbie, which were brought to my attention by the estimable Erin.

More details tk.

Whoohoo! My own little server. Time to start moving foward...first on my list...Django...

Technologies:

1)      Website Designing & Development

 E-Commerce, Database Design & Development

 3) Hosting & Maintenance

4) Macromedia Flash MX 2004

5) Software Development

6) Custom Programming

7) Logo, Graphics Designing.

8)  2D/3D Animation, Character Animations

9) Multimedia based Interactive Corporate Presentations with using all the latest technologies.

:: Operating Systems:  Windows 98, 2000, 2003, NT, Xp
:: Programming Languages:   C#, VB, VB.Net, Java, VC++
:: Tools for Internet: HTML, DHTML, XML, ASP, PHP, Java, CGI, JSP, ASP.Net, Javascript
:: Streaming Technologies:  Macromedia Flash
:: Databases:  Oracle, MySQL, MS Access, SQL SERVER
:: Front end tools:   Visual Studio 6.0, Visual Studio 2003, Visual Studio 2005, Developer 2000, Visual InterDev
:: Graphic/Animation Tools:  Adobe Photoshop, Macromedia Dreamweaver MX, Macromedia Flash ,Corel Draw,
   3Ds Max

View http://logicslab.com/index.html  for further details

Contact Us to Hire a Developer: Email: biju@logicslab.com

I am currently working on a totally new social webproject. I first decided though to redesing my dev-envoriment. I moved all my server-related things (Apache, PHP, MySQL) away from the infamous C:\ drive and went portable (read: flexible!). So, if at any point it time XP decides to get weird on me it won't affect my DB, which it has done in the past, and also, I won't be needing to install and reconfigure everything again. I advice all home-developers to look into a portable dev-setup. Me, i went with Uniform server. It has a fairly small footprint and is lightning fast. My only beef (with most of these portable's to be honest), they always have the 'www' inside the program's root-folder. I'd rather have it outside the server. With a few modifications i got that all up and running the way i liked it.

So, I will be spending some serious hours in designing, planning and developing this new project and from time to time I will share the progress or any other findings along the way. Rockstar development from the Netherlands.. *cough*

• Python + frameworks (Django, TurboGears etc...)
• Ruby + frameworks (Rails, Merb etc...)
• Java/Wicket
• SQLite and its capabilities
• Different "web" servers (nginx, lighttpd, mongrel etc...)
• Google App Engine
• GWT

This is mostly a list of things I want to look at first and should keep me busy for a while. I would be examining these on the basis of the learning curve, documentation, ease of setup/use, scalability, capability etc.

For a while now I've been hearing a lot of buzz about new web development frameworks and technologies. I've been looking for a chance to learn about them and see how they compare with my current work. I also want to see how these new technologies can make things easier or more enjoyable for me. With the emerging of some side projects, I decided it was time to explore the vast plain of web development in the direction of new frameworks and technologies and hence the name of this blog.

Lately I have delved into the depths which is Javascript Libraries. From the outset I have decided to keep my list short and have included prototype,  jquery, yui, moo tools and dojo. From these I eliminated dojo and moo tools, based on criteria I can not explain... So I was left with the three main contenders in my opinion. Prototype, JQuery and YUI.

I have used prototype in all of my recent web projects and I cannot find fault with it. It is a nice library to use and enjoyed building on top of it. The effects library, Scriptaculous is also not bad in itself. My problem is that I want something more. I want effects, rich text editing, everything that makes up a rich website at my finger tips. JQuery has some interesting features and I like the syntax. It really is a write less do more library. In that regard it lives up to it's promise. However...

I have started getting into yui more and more mainly because of it's breakthrough with the css library. In my opinion this really is the holy grail in css layout that everyone was writing about in the early 2000's. Being on the yahoo developer site, I explored the javascript section in more detail and found that this might be the library I was searching for.

It truly has everything that I might want to use in building a rich user interface. The problem is, I don't know where to start. I am one of those people that doesn't really want to start at the beginning. Although I suspect I'm going to on this particular project. I have just finished an ecommerce website and I want to provide administrators with rich text editing, which I have done with tiny mce. I want to use tooltips to display extra information which I've managed to do with prototype. I also want to use dialog boxes for form submissions which I haven't implemented yet. There are some basic effects from the scriptaculous library but I think this can be done in a better way using the yui animation toolkit.

So basically, I want to switch from using prototype and writing my own libraries to using and mashing up existing yui libraries and building on top of that. I will write up my progress in this blog as I go along and keep you posted on my progress.

I invite your comments on this topic, because I am kind of stumbling in the dark when it comes to javascript and javascript libraries. Hence the title of the post.

Lesson 1: OVERVIEW OF ASP.NET (43 min)
1. Preparing to Use ASP.NET
2. Understanding the Page's HTML Source Code
3. Introducing the ASP Page & its Code
4. Create an ASP.NET Website with Visual Studio
5. Design an ASP.NET Web Page with Visual Studio
6. Running the Web Page & Adding Event Handlers
7. Debugging the Application's Code

Lesson 2: ADDING CONTROLS TO A WEB PAGE (67 min)
1. Introducing the HTML Controls
2. Introducing the Standard Controls
3. Introducing the Data Controls
4. Introducing the Validation Controls
5. Introducing Navigation, WebParts & Crystal Reports
6. Formatting a Page with HTML Controls
7. Adding Options Manually in the Source View
8. Setting the User Interface Properties
9. Invoking the Run As Server Control Function
10. Displaying Information with a Formatted String
11. Designing a Page with Web Controls
12. Changing the Alignment
13. Adding a Calendar Control

Lesson 3: WEB PAGE PROCESSING (69 min)
1. Setting Initial Control Properties in a .ASPX File
2. Programmatic Initialization in the Page_Load Method
3. Adding Buttons, Labels & a Horizontal Rule
4. TimestampLabel & Multiple Selection Listbox
5. Adding Event Handler Methods to Buttons
6. Understanding Viewstate
7. Looking at the Stages of Initialization
8. OnInit, OnPreRender & OnUnload Methods
9. Adding Another Event Handler Method
10. Working with the Command Name Property
11. Looking at the EventDemo User Interface
12. Look at the Initialization Code behind the Web Page
13. Work with the TextChanged Event Handler
14. Handle the SelectedIndexChanged Event
15. Using Auto-Postback Events
16. Viewing the Auto-Postback Source Code

Lesson 4: VALIDATING USER INPUT (51 min)
1. Understanding ASP.NET Validation
2. Specifying Required Fields for the Name Control
3. Specifying the Allowable Range for the Age Control
4. Specifying the Enrollment Date Fields & Range
5. Comparing a Value of a Control with a Fixed Value
6. Compare the Value of One Control to Another Control
7. Using Regular Expressions to Specify Input Patterns
8. Defining Custom Validation Rules
9. Adding an Event Handler to a Button
10. Adding a Validation Summary
11. Organizing Controls into Validation Groups

Lesson 5: NAVIGATING A WEBSITE (65 min)
1. Adding Multiple Pages to a Website
2. Redirecting to a Different Web Page
3. Pass Information between Pages with the QueryString
4. Retreiving QueryString Information in a Web Page
5. Retrieving QueryString Information with Variables
6. Linking Pages by Using Hyperlinks
7. Adding Pages to Use in the Site Map
8. Create a Site Map to Define the Pages in a Web Site
9. Add a SiteMapDataSource Control to a Web Page
10. Displaying a Site Map in a TreeView Control
11. Organizing Parent & Leaf Nodes in a Site Map
12. Reorganize Site Structure into Subdirectories
13. Setting Various NodeStyle Properties of the TreeView
14. Displaying Breadcrumbs in a SiteMapPath Control
15. Displaying a Site Map in a Menu Control
16. Final Comments & Credits

DVD 2 - Creating & Deploying Rich ASP.NET Web Applications ($59.99)

Lesson 6: UNDERSTANDING ASP.NET APPS (93 min)
1. Overview of Two .config Files
2. Defining Error Pages for a Website
3. Specifying Connection Strings
4. Defining & Using Application Settings
5. Working with the Website Administration Tool
6. Performing Tracing in a Website
7. Tracing across a Whole Application
8. Adding a .NET Assembly to Support Messaging
9. Adding References to .NET Assemblies
10. Referencing to Custom .NET Assemblies
11. Adding Classes to a Website
12. Creating ASP.NET Web Services
13. Adding a Reference to a Web Service

Lesson 7: DATA BINDING (97 min)
1. Working with Basic Single Value Data Binding
2. Applying Data Binding to Real Life Scenarios
3. Defining & Invoking Your Own Properties & Methods
4. Displaying a Text Box Value & Creating a Hyperlink
5. Using Data Binding to Create a Hyperlink
6. Using Repeated-Value Data Binding to Create Various Lists
7. Checking for PostBack Problems
8. Binding a List Control to a Collection of Objects
9. Defining the Value & Text for a Collection of Objects
10. Working with the TextFormatString Property
11. Explaining Data Source Options
12. Configuring & Binding to a SQLDataSource
13. Looking at the HTML & ASP Markups
14. Understanding How Data Source Controls Work
15. Using the Selected & Selecting Event
16. Creating & Binding to a Second SQLDataSource
17. Disabling View States to Save Space
18. Binding a TreeView Control to an XMLDataSource
19. Setting Up a Tree View Control
20. Adding Attributes to Tree Node Bindings
21. Specify an XPath Expression for an XMLDataSource

Lesson 8: RICH DATA BINDING (102 min)
1. Understanding Rich Data Controls
2. Data Binding with a GridView
3. Binding a DataGrid to a SqlDataSource
4. Setting the DataSource ID in the Smart Tag
5. Formatting Columns with the SmartTag Wizard
6. Enabling the User to Select Rows in a GridView Control
7. Use SelectedIndexChanging to Control User Input
8. Creating Logic Based on a CheckBox
9. Formatting with SelectedIndexChanged
10. Creating Master/Detail Relationships
11. Adding Support for Sorting & Paging
12. Using Templates to Create Customized Columns
13. Implementing Editing & Updating in a GridView
14. Addressing Concurrency Errors
15. Using DetailsView & FormView to Control Display

Lesson 9: DEPLOYING AN ASP.NET WEB APPLICATION (24 min)
1. Setting Up to Deploy an ASP.NET Web Application
2. Creating a New Virtual Directory
3. Setting Catalog Properties for the Virtual Directory
4. Adding a Login for the Server
5. Publishing the Website
6. Final Comments & Credits

DVD 1 - Set 1

1-5
http://www.adrive.com/public/b451dae00d0333785e17edb5ed2cc76af660ef8f6547803c49f40ab70c462996.html
http://www.adrive.com/public/aaa5510ac049a56590fae911f4902c781edbfea633a1032be63869ad9624bb19.html
http://www.adrive.com/public/05b474cf0cba7f3f4bdf3e4a6d510848aa8e11f2e71328b10d295cdd7fa30954.html
http://www.adrive.com/public/870df69647d22966d83d28c85e4883db70304796738c3ce0e715a012077dd3b3.html
http://www.adrive.com/public/fb6f7ee8f70221813dcef68c14d3f209c5a78848bafd4266c4dfd12dfb98968d.html

6-10
http://www.adrive.com/public/1ef8c06fdf3c4b6f5bfcd826a96222dbffd20be596f4783e19445cfbbc98b923.html
http://www.adrive.com/public/402038892c7e1b5a91c0b26f33883c2cdfb1cd75e1b1aebe748dcee8b4f8646a.html
http://www.adrive.com/public/cb416ae01a63c539c334679686c233ad9271597a1f735aad7fc9c1806f8b148e.html
http://www.adrive.com/public/946cdbb0acf6b17704d796008ad707d208f9c460798eacd1a0f294116e42e361.html
http://www.adrive.com/public/3e3bc72ac46237f1ec24b4d86e1da4471e252a1d0438ff25a5e8209a73d9fc32.html

11-15
http://www.adrive.com/public/49a16a446c6d6bb09782d198832218d868a2c5600892be96584c2066c77a1534.html
http://www.adrive.com/public/fe9d06059ea9d4028dc8bfd977bdef3224ca17e20864485f5d81f571a00166a6.html
http://www.adrive.com/public/ea11ea545fc3d096e50853169d1da4cbe383a113eec2a7840d214f66b561f276.html
http://www.adrive.com/public/4e61235c971bd278f399a24e52bb4047cb3308cee2e64e0603ee2b9219d1a2c2.html
http://www.adrive.com/public/f224421e60fc26a45c91ba206d36869271d2f44925667891b90b4461b1b27bae.html

16-20
http://www.adrive.com/public/772e56a7e19193497c27c90f9d4c8b9855acf5896af9f2db87d4aef92284a2cd.html
http://www.adrive.com/public/c2d28594317301f005e9a3630a14f6e4e8d8aec547540183fde62ed2f0e271ae.html
http://www.adrive.com/public/a356c3f5de1cd6e3ce1367434806d005c8461e4faa138862050d355c5297b495.html
http://www.adrive.com/public/52a3908590b95cd240f20d714637e355dad996abea123f21fd99e12126c81a9f.html
http://www.adrive.com/public/9350941926f86c53639ad3e8c9208abcddbd77f3e63cc4c3684e76641e982a90.html

-----------------------------------------------------------------------------------

DVD 1 - Set 2
01 http://adrive.com/public/0c641152436676fbc46f26d5de5eea2c4cafc4ec227687461d8afba722ea9671.html
02 http://adrive.com/public/61a8fb5b672dfedf09a2bb5e9ddb6a11f8f7446ccbf2b70e92f3f8b2e0845d82.html
03 http://adrive.com/public/a79a76404509e4775adec8a3d594c653082c3991dc3f2fabdce78ec30f088fa3.html
04 http://adrive.com/public/f61c786aa6e2cd3151c507cd40c6cef65d9e57c962c538317ad90925cc5b15c1.html
05 http://adrive.com/public/6a3b45ca0d3c5f7b1d727ecd8842f062ddbfefeea8844e38a15f367f6d1b8735.html
06 http://adrive.com/public/7d7b612d419a9b7ef86864707bb7a8ff649cdd0bce53ef3b4153e6fb2777dc25.html
07 http://adrive.com/public/fff507d272acca4adf6ce06c7099f6e9571937d412a7e30a5ba3c244b7d0e8a5.html
08 http://adrive.com/public/080d03f8c3801268e035e5aad40953eb31fa7300242b52098454600907690c22.html
09 http://adrive.com/public/01a4996e58e57154ff9ac963a20cc072d0a8507e46a20715a34710a06bd2c008.html
10 http://adrive.com/public/fd895c09ec9d67e138519a9ea893abe580d630e5b63bbeff9398f41b4fee9f2f.html
11 http://adrive.com/public/129c13cab45f33fe3ce46c2c7f7ed50f64e026912d0627f3de3f1078e8f09d78.html
12 http://adrive.com/public/21cb8da4bde5b945cf47d2ce6b9f03e36e68b5742863d556dfb27f07040f195c.html
13 http://adrive.com/public/ccaaad8f2f7e29494ae4ea31bdbddefe56eda2ef062f8bc9a57b80441cff935c.html
14 http://adrive.com/public/09bf69dc7482357e246d978fff1a24cc4290a446eb5e9212878675f05b205bc6.html
15 http://adrive.com/public/0da1cf5f09fa144773ba7d984ff2fc8251b7524f2d6f23569e9c7c6be4eba032.html
16 http://adrive.com/public/09512cbbd66d8ad751241c5bf37a4ced0d17ad392e85c3e07fae7eb8b1c6d881.html
17 http://adrive.com/public/3869999144bc720bf9d8840baab1c9032952fcbd414a0c0008dc6eb49aaaaa3b.html
18 http://adrive.com/public/02d4b58a94abc246a84b45abecdef42147a36f534f406ed21a7c8282a1119f70.html
19 http://adrive.com/public/6d9357d4e5250c73e9c99a6cd8b1f856ccadbebea6693bd9503d5bb450e03fb1.html
20 http://adrive.com/public/a5b62d6ad40c7cddf1c737ff46876b75dfe4b1bddb0bdb9d77d93e0cae87ce62.html

-----------------------------------------------------------------------------------

DVD 2 - Set 2
1-5
http://www.adrive.com/public/209aeb090ef04882f699bacc204499ac7956f1d78e21cb591c41731dca0e2f02.html
http://www.adrive.com/public/565e190af480da51bf79b585bf7ab460522358473fb094fc87e95fd1deff2b1b.html
http://www.adrive.com/public/d9ca551f866b986ff8c629185d653d1117fa9fdb8f7a56eda5c211e54c8e85e1.html
http://www.adrive.com/public/91af88c6cd23be679f3530e775c4cf6b677b145c2376a6575f430a79784f331c.html
http://www.adrive.com/public/19768d03d0ee3c2ec42a83d71634aa17aa15667b1a13bca2679e9e5253b5c5ac.html

6-10
http://www.adrive.com/public/42b3bbad9210f0d3711b6afe6e66c451a8ceb79eca7181b9785ffbd321484f91.html
http://www.adrive.com/public/7f6e20ada6cfd3ed21e8aebc42f1ffd89362c4084ca8a5b92c819c05b8123cbd.html
http://www.adrive.com/public/52f306e652d94ee54aa2e32bf1b84934eaa40190d5eb0ee7779d2ab3396e571e.html
http://www.adrive.com/public/00eed5f290902ba7dbcb7488a9dc3054c05ba10ca45f1221b2767c6504e47932.html
http://www.adrive.com/public/accb2c07c73d295ceaa80f0febaa2c8460cf60a6d682417bd0ff5bb6fc2bcc63.html

11-15
http://www.adrive.com/public/7db0f3de2d0424535a153b5627bfcc0c19a1fd25dc15da561493b8143c31df07.html
http://www.adrive.com/public/1df6249a9be4e00a89112ea9b8422a1cce4a72c63b009cf93aac00bdf5e7ad44.html
http://www.adrive.com/public/e0fef61fa87267bd18596a1318ff4a6b1a2b22fb123e82ffc97ac2c739f236ad.html
http://www.adrive.com/public/46d558db3ba497b2b21b3e36d43094bb17652c68d4c18a340057b2cadfc682ec.html
http://www.adrive.com/public/573819f05555db43c12e27ff8d4cb4a3c041835cd7800a5e76950244371e3100.html

16-22
http://www.adrive.com/public/3c7bd45da54631cea8fdd262afd03106fdea77ffca553cc7a93ef049276bd218.html
http://www.adrive.com/public/b62d45d1dc85e0edf522b820abfe9facf9b17b70eac8bcb9f343f327d3608c2b.html
http://www.adrive.com/public/943a85cd6b3c9fbdc6de3b669193e8a028a4f9498313e1e8d9a55b9d6d184ba2.html
http://www.adrive.com/public/84718cb3759928f338a35f3795af69e671fa62f43846ece8a7b01235349eafa3.html
http://www.adrive.com/public/ad16e03aa99aee49635b319a4a7bf03ba4d4f20d6aa93cc64a9531e2b246c9d4.html
http://www.adrive.com/public/e26d77b43a9a213130fd8216b92eac6826c1415dd6d3849b5319464761b17c04.html
http://www.adrive.com/public/4cb4dbf9973cbcc09216de97b9455c0819e9ed7000ecfcaeed59b0e502b3d9f0.html

-----------------------------------------------------------------------------------

DVD 2 - Set 1

01 http://adrive.com/public/88605c7bbe05c6b284f792d35ac18875233c67156414851d890e51f45e32d927.html
02 http://adrive.com/public/ee18bc5bf30ab2209d9f16493b60d0e9a29ccaf16566853663a734bf05fb92d1.html
03 http://adrive.com/public/e730244e81882666c20bb9260979de68b93ed85b08d108209242d340f0a45464.html
04 http://adrive.com/public/a821a812b0bccc5a51f9f8aeed95e59bc904b4c6be4d58b80546e3d5c9a921c7.html
05 http://adrive.com/public/6f84c9241c0b71c26ca94345a1ba2d8066243bcc816b5f8bab7b5f7b9304cb7f.html
06 http://adrive.com/public/b66073866e00d96c5723475b5228bba20e28c2a3a23840203e7f5ef7125015ee.html
07 http://adrive.com/public/75d143ce7edbc1b52333b2d5e615e245dced7b4bf18b18dba0fa708bfc993679.html
08 http://adrive.com/public/a81acf7568d512e6320932faccacfc3191a5011b2f8c91a3cff89c4625daa0bb.html
09 http://adrive.com/public/8babdd7273307f36d9434028f64b1dcfb3ae169633e4fca725bc53765b51b20e.html
10 http://adrive.com/public/054a3048d6abf70f79329bea3d43624ae00d6e6472cc5284a30eccec172b24cd.html
11 http://adrive.com/public/1ad796cc63a770a9a796579cfc8743bbe9c6feddd8a8405725726c4b3e903768.html
12 http://adrive.com/public/5e0e55b4b526320bedc6d8676aa9f0566129799df5c5bd39d73e95ea268fa18a.html
13 http://adrive.com/public/e5fcf62ccd711cc1b219a3f42291a5ba8400013a53ee97fbaa604ecb348bc7b6.html
14 http://adrive.com/public/c2aca5ac38e5a0b0b0948e254d1b7afca1fda85ecc50fa0ff6179c3c6c464005.html
15 http://adrive.com/public/69c0c4cbd3f9a29cceb68b20f5d3e333a402df07250c84542fd98463ced371d1.html
16 http://adrive.com/public/67abc1d716b27ca7f9643845539b710c46dce069c699d5f2d64cc51ebfaacfcd.html
17 http://adrive.com/public/66c5246b8a3fe007a4fd0b614babce48cdcdfdd80d5374234502fc905d2c3085.html
18 http://adrive.com/public/453d2bbccf0b36a550e731fc654ed27eca64457df5684121bcaa978024dca163.html
19 http://adrive.com/public/e06ca74d2f86ac68a007b142c9909dff72cfba8bc8f63a3139011c4226d62a6e.html
20 http://adrive.com/public/adaa019aa43e571ab6ee4a36549e7edca48e98c8095fd36fcdb7e4417b057a98.html
21 http://adrive.com/public/d04e53f388eaabab6d24b8cce45494a073092471aaeb570d18e0624b8f435f03.html

-----------------------------------------------------------------------------------
HomePage :

http://www.totaltraining.com/prod/outlines/microsoft/aspnet2_set1.asp

Here is a useful, concise article on saying "Hello, World!" in Adobe Flex (mannu.livejournal.com) with the command-line compiler, which is part of the free Adobe Flex SDK.

In short, with the SDK installed (download, unzip, and add the SDK bin directory to the PATH), run mxmlc against an ActionScript (.as) or Flex markup (.mxml) file.  Try these event handler examples.

This is particularly useful for command-line oriented Flash/Flex developers who do not want to use or pay for Flex Builder.

View a simple Hello, World example for Adobe Flex with a few buttons.
(View source.)

Μιας και είχα παρατηρήσει να χρειάζομαι συχνότατα κάτι τέτοιο, τις τελευταίες ημέρες τις αφιέρωσα γράφοντας το και ευελπιστώ να μου γλιτώσει περισσότερες εργατώρες από αυτές που αφιέρωσα για να το γράψω. Μη με ρωτήσετε γιατί δεν χρησιμοποίησα κάποιο framework: Αφενός μεν δεν ήθελα να φορτώσω ολόκληρο επιπλέον framework μόνο και μόνο για αυτό, αφετέρου μου αρέσει να γνωρίζω τι κώδικας υπάρχει στη σελίδα, όσο είναι εφικτό.

Μαζί με αυτό θα βρείτε και διάφορες ακόμα βοηθητικές συναρτήσεις που θεωρώ αρκετά πιθανό να σας χρησιμεύσουν. Έχω φτιάξει μια μικρή σελιδούλα για την παρουσίαση του, την οποία θα βρείτε στο http://code.e-steki.gr/cssselect/ . Θα με ενδιέφερε να μάθω τις σκέψεις για αυτό, όποιες και να είναι. :-)

ΥΓ: Ο τίτλος είναι ελαφρώς παραπλανητικός: Η συνάρτηση μου δεν ονομάζεται getElementsByCSSSelector() αλλά CSS.getElementsBySelector().

"The page you are looking for cannot be displayed because an invalid method (HTTP verb) was used to attempt access. Please try the following:

"Contact the Web site administrator if you believe that this request should be allowed.
Make sure that the Web site address displayed in the address bar of your browser is spelled and formatted correctly. HTTP Error 405 - The HTTP verb used to access this page is not allowed.
Internet Information Services (IIS)"

I suspected a General Hosting error, but saw the post by mrs_italait on the WordPress discussion board. I dropped the MySql installation tables and reverted to WordPress 2.5.1. This worked, as far as getting past the login page, but the blog then had no css structure. Again, i suspect General Hosting limitation.

The log showed a whole pile of HTTP error codes which any self-respecting technophile will realise means a serious fault is occurring. The S3 forums document the first errors from 0858PDT although JungleDisk for me reported errors from 1642BST.

There are a few big customers impacted like the photo sharing web site SmugMug who's displaying an outage page right now and also blogging about the incident. The Amazon Status page does at least confirm what we already know - they're down and painfully aware of it. Smugmug's blog says it's "only" their 3rd outage in over two years which is to be expected. Other major brands will include several Facebook apps loading slowly or displaying errors.

Still, this will hit mainstream press and give cloud computing negative publicity. Hopefully Amazon will learn from this early experiences and continue on the road to virtually bullet-proof hosting. Not many organisations are large enough to put in the resources necessary to build such a robust service and put their brand name against it.

Incidentally, if you have an S3 account, please check their SLA for the procedure to obtain a partial refund...

Updated 2225BST: Wordpress.com has broken images due to this, as does Twitter. Amazon report progress toward full restoration of service with internal network communications slowly coming to life.

Updated 2249BST: Amazon are bringing up their S3 web interfaces. Sites and services (like my Jungle Disk backup) should be back up soon. I look forward to their statement on what happened and how they will prevent recurrence.

Updated 2226BST: Amazon S3 EU is back... S3 USA taking a little longer due to larger size.

Updated 0017BST: It's now Monday and Amazon S3 USA is online once more. Big, big outage.

When evaluating framework/language combinations and/or pondering a possible platform change, stop.  Seriously, just stop right then and there, and visualize a cookbook or a recipe box. The more you compare and contrast individual pieces of the development chain, the less you get done. It seems it might as well be a law, and there are precious few feelings in the world humans like to exaggerate more unanimously than an apparent freedom of choice. Freedom of choice ranks up there with sex, mostly because people thoroughly enjoy mental masturbation on the whole, which is something they both provide abundantly – anyways, the relationship is clear.

So, why do I say you should visualize a cookbook, I'm sure this is what you are wondering after being directed towards sex and masturbation, right? Because cookbook examples and algorithms are your friend, and algorithms never beat out sex - whereas food - apparently does for many programmers! No, seriously though, find the combination where the kind of application you envision is trivialized by the design pattern, which lowers the cost of entry considerably, and provides an ego-boost in the place of a mind-fuck when you start to actually build.

All kidding aside though, when it comes time to decide which warm and fuzzy you are going to shack up with and thus get shackled to, evaluate the overall distribution of assets, find the one with a niche that fits your interest nicely, and then bury the pedal and ignore the roadsigns – which means turning off your microblogging client, closing the messaging app, logging off IRC, terminating your web-mail checker, retrieving your last few stumbles, and then finally turning on some familiar music and banging it out the quick and dirty way, preferably not by yourself, but through a pair programming session w/ a twenty-one year old, single female who's into everything that you like or want to considering doing!

I've always preferred to spawn socket connections on a very regular basis, so I'm going with age and crossing the Atlantic and opting for Erlang. Erlang is really good about swapping too, and there is a heavy emphasis on using the preferred communication of the lightweight kind. What's more, there is a share nothing attitude, which I just adore. Sharing is sucking, really, and with 13 years providing excellent services in the oral communications field for the Ericksson corporation, I'm guessing she's got a lot of life experience in that regard.

I thought I could reduce a lot of desires to only needing Java, but it made me anxious and jittery. You know, I almost did chose Rails, but I can't stand a coke whore at the end of the night. I thought about Django, but I'm not into dudes, even really talented ones. I thought about the dark side, but it was far too gooey. I threw an exception when my subconscious pre-loaded the notion of PHP, and then it made me itch. The thought of the Seaside is appealing to some extent though, I must confess, so maybe I'll spend my twenty-percent time in that thing there over there.

- grantmichaels

PS – now that creative time is over, it's time to resume tackling the mundane ...

All of this has motivated me to research a solution that satisfies the following conditions:

1. It works in the top browsers (Internet Explorer, Mozilla Firefox, Safari and Opera).
2. It is built on valid XHTML.
3. It supports different visual styles and box sizes.
4. It does not rely on outright CSS hacks and browser bugs.
5. It does not rely on Javascript browser recognition (ideally, that is).

Dealing with Mozilla Firefox was an easy one: it has (kind of) implemented [4] the CSS3 draft's border-radius property since Firefox 1.0 [5]. To use it, apply the -moz-border-radius property to your element. Note that Mozilla's version of the border-radius is different from the W3 proposal: it doesn't support elliptic arcs in favour of specifying different values for all corners.

Dealing with Safari 3.1 is equally easy: apply the -webkit-border-radius property. Webkit implementation follows the CSS3 draft proposal.

Here's a sample stylesheet portion which provides rounded borders in both Firefox and Safari:

.roundrect {
...other properties...
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Beating Internet Explorer and Opera is somewhat more complicated. I have decided to draw the box using VML (not to be confused with VRML) in IE, and to use SVG in Opera. First, we need to make the browser aware of the VML and SVG namespaces. This is how it can be done:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vml="urn:schemas-microsoft-com:vml" xmlns:svg="http://www.w3.org/2000/svg">

VML is proprietary Microsoft technology, and is thus only supported by Internet Explorer (version 5.0 and higher). So we need to enable VML drawing in IE and make sure that it doesn't mess up everything in other browsers. To do this, we use conditional comments [6], which are also only supported by IE. Conditional comments can safely be used, since other browsers see them and all markup in between as perfectly valid comments. Include the following in the head of your document:

<!--[if IE 7]>
<style type="text/css">
vml\:* {
behavior: url(#default#VML);
display: inline-block;
}
</style>
<![endif]-->

Now you can put your VML-drawn rounded rectangles wherever you see fit. Just remember to wrap them into conditional comments so IE doesn't get the piece written for other browsers, and vice-versa. Example:

<!--[if IE 7]>
<vml:roundrect class="roundrect" style="border: 0px" fillcolor="#ffffcc" strokecolor="navy" arcsize="25%">Hello world!</vml:roundrect>
<![endif]-->
<!--[if !IE]>-->
<div class="roundrect">Hello world!</div>
<!--<![endif]>-->


Let's deal with Opera now. We'll use an SVG background image in our box (method originally described in [7]). SVG, being an XML-based vector drawing language, supports variable box sizes and visual styles, and the image can even be customized with CSS. Unfortunately, the only method known to me of making things work in Opera 9.5 that does not break compatibility with Safari 3.1 requires some Javascript browser sniffing:

<script type="text/javascript">
if (window.opera) {
document.documentElement.className += document.documentElement.className ? ' ' + "opera" : "opera";
}
</script>

The window.opera object is, unsurprisingly, proprietary and specific to Opera, which enables us to look for it and apply a style named e.g. "opera" to the document:

.opera .roundrect {
border: 0px;
background-image: url("roundrect.svg");
}

The image roundrect.svg can be customized to anything your heart desires; here's a sample.

That's it, we've done it. I haven't tested this solution in anything except Firefox 3, IE7, Safari 3.1 and Opera 9.5, so feel free to report any bugs you encounter. Also I'll be grateful to know how to modify this solution to support Konqueror.

Note: Event Handlers that are device-non-specific are preferred to those that are device-specific. So, for example, use onFocus and onBlur instead of onMouseUp and onMouseDown since the latter are triggered specifically by using the mouse. Keyboard presses will not trigger such an event. Using onFocus and onBlur will make the event device neutral and will be triggered by both the keyboard and the mouse.

Remember, the above event handlers are actually part of XHTML (since HTML 4) not JavaScript. JavaScript now boasts an extended list of event handlers. See http://www.java2s.com/Code/JavaScript/Event-onMethod/CatalogEvent-onMethod.htm for details.