Layout

7 Tutorial Cara Konversi PSD ke HTML dan CSS

psd to html css

Merancang website kadang bisa menjadi pekerjaan yang membosankan, namun apabila kita telah memiliki mock up photoshop pasti akan sangat membantu

Memahami Perbedaan Post dan Page Pada Sebuah Website

post layout

Memahami perbedaan antara Page dan Post sebelum anda membuat website tentu sangat diperlukan, agar anda tidak salah membuat dan tidak salah dalam mengartikal fungsinya masing-masing

Tutorial Cara Membuat Desain Web Responsive

responsive web design

Tutorial cara membuat desain web responsive — Pada tulisan kali ini TWD akan menjelaskan secara singkat bagaimana cara membuat layout website yang responsive yaitu layout yang bisa menyesuaikan tampilannya meskipun dibuka di berbagai ukuran layar (ponsel, tablet maupun pc). Artikel ini adalah lanjutan dari pembahasan responsive web, sebelumnya kita sudah

Panduan Membuat Wireframe Untuk Web Designer — Ebook

Panduan Wireframe

Ebook Panduan Membuat Wireframe Untuk Web Designer – Wireframe atau bisa kita sebut sebagai skema halaman atau layar blueprint, adalah panduan visual yang mewakili kerangka-kerangka website. Wireframe diciptakan untuk tujuan mengatur elemen agar mencapai komposisi terbaik untuk tujuan tertentu. Tujuannya pembuatan wireframe biasanya untuk mengetahui gambaran tujuan bisnis dan seperti apa ide kreatif yang akan…

Web Design Menggunakan Grid

Grid Layout

Bagaimanakah cara web designer mendesain sebuah website sehingga website tersebut memberi manfaat maksimal kepada penggunanya? sehingga pengguna bisa menkonsumsi informasi yang ada di web tersebut dengan nyaman, pengguna bisa menggunakan web tersebut dengan efisien, pengguna bisa mendapatkan apa yang mereka cari di website tersebut dengan cepat. Dengan kata lain pengguna bisa mendapatkan pengalaman yang menyenangkan…

Template PSD Landing Page Gratis untuk Website Perusahaan IT

comtech_green_display

Template PSD Landing Page Gratis — Anda sedang membuat desain website perusahaan yang bergerak di bidang IT? Mungkin postingan kali ini cukup berguna untuk anda, pada kesempatan kali ini TWD akan membagikan sebuah template PSD Gratisan yang dibuat oleh seorang desainer grafis yang bernama Matthew Faris asal Indonesia. Kebetulan yang dibagikan adalah sebuah template PSD…

Cara Mudah Mengunakan CSS Shapes | Masa Depan Layout Web

CSS Shapes

Hadirnya CSS Shapes sebagai fitur baru dari CSS3 tentunya disambut baik oleh web designer di seluruh dunia. Hal ini karena CSS shapes dianggap salah satu masa depan dari layout web. Dengan CSS Shapes kita bisa membuat layout website seperti majalah dan mengatur kontennya sesuka hati. CSS Shapes memungkinkan kita untuk membungkus konten sesuai dengan path yang…

Contoh Website Super Keren Berbasis Grid

orangina

Desain berbasis Grid sangat sederhana dan elegan, murni menggunakan bentuk-bentuk klasik seperti persegi dan persegi panjang dalam berbagai kombinasi. Kombinasi seperti itu jika digandakan akan membentuk layout yang sangat menarik dan juga unik, berbeda dengan kebanyakan layout. Grid adalah desain yang di organisasi untuk desain bergaya metro (Metro Style), tapi ini tentunya tidak eksklusif untuk…

Template Administrator Gratis dan Responsive

Template Administrator Gratis

Template HTML Responsive untuk halaman administrator yang gratis memang agak sulit ditemukan di internet, jumlahnya hanya sedikit dibanding template jenis lain seperti template untuk website berita atau untuk portfolio. Tutorial-webdesign.com kali ini akan menginformasikan sebuah template administrator gratis yang cukup baik untuk anda gunakan dalam proyek anda, pastinya kualitas dan fiturnya cukup mumpuni untuk sebuah…

Tutorial Membuat Web Portfolio Responsive Dengan HTML5, CSS3 dan Jquery

Free Portfolio Template Layout

Tutorial ini akan menjelaskan bagaimana cara membuat website portfolio sederhana dengan menggunakan HTML5, CSS3, Jquery. Dalam kasus ini kita coba untuk membuat desain web portfolio untuk seorang kartunis, ilustrator, atau seniman. Jika sebelumnya kita pernah membuat website one page bergaya flat design sekarang kita kembali akan membuat website one page bahkan bisa disebut hanya landing…

1 2 3