Web Design
Tampilkan postingan dengan label Web Design. Tampilkan semua postingan
Tampilkan postingan dengan label Web Design. Tampilkan semua postingan

14 Contoh Desain Web Buatan Orang Jepang yang Keren dan Menginspirasi

12.15 Add Comment
Contoh Desain Web di Jepang / buatan orang Jepang — Setiap negara memiliki ciri khas masing-masing, ciri khas tersebut biasanya dipengaruhi oleh berbagai budaya yang ada di negara tersebut.
Style website pun sangat bervariasi sesuai dengan negara dari situs tersebut, walaupun sekarang banyak desainer yang mengambil tema desain yang sedang trend didunia seperti flat design, material design, dll.

Jepang adalah salah satu negara yang cukup unik, negara ini kaya akan budaya dan memiliki bahasa dan tulisan yang juga unik.
Jika Anda ingin melihat seperti apa desain web di Jepang, berikut ini Knowledgeku akan menampilkan beberapa desain web asal Jepang yang bisa jadi inspirasi.

 1. Sal
          sal.ne.jp

2. Wagamama Yoani

  wagamama.yoani.co.jp

3. Mominoki



4. Shibukaru



5. Sotozen



6.  Zensho Ji



7. Shitazen

  

8. Kyoto Matai



9. Sus



10. Hojo Gakuen




11. Daifukuseishi




12. Adenogen




13. Tamago Family




14. Honke Owariya




Jika Anda ingin melihat lebih banyak lagi desain web yang ada di Jepang, maka Anda bisa mengunjungi laman website Muuuuu.org.

Muuuuu adalah organisasi non-profit.

Semoga desain-desain yang kami tampilkan bisa menginspirasi Anda dalam membuat desain web untuk pekerjaan dan keperluan Anda.

Referensi Kode dan Nama Warna Pada HTML dan CSS

11.13 Add Comment
Komputer menyediakan jutaan warna yang bisa kita gunakan hanya dengan menuliskan kode tertentu yang sesuai dengan warna yang diinginkan.
Warna-warna ini bisa digunakan untuk membuat tampilan website atau blog menjadi lebih menarik. Warna yang umum mudah untuk di ingat yaitu merah, kuning, hijau, biru dan warna-warna utama lainnya. Sedangkan variasi dari warna-warna tersebut sulit untuk dihafalkan.


Untuk menentukan warna pada halaman web dengan css biasanya kita menggunakan kode warna seperti #ff0000 untuk warna merah, atau #fff000 untuk warna kuning.Implementasinya juga mudah dengan css, misal untuk memberikan warna merah pada tag H1
Implementasinya juga mudah dengan css, misal untuk memberikan warna merah pada tag H1
h1{ color: #ff0000 }
atau bisa langsung menuliskan nama warnanya seperti ini
h1{ color: red }
atau jika ingin langsung di tag h1 nya
<h1 style="color:#ff0000">Selamat Datang</h1>
Berikut ini kode warna lain yang bisa Anda gunakan

Tabel Kode Warna Untuk HTML dan CSS

#EEEEEE#DDDDDD#CCCCCC#BBBBBB#AAAAAA#999999
#888888#777777#666666#555555#444444#333333
#000000#000033#000066#000099#0000CC#0000FF
#330000#330033#330066#330099#3300CC#3300FF
#660000#660033#660066#660099#6600CC#6600FF
#990000#990033#990066#990099#9900CC#9900FF
#CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF
#FF0000#FF0033#FF0066#FF0099#FF00CC#FF00FF
#003300#003333#003366#003399#0033CC#0033FF
#333300#333333#333366#333399#3333CC#3333FF
#663300#663333#663366#663399#6633CC#6633FF
#993300#993333#993366#993399#9933CC#9933FF
#CC3300#CC3333#CC3366#CC3399#CC33CC#CC33FF
#FF3300#FF3333#FF3366#FF3399#FF33CC#FF33FF
#006600#006633#006666#006699#0066CC#0066FF
#336600#336633#336666#336699#3366CC#3366FF
#666600#666633#666666#666699#6666CC#6666FF
#996600#996633#996666#996699#9966CC#9966FF
#CC6600#CC6633#CC6666#CC3399#CC66CC#CC66FF
#FF6600#FF6633#FF6666#FF6699#FF66CC#FF66FF
#009900#009933#009966#009999#0099CC#0099FF
#339900#339933#339966#339999#3399CC#3399FF
#669900#669933#669966#669999#6699CC#6699FF
#999900#999933#999966#999999#9999CC#9999FF
#CC9900#CC9933#CC9966#CC9999#CC99CC#CC99FF
#FF9900#FF9933#FF9966#FF9999#FF99CC#FF99FF
#00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF
#33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF
#66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF
#99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF
#CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF
#FFCC00#FFCC33#FFCC66#FFCC99#FFCCCC#FFCCFF
#00FF00#00FF33#00FF66#00FF99#00FFCC#00FFFF
#33FF00#33FF33#33FF66#33FF99#33FFCC#33FFFF
#66FF00#66FF33#66FF66#66FF99#66FFCC#66FFFF
#99FF00#99FF33#99FF66#99FF99#99FFCC#99FFFF
#CCFF00#CCFF33#CCFF66#CCFF99#CCFFCC#CCFFFF
#FFFF00#FFFF33#FFFF66#FFFF99#FFFFCC#FFFFFF

Tabel Nama Warna Untuk HTML dan CSS

Aliceblue
#F0F8FF		Antiquewhite
#FAEBD7		Aqua
#00FFFF
Aquamarine
#7FFFD4		Azure
#F0FFFF		Beige
#F5F5DC
Bisque
#FFE4C4		Black
#000000		Blanchedalmond
#FFEBCD
Blue
#0000FF		Blueviolet
#8A2BE2		Brown
#A52A2A
Burlywood
#DEB887		Cadetblue
#5F9EA0		Chartreuse
#7FFF00
Chocolate
#D2691E		Coral
#FF7F50		Cornflowerblue
#6495ED
Cornsilk
#FFF8DC		Crimson
#DC143C		Cyan
#00FFFF
Darkblue
#00008B		Darkcyan
#008B8B		Darkgoldenrod
#B8860B
Darkgray
#A9A9A9		Darkgreen
#006400		Darkkhaki
#BDB76B
Darkmagenta
#8B008B		Darkolivegreen
#556B2F		Darkorange
#FF8C00
Darkorchid
#9932CC		Darkred
#8B0000		Darksalmon
#E9967A
Darkseagreen
#8FBC8F		Darkslateblue
#483D8B		Darkslategray
#2F4F4F
Darkturquoise
#00CED1		Darkviolet
#9400D3		Deeppink
#FF1493
Deepskyblue
#00BFFF		Dimgray
#696969		Dodgerblue
#1E90FF
Firebrick
#B22222		Floralwhite
#FFFAF0		Forestgreen
#228B22
Fuchsia
#FF00FF		Gainsboro
#DCDCDC		Ghostwhite
#F8F8FF
Gold
#FFD700		Goldenrod
#DAA520		Gray
#808080
Green
#008000		Greenyellow
#ADFF2F		Honeydew
#F0FFF0
Hotpink
#FF69B4		Indianred
#CD5C5C		Indigo
#4B0082
Ivory
#FFFFF0		Khaki
#F0E68C		Lavender
#E6E6FA
Lavenderblush
#FFF0F5		Lawngreen
#7CFC00		Lemonchiffon
#FFFACD
Lightblue
#ADD8E6		Lightcoral
#F08080		Lightcyan
#E0FFFF
Lightgoldenrodyellow
#FAFAD2		Lightgreen
#90EE90		Lightgrey
#D3D3D3
Lightpink
#FFB6C1		Lightsalmon
#FFA07A		Lightseagreen
#20B2AA
Lightskyblue
#87CEFA		Lightslategray
#778899		Lightsteelblue
#B0C4DE
Lightyellow
#FFFFE0		Lime
#00FF00		Limegreen
#32CD32
Linen
#FAF0E6		Magenta
#FF00FF		Maroon
#800000
Mediumaquamarine
#66CDAA		Mediumblue
#0000CD		Mediumorchid
#BA55D3
Mediumpurple
#9370D8		Mediumseagreen
#3CB371		Mediumslateblue
#7B68EE
Mediumspringgreen
#00FA9A		Mediumturquoise
#48D1CC		Mediumvioletred
#C71585
Midnightblue
#191970		Mintcream
#F5FFFA		Mistyrose
#FFE4E1
Moccasin
#FFE4B5		Navajowhite
#FFDEAD		Navy
#000080
Oldlace
#FDF5E6		Olive
#808000		Olivedrab
#688E23
Orange
#FFA500		Orangered
#FF4500		Orchid
#DA70D6
Palegoldenrod
#EEE8AA		Palegreen
#98FB98		Paleturquoise
#AFEEEE
Palevioletred
#D87093		Papayawhip
#FFEFD5		Peachpuff
#FFDAB9
Peru
#CD853F		Pink
#FFC0CB		Plum
#DDA0DD
Powderblue
#B0E0E6		Purple
#800080		Red
#FF0000
Rosybrown
#BC8F8F		Royalblue
#4169E1		Saddlebrown
#8B4513
Salmon
#FA8072		Sandybrown
#F4A460		Seagreen
#2E8B57
Seashell
#FFF5EE		Sienna
#A0522D		Silver
#C0C0C0
Skyblue
#87CEEB		Slateblue
#6A5ACD		Slategray
#708090
Snow
#FFFAFA		Springgreen
#00FF7F		Steelblue
#4682B4
Tan
#D2B48C		Teal
#008080		Thistle
#D8BFD8
Tomato
#FF6347		Turquoise
#40E0D0		Violet
#EE82EE
Wheat
#F5DEB3		White
#FFFFFF		Whitesmoke
#F5F5F5
Yellow
#FFFF00		YellowGreen
#9ACD32

Warna-warna diatas bisa digunakan untuk berbagai keperluan desain web seperti memberikan warna pada tulisan, pada latar belakang atau backround, warna garis dan lainnya.
Masih banyak kode warna lain yang bisa digunakan, seperti disebutkan diatas, warna pada komputer ada jutaan.
Semoga bermanfaat untuk kawan-kawan LINSETKU :)

Sejarah Web Desain dan Perkembanganya 25th Terakhir

08.11 Add Comment

Sejarah Web Desain – Pada saat ini desain web sudah semakin canggih, tampilan website pada saat ini sudah sangat bagus dan enak untuk di pandang mata, dengan barbagai elemen, efek, warna, dan kemampuan menyesuaikan diri dengan lebarnya layar (responsive).

Namun tahukah Anda website pertama kali muncul sekitar 25 tahun lalu dengan diluncurkannya HTML pada tahun 1990 dan dibuatnya website pertama pada tahun 1991 oleh Tim Berners-Lee. Pada saat itu website hanya sebatas teks dengan link berwarna biru untuk mengaitkan antara satu halaman dengan halaman lain, tampilannya pun masih standar saja, belum ada kolom, hanya teks yang tersusun kebawah saja. Barulah setehun kemudian dikenal tabel untuk membuat layout, dengan tabel layout website bisa dibuat menjadi kolom-kolom.


Dua tahun setelah itu muncullah java dan flash yaitu pada tahun 1995-1996, kemudian diikuti dengan perkembangan pengguna internet hingga mencapai 74 juta dan terdapat 650ribu website telah dibuat pada saat itu, dan pada tahun itu pula mulai diperkenalkan CSS untuk membuat tampilan web lebih menarik.

Perkembangan website semakin hari semakin berkembang pesat, orang-orang mulai memikirkan untuk membuat website yang dinamis, bukan hanya website statis saja, maka tidak butuh waktu lama, tahun 1998 disaat Indonesia sedang krisis moneter dan terjadi kerusuhan pada tahun tersebut lahir lah PHP, langsung versi 3. Disini website mulai berkembang karena PHP memungkinkan kita membuat website yang dinamis.

Satu tahun berikutnya yaitu pada tahun 1999 lahirlah yang namanya CSS3, dimana CSS yang ada dikembangkan dengan penambahan-penambahan fitur baru yang memungkinkan tampilan website terlihat lebih menarik.

Butuh waktu 4 tahun setelah diperkenalkannya CSS3 hingga muncul istilah Web 2.0 dimana muncul berbagai website yang semakin dinamis dimana semua orang bisa membuat website dan halaman profil tertentu hanya dari satu website seperti Blogspot, WordPress, MySpace, Tumblr dan tidak lupa ada Friendster serta Facebook, pengguna Internet pada saat itu mencapai 782 juta, dan terdapat 38 juta website yang ada di Internet.

Tahun 2008 orang mulai ramai dengan istilah Open Source, dan kala itu Mobile Web pun mulai dikenal, karena perkembangan teknologi komunikasi membuat ponsel mulai memiliki kemampuan yang cukup mumpuni, termasuk bisa digunakan untuk mengakses internet.

Pada tahun 2010 pengguna internet semakin ramai saja, terdapat 2 miliar pengguna Internet diseluruh dunia dan jumlah website pun semakin bertambah banyak mencapai angka 240 juta, hampir sama dengan jumlah penduduk Indonesia. Pada saat itu juga orang mulai mengenal HTML5 yang sampai sekarang masih sangat nge-trend dengan berbagai kecanggihannya, bahkan sampai menenggelamkan kedikdayaan Flash untuk membuat animasi web.

Sekarang web desain sudah semakin maju saja, terdapat banyak sekali Web builder yang tersedia di Internet, membuat website sudah semakin mudah, bahkan orang yang tidak memiliki dasar-dasar pemograman pun sekarang bisa dengan mudah membuat website hanya dengan drag and drop saja website sudah jadi, dan siap digunakan.


Itulah kira-kira sejarah perkembangan website dan desain selama kurang lebih 25 tahun belakangan ini. Bagaimana website kedepannya? kita tunggu dan ikuti saja perkembangannya, LINSETKU akan selalu menemani dan mudah-mudahan bisa selalu mengikuti perkembangan tersebut.
Sampai jumpa di postingan selanjutnya.

Langganan: Postingan (Atom)