Sinzo Sakurata Blog

Archive for the ‘Web Design’ Category

Untuk membuat image gif transparansi di web tidaklah sulit hal pertama yang di lakukan adalah mempersiapkan image yang akan kita export menjadi gif. dalam contoh ini saya akan menggunakan image pensil dalam gelas dengan background darkblue.

Photoshop  Transparency

lalu kita hilangkan backgroundnya dengan menekan icon mata yang ada pada background sehingga tampak seperti gambar berikut:

Photoshop  Transparency2

Setelah itu kita simpan dengan cara menekan menu file -> save for web (alt+shift+ctrl+s). sehingga masuk ke menu save for web.

Photoshop  Transparency3

Photoshop  Transparency4

simpan image dengan settingan seperti pada gambar dan pastikan menu Transparency telah tercentang lalu setting matte sesuai dengan background Anda, karena saya menggunakan background darkblue maka saya harus menggunakan warna tersebut supaya hasilnya lebih mirip dengan yang ada di Photoshop.

karena apabila tidak di sesuaikan dengan warna background maka hasilnya tidak akan halus dan lebih kasar.

berikut ini hasil tampilan dalam browser :

Photoshop  Transparency5

Photoshop  Transparency6

Silahkan Mencoba…..

Advertisements

untuk orang-orang yang sering bergelut di dunia web pasti tidak asing lagi dengan yang dinamakan WYSIWYG editor yaitu content editor yang memudahkan para penulis untuk memasukan text ke dalam textarea sehingga tidak perlu repot-repot untuk mengerti bahasa HTML.

nicedit-logo.gif

memang nicedit ini belum terlalu terkenal seperti tinymce, fckeditor dll. tetapi menurut saya editor mempunyai keunggulan di bandingkan dengan editor yang lain yaitu dari kecepatan yang tidak di miliki oleh editor web yang lain.

untuk membuktikannya silahkan anda kunjungi demo di situsnya http://nicedit.com

nicedit
Tampilan nicedit

selain dari segi lightweigthnya nicEdit ini mempunyai fitur yang lumayan dan sangat mencukupi sebagai salah satu web editor yaitu sebagai pengatur font, indent, link, image dll. yang pasti sih klo untuk saya pribadi sih yang penting enteng di pakenya sehingga tidak lambat pada saat di buka di webnya hehehehe……

download-nic.gif

safariicon.jpg

Bagi Anda yang menggunakan apple mac mungkin tidak asing lagi dengan safari.

safari adalah browser yang ada di mac os seperti windows yang menggunakan browser IE dan linux yang biasa menggunakan browser firefox/mozilla.

hero20080318.png

seperti yang di beritakan di websitenya www.apple.com bahwa di safari versi terbaru ini lebih mengutamakan Improvements

Read the rest of this entry »

Internet Explorer 8 Beta 1

Akhirnya tim IE meluncurkan internet explorer 8 beta 1 pada bulan maret ini, menurut tim IE8 bahwa versi IE8 ini sudah mempunyai beberapa perubahan di bandingkan versi yang sebelumnya dimana IE8 ini sudah mengikuti aturan webstandars dan lebih terfokus kepada developer web sehingga IE8 ini banyak mengalami perubahan baik dari

  • Standards support (CSS/HTML)
  • Standards support (DOM) and AJAX

seperti di beritakan di blognya bahwa IE8 ini sudah melakukan improve dalam hal rendering content untuk beberapa web standars dalam standars mode dan telah mensupport : URIs, abbr tag, css generate content, display table css properties untuk memperbaiki beberapa bugs css dan html.

IE8 juga telah melakukan beberapa perbaikan di standar support untuk javascript (dom) dan ajax. diantaranya pada behavior getAttribute, setAttribute and removeAttribute.

selain improve dari browsernya sendiri IE8 dilengkapi dengan beberapa developers tools untuk memudahkan para developer dalam pencarian bugs di IE8 seperti halnya firefox yang mempunyai developer tools dan firebug yang sangat membantu saya dalam mencari sebuah bugs.

debugger.png

Saya pribadi sih berharap semoga saja IE8 ini dapat lebih baik dari versi sebelumnya dan tidak membuat para developer dan web designer merasa kerepotan dalam membuat sebuah aplikasi berbasis web seperti versi ie yang sebelumnya.

download IE8

Tags: ,

Pertama denger sih gak percaya apa emang ada tuh yang namanya css framework, ternyata setelah di telusuri di google ternyata ada juga yang namanya css framework

seperti yang sedang populer sekarang ini yaitu YUI (Yahoo user interface), Blueprint dan YAML(Yet Another Multicolumn Layout).

BluePrint

rtemagicc_ybuilder10beta1_01.png

ma_devnet_1.gif

Saya sih baru nyoba Blueprint klo yang lainnya sih masih blum nyoba. itu juga karena permintaan client yang meminta saya untuk mencoba blueprint.

menurut saya sih blueprint sangat membantu sekali dalam pengaturan sebuah layout dan konten karena blueprint mempunyai berbagai pengaturan blok css yang memungkinkan kita untuk membuat sebuah blok css tanpa perlu harus membuat class dari awal.
seperti pembuatan table dengan menggunakan css sangat mudah sekali hanya dengan menggunakan beberapa class yang ada kita dapat membuat sebuah table dengan css.
cuma kelemahan dalam penggunaan blueprint ini sih hanya dalam pengaturan ukuran layoutnya yang sudah baku dan tidak bisa semau kita.
untuk membuat layout nya sendiri sih kita harus membuat design css kita sendiri dan untuk membuat kontennya barulah kita menggunakan blueprint.

bagi seorang webdesign menurut saya css framework ini sangat membantu sekali dalam pengerjaan website yang menggunakan css. karena dapat mempercepat pengerjaan sebuah web.

situs css frame work:

Blueprint (download)

Yui (download)

Yaml (download)

Perkembangan dunia web sekarang ini sangatlah pesat. sebagai orang yang berkecimpung di dunia web kita di tuntut untuk bisa mengikuti perkembangan teknologi web tersebut.

dimana kita tau bahwa Html4 sudah sangat stabil dan telah menjadi rekomendasi dari tahun 1999, lalu berkembang lagi dan ada teknologi yang kita kenal dengan Xhtml 1.0 yang menjadi penggabungan dari html 4.01 dan Xml dan di rekomendasikan di tahun 2000 dan di revisi lagi pada tahun 2002.

Dan sekarang telah muncul lagi evolusi dari Html 4 yaitu Html 5 yang sedang di kembangkan oleh WHATWG dan Xhtml 1.0 menjadi Xhtml 2 yang di kembangkan oleh W3C yang mungkin mempunyai kelebihan di banding dengan versi sebelumnya

Kedua bahasa sebelumnya tersebut yaitu html4 dan xhtml1 menurut Saya pribadi sudah sangatlah stabil dan sangat membantu sekali dalam pekerjaan saya, tapi yang menjadi kendala besar adalah Browser support. dimana kita tahu bahwa kemampuan setiap browser berbeda-beda. seperti IE yang tidak dapat menghandle semua tag xhtml, dan mempunyai masalah juga dengan pengiriman karakter xml.

Jadi kita harus menggunakan berbagai browser untuk melakukan suatu pengetesan untuk mendapatkan hasil yang kita inginkan, mungkin bagi para web designer seperti saya masalah yang sering di temui adalah pada saat membuat sebuah halaman web kita harus bisa membuat halaman web kita tampil menarik dan tidak berantakan pada saat di buka oleh berbagai browser.

Semoga saja kedepannya teknologi terbaru tersebut bisa dihandle oleh semua browser agar para penggunanya tidak mengalami kebingungan pada saat membuat sebuah program yang berbasis pada web.