Software Web Development

Da lama aku xmengupdate posting kat blog lehfofarenhait tersayang ni. Xde benda menarik lain nk ak update dlm blog ak ni.

Hari ni ak rasa baik juga ak share pasal pengalaman ak serba sedikit.

Sofware ni amat2 penting untuk aku masa web development.
1. blueprint css (download)
2. notepad++ (download)
3. filezilla (download)
4. adobe photoshop CS3 / adobe illustrator CS3
5. xampp (download)
6. adobe dreamweaver
** untuk software adobe, korang download trial version kat website adobe dan cari crack tersebut kat mr.Google. harap maklum =)

Huraian langkah2:-
1. Memula taip coding kat notepad++. Bleh juga kalo nk guna adobe dreamweaver. tp ak xske sgt guna dreamverwer sbb lambat n leceh. Tapi kekadang ak guna juga adobe dreamweaver ni utk cek simple2 coding n bila mata ak da berpinar sbb tgk notepad++ lama2.
2. Test page kat browser kat localhost guna xampp.
3. Ulangi langkah 1 + 2, smpai la puas hati.
4. Upload ke server guna fillezilla. Adobe dreamweaver pon bleh. Tapi sgt2 lembab. Lagi2 kalo file tu bersaiz besar.

Design website:-
1. Design website layout guna adobe photoshop CS3 dan adobe illustrator CS3
2. Untuk meminimumkan masa, ak menggunakan grid css. Grid css yg ak guna ialah Blueprint css.

Siap!!
Gudluk utk diri ak..

p/s: cara cerita ni, nmpak Web Development ni senang je kan?


Read more...

Grid Css: Blueprint Css

Sekrang css pon da ada framework. Xperlu lagi nk taip css sepatah2. Memang menjimat kan masa.

Walaupon org kata, grid akan menghadkan kretiviti individu, tp bagi aku framework utk css ni memang banyak membantu dari segi penjimatkan masa, browser compatible untuk browser2 utama seperti IE, mozilla, google crome dll. Jadi, xpyah risau la pasal alignment website kita utk setiap browser.

Rasanya dah ramai yg tau pasal css framework..Blueprint Css ialah framework css yg biasa ak guna. Framework css ni ada pelbagai jenis cth lain ialah http://960.gs/. Cuma ak lebih suka guna Blueprint Css

Try install dan guna.. Korang akan rasa sendiri kelebihannya..Utk Blueprint Css, ikut tutorial yg telah sedia ada kat website dia..

Mula ak xberapa faham psl Blueprint Css. Konsepnya, semua akan disusun mengikut grid. Blueprint Css menggunakan konsep 24 grid. Aku amik masa beberapa hari juga nk memahamkan konsep css grid ni..

Contoh website yg menggunakan Blueprint Css ni ialah
1. YouthSays.
2. tigerlab
Cool kan design dia =)

Cubalah..anda akan rasa sendiri
** credit to lehfo: TQ for introduce this knowledge to me =)


Read more...