Teknik dan Tren Web Baru

Pola Vertikal dan Bergulir
Respons yang lebih besar terhadap seluler – dengan beberapa lalu lintas seluler yang berpikiran bisa menyamai trafik desktop tahun ini – berarti lebih banyak situs adalah makhluk yang dirancang dengan arus konsumen vertikal.

Di masa lalu, kita semua berurusan dengan akhir gulir dalam desain web hanya untuk menemukannya kembali berisik sebagai alat interaksi penting. Layar yang lebih kecil mengarahkan pengguna untuk menggulir lebih banyak dan desainer untuk membuat antarmuka pengguna yang jauh lebih tegak di alam.

Lebih Banyak Antarmuka Kartu-Gaya
Salah satu hal terpenting yang muncul dari Desain Material adalah munculnya antarmuka bergaya kartu. Mereka dalam segala hal mulai dari aplikasi hingga situs web hingga potongan cetakan. Kartu menyenangkan untuk dibuat, menyimpan informasi yang sudah diatur sebelumnya dalam wadah yang mudah digunakan dan menarik bagi pengguna. Bonus lainnya adalah mereka bekerja dengan sangat mudah di perangkat karena kartu dapat "menumpuk" di seluruh atau di bawah layar (atau keduanya).

Header Video Pahlawan (Pikirkan Situs Gaya Film)
Desain situs web akan masuk ke bioskop. Koneksi Internet berkecepatan tinggi dan asimilasi plug-in video yang disempurnakan memudahkan situs web lainnya untuk menyertakan pengalaman film-film yang imersif. Klip video berkembang dari titik kecil ke klip pratinjau hampir penuh. Gambar yang tajam, tajam dan dalam definisi tinggi, menciptakan pengalaman video online yang baru bagi pengguna, tetapi akrab dari perangkat lain, seperti televisi.

Animasi Kecil
Dari animasi bergaya pahlawan yang memandu desain situs ke divots kecil yang hampir Anda lewatkan, elemen bergerak ada di mana-mana. Dan mereka akan terus tumbuh dalam popularitas, bahkan ketika mereka semakin berkurang ukurannya. Elemen antarmuka pengguna beranimasi adalah cara yang menyenangkan untuk membantu melibatkan pengguna, memberi mereka sesuatu meskipun fakta bahwa mereka menunggu konten dimuat dan memberikan elemen kejutan.

Fokus pada Interaksi
Pergi bersama-sama dengan animasi adalah komunikasi. Sebagai taktik aplikasi dan antarmuka seluler, interaksi membuat tautan antara pengguna dan perangkat. Interaksi yang baik seringkali kecil – bahkan mikro alami – dan memberikan manfaat bagi pengguna. Mulai dari mudahnya peringatan hingga pesan teks hingga kerusakan yang merupakan giliran Anda dalam permainan, interaksi kecil ini membentuk cara orang berinteraksi dengan perangkat (dan seberapa loyal mereka terhadap situs web dan aplikasi terkait).

Tipografi Lebih Indah
Antarmuka yang dimodernisasi telah menutup jalan bagi munculnya tipografi yang indah (seperti penambahan alat jenis web yang lebih mudah digunakan seperti Google Fonts dan kit Adobe Type sebagai opsi biasa untuk membuat pustaka tipe ekstensif secara online).

Tipografi besar dan berani akan terus berlaku karena berfungsi baik dengan elemen gaya lainnya. Konsep huruf yang sederhana ini memberi lebih banyak ruang untuk hal-hal penting lainnya, sementara mengkomunikasikan pesan dengan tampilan yang sangat jelas. Trik yang harus dicoba adalah pasangan sederhana dari tipografi yang mudah dibaca dan opsi orisinalitas yang mudah dibaca.

Ilustrasi dan Sketsa
Ilustrasi dan sketsa membawa bagian yang menyenangkan dari keinginan untuk desain situs. Mereka dapat bekerja untuk situs dari semua jenis dan bukan hanya untuk anak-anak lagi. Gaya grafis juga mulai tumbuh dalam popularitas ketika datang ke beberapa bagian yang lebih kecil dari desain situs web juga, seperti ikon dan kebutuhan antarmuka pengguna lainnya. Yang menyenangkan tentang tren ini adalah ilustrasi membuat situs terasa lebih pribadi. Karena ikon gaya grafis atau sketsa tampak digambar dengan tangan, tampilannya dan terasa pribadi bagi pengguna. Itu bisa pergi jauh dalam menciptakan koneksi dengan mereka.

Lebih Tebal, Warna Lebih Cerah
Besar, warna cerah benar-benar mulai muncul dengan tren desain yang datar dan terus mendapatkan kepercayaan. Sertifikasi Desain Material Google semakin memperkuat percakapan itu. Dan lihat-lihat saja tetesan, di mana warna ada di mana-mana. Ini adalah indikator utama bahwa warna akan tetap besar di tahun mendatang. Beberapa perubahan ke tren warna besar adalah pada jenis warna yang digunakan.

Lebih banyak hamburger dan ikonografi
Ikon, ikon, ikon! Dari ikon hamburger yang diperdebatkan hingga divots selama proyek desain, ikonografi besar. Semakin banyak desainer yang merilis UI dan ikon kit yang mudah digunakan, membuat ikon lebih mudah dari sebelumnya. Salah satu hal besar lainnya yang dicoba oleh para desainer untuk hal-hal baru adalah ikon ekstra besar berkat format SVG.

Realitas-Imajinasi Blur
Langkah berikutnya dari game dan desain adalah datang dan datang dengan garis kabur antara apa yang nyata dan apa yang dibuat (atau imajiner) dalam proyek desain web. Dan hasilnya cukup eye-catching.

Dari realitas yang efektif hingga situs web yang memungkinkan Anda membuat pilihan untuk menemukan konten baru, jenis penyesuaian ini bersifat pribadi dan pengguna terlihat sangat menyukainya. Tren ini juga termasuk membuat gambar artistik yang terlihat nyata, tetapi Anda tahu bahwa itu tidak nyata.

Situs web dengan Slide
Pertama ada slider, sehingga situs web dapat memindahkan gambar dalam bingkai untuk menampilkan konten. Bagian selanjutnya dari perkembangan itu termasuk slide layar penuh. Setiap slide menyegarkan layar intranet dengan konten baru; dapat bekerja dengan efek klik, gulir, atau batas waktu. Pengguna dapat menemukan jalan maju dan mundur untuk pengalaman yang hampir fisik. Berharap untuk melihat kelimpahan – dan kami berarti banyak – situs menggunakan persepsi ini dalam beberapa bulan mendatang.

Pengantar Browser Web

Browser Web telah datang jauh dari hari-hari browser web internet pertama, Mosaic dan sejenisnya. Monopoli Internet Explorer yang ditulis Microsoft telah secara meyakinkan dipecahkan dan diakhiri, selamanya. Peramban web saat ini telah berkembang dari sekadar alat penjelajah internet menjadi aplikasi multi-tujuan, multi-cabang yang membawa beberapa keuntungan bagi pengunjung web. Sebuah browser web didefinisikan sebagai aplikasi perangkat lunak, klien HTTP yang khas yang membantu pengunjung internet untuk menafsirkan dokumen HTML dan menampilkan konten dari server web atau dalam sistem file. Saat ini ada berbagai browser internet yang tersedia. Browser utama yang tersedia untuk komputer pribadi termasuk Microsoft Internet Explorer, Mozilla Firefox Opera Netscape, dan sebagainya. Browser adalah jenis agen pengguna yang paling umum digunakan. Kumpulan dokumen terkait jaringan terbesar dikenal sebagai World Wide Web.

Browser web berkomunikasi dengan server web terutama menggunakan HTTP (protokol transfer hiper-teks) untuk mengambil halaman web. HTTP memungkinkan browser web untuk mengirimkan informasi ke server web serta mengambil halaman web dari mereka. HTTP yang paling sering digunakan adalah HTTP / 1.1. Halaman Web terletak dengan cara URL (sumber daya pencari seragam), yang diperlakukan sebagai alamat, dimulai dengan http: untuk akses HTTP. Banyak browser juga mendukung berbagai jenis URL lain dan protokol yang sesuai, seperti ftp: untuk FTP (protokol transfer file), gopher: untuk Gopher, dan https: untuk HTTPS (versi SSL terenkripsi dari HTTP).

Format file yang diterima secara umum untuk halaman web biasanya HTML (bahasa markup hiper-teks) dan diidentifikasi dalam protokol HTTP menggunakan jenis konten MIME. Sebagian besar browser tentu mendukung format teknologi lain selain HTML, seperti format gambar JPEG PNG dan GIF, dan dapat diperluas untuk mendukung lebih banyak melalui penggunaan plugin. Kombinasi jenis konten HTTP dan spesifikasi protokol URL memungkinkan perancang halaman web untuk menanamkan gambar, animasi, video, suara, dan streaming media ke dalam halaman web, atau membuatnya dapat diakses melalui halaman web.

Pada awalnya, peramban web hanya mendukung versi HTML yang sangat sederhana. Pesatnya perkembangan web browser menyebabkan perkembangan HTML menjadi avatar yang lebih kompleks. Browser web modern mendukung HTML berbasis standar dan XHTML yang seharusnya ditampilkan dengan cara yang sama di semua browser. Situs web saat ini dirancang menggunakan program generasi HTML WYSIWYG seperti Macromedia Dreamweaver atau Microsoft Frontpage. Ada kegiatan pengembangan berkelanjutan dalam mengembangkan standar, khususnya dengan XHTML dan CSS (style sheet cascading, digunakan untuk tata letak halaman). Beberapa peramban yang lebih populer menyertakan komponen tambahan untuk mendukung berita Usenet, IRC (obrolan relai Internet), dan e-mail. Protokol yang didukung mungkin termasuk NNTP (protokol transfer berita jaringan), SMTP (protokol transfer surat sederhana), IMAP (protokol akses pesan Internet), dan POP (protokol kantor pos).

Browser yang berbeda memiliki keunikan yang dibangun karena fitur-fitur yang mereka berikan dan fungsi yang sangat mereka dukung. Browser dan halaman web modern cenderung menggunakan banyak fitur dan teknik yang tidak ada di masa-masa awal web. Berikut ini adalah daftar beberapa fitur yang paling penting:

– HTTP dan HTTPS

– HTML, XML, dan XHTML

– GIF, PNGJPEG dan SVG

– Cascading Style Sheets

– JavaScript

– Sertifikat digital

– RSS

– Bookmark

– Caching

– Plugin seperti Macromedia Flash dan Waktu Cepat.

Fitur lain umumnya termasuk:

– Lengkapi otomatis

– Penjelajahan tab

– Navigasi spasial

– Navigasi caret

– Pembaca layar

– Pemblokir Pop-up

– Pemfilteran iklan

– Phishing

Peramban Web saat ini memantapkan diri sebagai alat teknologi yang paling mudah digunakan dan penting untuk menjelajahi internet. Peramban web membantu pengunjung ke dunia web yang sangat halus untuk melihat konten dari berbagai format file, berinteraksi dengan situs web lain, menggabungkan teknologi yang tepat untuk melihat / mengunduh / mengunggah konten multi-media dan streaming multi-media. Peramban web saat ini menyediakan fungsionalitas seperti pemblokiran iklan pop-up yang tidak diinginkan, spywares, dan upaya phishing. Mereka memberikan kenyamanan penjelajahan tab dan dilengkapi dengan fitur-fitur canggih seperti pengisian otomatis dan kata sandi dan pengelola unduhan.

Browser web saat ini bukan sekadar pembawa pesan antara klien dan server. Mereka adalah program penuh yang mampu menggunakan logika fuzzy untuk memilih konten yang paling tepat dan membantu pengunjung web untuk menjelajah dengan aman dan menyenangkan.

Tinjau Editor Web BlueGriffon Baru

BlueGriffon adalah editor HTML gratis WYSIWYG (Apa yang Anda Lihat Adalah Apa yang Anda Dapat) yang didukung oleh Gecko, mesin rendering di dalam Firefox. Ini adalah cross-platform dengan versi untuk Windows XP dan Windows 7, Mac OS X dan distro Linux populer. Ada juga versi portabel (untuk Windows saja).

Seperti pendahulunya, NVU, BlueGriffon menyediakan antarmuka yang mudah digunakan dan mencakup semua opsi yang paling umum untuk membangun halaman web yang sesuai dengan standar web W3C (HTML 4, XHTML 1.0, HTML 5 atau XHTML 5 / CSS 2.1 dan bagian dari CSS3 sudah diimplementasikan oleh Gecko).

Wizard yang berguna memandu pengguna untuk mengatur kanvas mereka, dimulai dengan memilih jenis dokumen, mengisi data untuk properti, memilih warna, menambahkan gambar latar belakang, dan memutuskan tata letak halaman.

Antarmuka intuitif dan hampir dasar pada awalnya, karena sangat mirip dengan tata letak toolbar pengolah kata. Ikon ke opsi yang paling umum ditata dengan jelas: menambahkan tabel, gambar tunggal atau thumbnail yang menautkan ke gambar besar, tautan, video, file audio, atau formulir ke halaman web itu mudah. Beralih dari tampilan WYSIWYG (tempat Anda dapat mengatur objek secara visual) ke kode sumber halaman web (tempat Anda dapat memanipulasi halaman web dengan mengedit kode HTML) dilakukan dengan mengklik dua tombol di bagian bawah halaman. Beberapa halaman web dapat tetap terbuka di beberapa tab, yang membuatnya mudah untuk beralih dari satu dokumen ke yang lain, salin dan tempel, dll

Menyesuaikan gaya dapat dilakukan melalui panel properti gaya, yang akan membutuhkan pengetahuan pengkodean untuk sebagian besar fungsi selain yang paling dasar sekalipun. Sebagai contoh, cukup mudah untuk mengubah warna font atau menyesuaikan gaya perbatasan tetapi, sementara properti gaya mengatur banyak pilihan gaya cukup rapi, sebagian besar pilihan gaya yang tersedia mungkin tidak akan langsung dipahami oleh pemula: ini membuat BlueGriffon lebih beradaptasi dengan penghubung menengah.

Kelemahan lain dari BlueGriffon jika Anda mulai membangun tata letak situs web pertama Anda adalah kurangnya dokumentasi (offline atau online) yang tepat. Jika sebelumnya Anda telah menggunakan alat membangun web yang layak atau jika Anda ingin membangun halaman yang cukup mendasar, ini seharusnya tidak terlalu banyak masalah. Namun, jika Anda seorang pemula di situs web coding, Anda mungkin menemukan diri Anda terjebak di beberapa titik tanpa banyak bantuan tersedia. Mari berharap dokumentasi BlueGriffon akan meningkat seiring dengan waktu, dimulai dengan menawarkan beberapa langkah untuk membuat halaman dan situs baru dan mengembangkan forumnya.

Di sisi lain, salah satu kekuatan BlueGriffon adalah add-on: yang paling jelas adalah FireFTP gratis add-on untuk menerbitkan halaman Anda dengan mudah dari BlueGriffon. Sebagian besar pengaya lainnya perlu dibeli dengan biaya yang kecil meskipun untuk mendukung pengembangan di masa mendatang, menurut situs web BlueGriffon. Ekstensi Editor Pro CSS misalnya jauh lebih canggih daripada kotak alat CSS default dan memberikan kontrol penuh atas stylesheet kepada penulis web mereka. Beberapa ekstensi berbayar populer adalah add-on Penampil Ponsel (untuk menguji halaman Anda dengan sejumlah besar perangkat seluler), Penetes Mata (pemilih warna yang memungkinkan penulis web untuk memilih warna dari sumber yang tidak dapat dilihat atau diedit secara langsung di dalam editor), add-on Project Manager (alat sinkronisasi antara direktori lokal pada hard disk Anda dan direktori remote yang dapat dijangkau melalui FTP), add-on Cuplikan (berguna saat memanipulasi potongan kode HTML atau teks yang sama persis di dalam dokumen-dokumen) dan add-on Manajer Toolkit. Anda dapat membeli semua add-on sekaligus dengan harga diskon di situs web penerbit.

Mengeklik tombol Pratinjau akan membuka laman web di browser apa pun pilihan Anda (asalkan sudah terpasang di sistemnya) yang berguna untuk pengujian lintas browser, untuk memeriksa seperti apa tampilan laman Anda di Internet Explorer atau Google Chrome misalnya. Ini juga berguna untuk memeriksa skrip Anda karena ini tidak akan berjalan langsung di BlueGriffon.

Pembersih Markup yang dapat ditemukan di menu Alat dapat membantu Anda membersihkan kode HTML Anda. Anda juga dapat memeriksa ejaan halaman Anda dan BlueGriffon bahkan mengintegrasikan editor SVG kecil (svg-edit, awalnya didistribusikan sebagai add-on ke Firefox dan diadaptasi ke BlueGriffon) untuk pekerjaan menggambar cepat.

BlueGriffon adalah editor web open-source dan cross-platform yang sangat menjanjikan. Pada hanya versi 1.31, tentu saja tidak dapat bersaing langsung dengan aplikasi pengembangan web yang sangat besar dan mahal seperti Adobe Dreamweaver, tetapi ini sudah merupakan aplikasi yang sangat bagus untuk membuat halaman web standar yang sesuai tanpa terlalu banyak usaha. Ini juga membuat alat yang hebat untuk tujuan pendidikan, seperti mengajar siswa desain dasar-dasar HTML dan CSS. Dokumentasi dan forum online perlu ditingkatkan tetapi, setelah mendapat traksi dan dukungan dari komunitas, itu bisa dengan cepat menjadi jauh lebih populer.

Tren Desain Web Teratas untuk Diperhatikan pada tahun 2016

Tidak satu hari pun berlalu tanpa terobosan desain kecil baru atau cara lain yang unik dan lebih kreatif dalam memanfaatkan kode perancangan web. Tubuh desain web yang ramping & transformatif, menumpahkan lapisan tembus cahaya demi lapisan karena memadukan dan mencocokkan pakaian yang selalu baru.

Beberapa pola, bagaimanapun, telah muncul untuk menjadi tren desain web yang paling dikenal di tahun 2015, beberapa dari mereka berumur pendek tetapi yang lain dengan cepat menjadi bagian integral dari yayasannya, membuka jalan menuju hal besar berikutnya.

Elemen desain apa yang saat ini sedang tren, dan apa yang dipotretnya untuk masa depan?

Tren Desain Web Tahun 2016

Interaktivitas Lintas Platform

Semakin banyak, desainer dan programmer mengakui kebutuhan untuk konsistensi lintas platform. Desain Web Responsif (RWD) digunakan untuk merespons dan menyesuaikan dengan berbagai ukuran layar. Situs web yang memiliki desain yang cair dan terpadu yang berubah menurut platform jauh lebih interaktif daripada layar kecil dengan tata letak penuh yang dirancang untuk komputer desktop. Demikian juga, SVG atau Scalable Vector Graphics menjadi lebih populer di web tahun ini sebagai cara untuk skala gambar yang mudah, meningkatkan kontrol desain dan memberikan kualitas yang lebih baik untuk layar retina.

Antarmuka pengguna seluler bergaya datar (UI) juga meningkat tajam dalam popularitas selama beberapa tahun terakhir, menunjukkan kurangnya gradien, warna blok dan desain yang jelas. Pertama dipopulerkan di media mainstream oleh desain Metro Microsoft yang bertujuan untuk lebih fokus pada konten dan kurang pada grafis, sejak itu telah diadopsi oleh Windows 8 dan dashboard Xbox 360.

Akhir tahun ini, iPhone iOS7 Apple yang baru akan tiba di pasar dengan desain baru yang ramping yang juga dilengkapi dengan antarmuka bergaya datar. Ditambah dengan ini adalah meningkatnya penggunaan warna-warna cerah dan tipografi yang terpadu tetapi mencolok, dengan semua elemen ini diadopsi ke dalam tata letak web sebagai cara untuk lebih merampingkan pengalaman pengguna.

Minimalis

Tren minimalis juga disorot oleh elemen desain seperti tata letak satu halaman. Situs web dengan konten yang lebih sedikit seperti portofolio desainer semakin mendukung desain yang sangat minimalis dengan warna yang berani dan kontras yang bertindak sebagai pembagi datar untuk berbagai bagian konten. Kotak Intro yang banyak digunakan membuang halaman About Me yang lelah dengan mengembuskan pengantar penulis ke area kecil. Footer besar dengan tautan dan informasi biasanya melengkapi tata letak kartu nama ini.

Demikian pula, perusahaan menggunakan halaman arahan bergambar sederhana untuk memperkenalkan produk dan layanan kepada klien potensial: pendekatan yang disajikan dengan indah dan minimal yang dirancang untuk menyorot konten yang memungkinkan konsumen menemukan informasi dengan mudah dan secepat mungkin.

Kemampuan CSS3 / JavaScript / jQuery

Karena dukungan browser untuk fitur CSS3 meningkat, begitu juga kemungkinan interaktif dari efek dinamisnya: Transparansi CSS, misalnya, menawarkan pengeditan opasitas pada elemen halaman web apa pun. Efek hover yang menarik juga memungkinkan untuk penggunaan gambar dan tipografi yang inovatif, dengan kemampuan untuk mengatur waktu transisi ke persyaratan yang tepat.

Flash dan ActionScript telah didorong ke sisi yang mendukung JavaScript dan jQuery, dengan kode yang tersedia secara luas sebagai sumber terbuka dan membantu memperkenalkan cara-cara kreatif mengatur tata letak dan halaman seperti menggeser panel laman web, yang memungkinkan konten tanpa batas dengan mendorong laman dari kiri ke kanan.

Interaktivitas Pengguna / Kemampuan Berbagi

Tata letak situs web berkembang menjadi lebih interaktif untuk pengalaman pengguna akhir. Karena itu, tidak mengherankan bahwa situs berbagi gambar Pinterest telah mempopulerkan penggunaan pengguliran tanpa batas, pengalaman yang sangat adiktif yang memaksa pengguna untuk terus bergulir … terus gulir … dan terus gulir.

Meskipun baru sekarang menjadi meluas, teknik ini pertama kali paling berhasil diterapkan oleh raksasa blogging Tumblr, yang mengklaim ketenarannya sebagian besar merupakan daya tarik adiktif dari dasbor berbasis gambarnya yang besar. Dengan demikian, blogger tumblr dengan cepat dapat melihat rentang perhatian pendek dari pembaca mereka dan menggandakan pengguliran tanpa batas JavaScript di masing-masing blog mereka untuk memaksimalkan perhatian pemirsa. Desainer juga telah menerapkan pengguliran tak terbatas dengan penggunaan tajuk tetap, yang mempermudah navigasi.

Tren lain yang sedang digemari termasuk parallax scrolling, efek yang memungkinkan gambar bergerak pada kecepatan yang lebih lambat dari teks yang dilapiskan, menciptakan rasa kedalaman 3D dan menyediakan pembagi yang menarik untuk konten tekstual. Perusahaan juga semakin menggunakan kode QR online built-in, mendorong pemirsa untuk terlibat lintas-platform untuk pengalaman pengguna yang lengkap, dan penerapan lencana media sosial di situs dan artikel. Ini memungkinkan pemirsa untuk berbagi konten di mana-mana di situs web media sosial.

Integrasi data

Karena penggunaan infografis terus meningkat, begitu juga penggunaan toolkit pemrograman seperti D3.js, membuat visualisasi data interaktif yang sebenarnya dapat dirayapi: yang berarti bahwa mesin pencari seperti Google dapat menggunakan bot mereka untuk merayapi informasi untuk meningkatkan SEO situs peringkat serta kemungkinan memperbarui dan meningkatkan statistik secara otomatis.

Desainer menggunakan tata letak minimalis dan antarmuka pengguna bergaya Metro sebagai cara untuk menekankan fokus baru-baru ini pada Konten Pertama: membuat situs web yang efisien, mudah dicari, interaktif yang memaksimalkan pengalaman pengguna dan akhirnya menciptakan desain yang meningkatkan konten, tidak mengganggu atau membayangi konten.

Apa berikutnya?

Beberapa tren yang tercantum di atas mungkin hanya itu: tren yang akan memudar dalam beberapa tahun mendatang. Lainnya, seperti Content First, pengguliran tanpa batas, UI gaya datar, dan RWD merupakan elemen pendiri penting dari filosofi desain web yang membentuk yang bertujuan untuk menyatukan platform dan membuat jaringan yang efisien antara interaktivitas dan antarmuka pengguna. Desain menjadi lebih sederhana, sehingga konten bisa menjadi prioritas. Dengan meninggalkan kelebihan, desainer tampaknya mengantarkan era baru desain yang melayani Anda lebih cepat, efisien dan memuaskan.

Browser Web Aman Terbaik: NetSurf Browser Review

NetSurf adalah browser web multi-platform yang kecil dan efisien untuk penggemar Linux, Unix, dan RISC OS. Apakah Anda ingin memeriksa surat Anda, mengirim komentar di forum, atau membaca berita, NetSurf adalah pilihan yang bagus. Browser web interaktif ini hadir dengan berbagai fitur seperti gerakan mouse, tombol akses, penyaringan iklan, dan portabilitas tinggi. NetSurf memiliki mesin tata letak sendiri yang berlisensi di bawah GPL versi 2.

Browser web open source ini benar-benar gratis. Proyek ini dimulai pada tahun 2002 sebagai tanggapan atas diskusi tentang kekurangan peramban web yang ada di platform RISC OS. Seluruh browser dan semua fiturnya kira-kira berukuran 5MB. NetSurf mendukung HTTPS, CSS 2.1, HTML4, dan konten Unicode. Program ini sangat ideal bagi pengguna yang tidak memiliki gigabyte memori untuk dialokasikan untuk menjelajahi Web. Pengembangnya terus menekan lebih cepat dari kode mereka.

NetSurf adalah standar yang sesuai dan dilengkapi dengan banyak fitur hebat seperti:

• Sorotan pencarian teks pencarian-seperti-Anda-jenis
• Penyelesaian URL
• Pemilihan teks
• Mendukung JPG, PNG, MNG, JPEG, SVG, BMP, dan GIF
• HTTPS untuk transaksi online yang aman
• Portabilitas tinggi
• Kecepatan tinggi
• Antarmuka yang ramah pengguna
• Penjelajahan bertab
• Temuan inkremental
• Pemblokiran pop-up
• Page zoom
• Pengecekan ejaan
• Masukan formulir
• Dukungan HTML 4 dan CSS 2.1
• Manajer bookmark
• Sejarah global
• Mesin cepat dan ringan
• Standar sesuai

Browser ringan ini telah memelopori konsep penggambaran halaman web. Antarmukanya yang intuitif dirancang oleh pengguna OS RISC untuk berintegrasi dengan baik dengan desktop. Instalasi NetSurf cukup mudah. Yang harus Anda lakukan adalah mengunduh salinan peramban dari situs resminya, membuka arsip, dan menginstal program yang disediakan. Saat Anda memuat browser ini untuk pertama kalinya, Anda akan secara otomatis dialihkan ke berandanya.

NetSurf memiliki beberapa opsi, termasuk Halaman, Tampilan, Navigasi, Obyek, Utilitas, Bantuan, dan Pilihan NetSurf. Pengguna dapat menyimpan halaman web ke komputer mereka atau mengekspornya sebagai file teks. Anda dapat melihat kode sumber HTML untuk halaman web saat ini, mendapatkan informasi tentang gambar yang ditampilkan pada halaman, dan bergerak di sekitar halaman yang telah Anda kunjungi. Browser ringkas ini memungkinkan pengguna untuk menskalakan tampilan halaman saat ini dan menyesuaikan toolbar NetSurf dengan menambahkan atau menghapus tombol dan ikon. Ketika menggunakan NetSurf, Anda dapat melihat semua situs web yang telah Anda kunjungi selama jangka waktu tertentu. Pengguna juga dapat melihat dan menghapus cookie. NetSurf memiliki opsi bantuan interaktif, serta bagian bantuan yang komprehensif.

 5 Tren Modern Yang Mengagumkan untuk Desain Situs Web

Memiliki keberadaan online telah menjadi sangat penting saat ini. Hampir semua pemilik bisnis apakah besar, menengah atau kecil telah mencoba mengumumkan kehadiran mereka dengan menggunakan beragam cara. Namun, untuk mempertahankan pengunjung dan meningkatkan jumlah pelanggan tergantung pada kualitas situs web Anda terutama. Tentu, itu harus memiliki antarmuka yang menyenangkan dan tetap mudah diakses, tetapi ada beberapa tren lain yang harus diikuti saat memformat atau mengubah desain situs web Anda. Ada banyak gaya dengan faktor wow yang menyenangkan dan menarik. Jangan tertinggal di belakang pesaing dengan menolak untuk memasukkan gaya yang penting sekarang. Berikut adalah beberapa trik yang sudah dicoba dan diuji untuk diperhatikan. Baca terus untuk detailnya.

  1. Warna – Warna dasar situs web Anda sangat penting. Warna yang berbeda mempengaruhi suasana hati dengan cara yang berbeda dan para ahli bereksperimen dengan output hampir secara konstan. Warna saat itu, bagaimanapun, adalah hijau. Ini bukan hanya sebuah pengesahan dari frase hyped & # 39; menjadi hijau & # 39; tetapi ini menunjukkan kesegaran dan kebaruan yang berbicara tentang revitalisasi secara besar-besaran.
  2. Bentuk – Menempel ke teks dan gambar adalah ketinggalan jaman sekarang. Sudah saatnya untuk memasukkan media visual dalam situs web juga. Namun, mengacaukan halaman tanpa berpikir adalah tidak-tidak ketat. Jalan ke depan adalah memilih tampilan retro-modern yang membuat penggunaan cerdas baik yang lama maupun yang baru. Sebuah petunjuk tipografi kuno dan video juxta yang menarik perhatian memposisikan menarik bola mata. Pergi dengan itu!
  3. Desain Material – Tinta lama yang bagus di atas kertas masih berfungsi, tetapi Anda tidak harus menulis dengan susah payah selama berjam-jam sekarang. Jangan ragu untuk menggunakannya dalam format digital dan sorot dengan bermain dengan cahaya dan bayangan yang tidak membingungkan tetapi memberikan arah yang jelas kepada pengunjung di situs.
  4. SVG – Masuk akal untuk menggunakan SVGs secara hemat karena formatnya tidak akan berfungsi untuk semua gambar Anda. Logo dapat ditambahkan, menggunakan konsep pengubahan ukuran yang kuat di mana ia tetap tidak berubah tanpa distorsi apa pun ketika dilihat pada layar yang lebih kecil.
  5. Interaksi mikro – Unsur-unsur interaktif telah menciptakan minat yang sangat besar akhir-akhir ini. Jangan gagal menggunakannya untuk menjangkau pengunjung Anda dan meningkatkan proses konversi. Memanfaatkan interaksi mikro tidak perlu menggunakan situs web sepenuhnya. Sebaliknya Anda dapat memilih untuk memandu pengguna atau meminta umpan balik dengan memasukkan elemen-elemen di berbagai bidang.

 Format Gambar dan Desain Web: JPG GIF PNG dan SVG

JPEG

Format gambar JPEG dikembangkan oleh Kelompok Pakar Fotografer Bersama pada awal 90-an. Gambar JPEG paling sering diakhiri dengan ekstensi file .jpg; meskipun .jpeg, .JPEG, .JPG, .jpg, .jpe, .jfif, dan .jfi juga digunakan. JPEG adalah algoritma kompresi bitmap lossy yang dimaksudkan terutama untuk foto digital. Lossy berarti bahwa ketika gambar JPEG disimpan, mereka dikompresi menjadi lebih kecil dari ukuran aslinya, tetapi ini memiliki kerugian dalam kualitas. Umumnya ketika menyimpan JPEG, kompresi didefinisikan dalam persentase, dengan 100% menjadi kualitas tertinggi tetapi ukuran file terbesar. Sebagai panduan kasar, 95% hingga 85% bagus untuk logo dan gambar yang digunakan dalam pemformatan. Gambar orang atau lanskap bisa turun hingga serendah 65% tanpa artefak jelas terlihat pada gambar.

Untuk desainer web, JPEG menghemat ruang dan waktu muat, dan menawarkan format gambar umum yang baik untuk foto digital dan beberapa logo. Saat menggunakan JPEG, Anda harus berhati-hati untuk menghindari degradasi gambar. Jika JPEG diedit dan kemudian disimpan lagi sebagai JPEG, gambar Anda akan memburuk dalam kualitas karena telah dikompresi dua kali. Terkadang hanya dalam dua atau tiga generasi ini dapat membuat gambar tidak dapat digunakan. Itu selalu terbaik untuk menyimpan gambar Anda dalam format lossless, seperti .png, .tiff, .raw, atau .xcf, dan kemudian, bila diperlukan, menyimpan file sebagai JPEG. JPEG secara luas kompatibel pada semua browser modern dan merupakan format gambar yang paling banyak digunakan di web.

GIF

Format GIF, atau Graphics Interchange Format, diperkenalkan pada tahun 1987 oleh CompuServe dan dapat dikenali oleh ekstensi file .gif. Ini adalah format kompresi bitmap lossless untuk gambar warna dan animasi yang memungkinkan penggunaan 256 warna dari palet 16 juta. Lossless berarti bahwa semua informasi dalam gambar asli disimpan di GIF yang tersimpan, meskipun, GIF hanya mendukung 256 warna itu tidak benar-benar reproduksi sempurna untuk pemirsa.

Hari ini, GIF digunakan untuk menampilkan hal-hal seperti tombol dan animasi rendah / berkualitas di situs web. GIF tidak disarankan untuk digunakan dengan foto karena keterbatasan 256 warna, meskipun ada beberapa solusi. Tombol-tombol animasi GIF dan sejenisnya pernah populer, sekarang mereka memudar dari penggunaan, terutama karena Flash dan rasa yang lebih baik. Khususnya, GIF mendukung transparansi, memungkinkan penggunaan atau menonaktifkan efek "tembus pandang" dengan gambar. Saat ini, PNG dan MNG sedang dalam proses menggantikan format gambar GIF.

PNG

PNG adalah format gambar bitmap dengan kompresi gambar lossless dan menggunakan ekstensi file .png atau .PNG. PNG dikembangkan sebagai pengganti bebas lisensi untuk GIF, meskipun tanpa dukungan animasi. MNG, sepupu PNG, dikembangkan untuk mensukseskan fitur animasi GIF. PNG memiliki opsi transparansi yang lebih canggih daripada GIF, memungkinkan berbagai transparansi seperti yang ditunjukkan pada gambar di bawah ini. Namun, Internet Explorer 6 tidak mendukung transparansi alpha-channel asli, namun, di Windows Internet Explorer 7 ini diperbaiki. Sampai sekarang PNG kurang didukung dengan baik daripada GIF oleh browser modern.

Untuk perancang web, PNG berguna untuk gambar dengan transparansi dan tangkapan layar beragam. Namun, ukuran file PNG sering besar yang mengawali dari penggunaan sebagai format fotografi digital di web. Mereka mungkin tidak muncul dengan benar di beberapa browser.

SVG

SVG, atau Scalable Vector Graphics, adalah salah satu format gambar yang paling menarik, dan berpotensi bermanfaat saat ini. Berbeda dengan format lain di sini, SVG adalah bahasa mark-up XML untuk grafik vektor. Grafis vektor, menurut Wikipedia, adalah penggunaan primitif geometris seperti titik, garis, kurva, dan poligon untuk mewakili gambar dalam grafik komputer. Alih-alih memiliki semua informasi untuk setiap piksel dalam suatu gambar, seperti semua format gambar sebelumnya, SVG mendefinisikan hal-hal dalam primitif geometris ini. Ini berarti, ketika Anda meningkatkan ukuran gambar SVG, itu selalu tetap tajam, dan tidak pernah menjadi mabuk. Ini bisa sangat berguna untuk logo dan grafik sederhana lainnya, memungkinkan banyak ukuran gambar yang berbeda untuk digunakan tanpa kehilangan kualitas. Selain itu, gambar SVG biasanya memiliki ukuran file yang sangat kecil. Seperti yang terlihat pada gambar, grafik SVG tidak foto-realistis. Mereka juga membutuhkan keterampilan yang berbeda dan, umumnya, program yang berbeda untuk menciptakannya.

Adapun desain web, file SVG adalah impian untuk kualitas gambar; Sayangnya, Internet Explorer 6 dan Safari keduanya memerlukan plug-in untuk melihat file SVG. Namun, gambar SVG dapat digunakan sebagai gambar lossless yang digunakan sebagai versi arsip, kemudian diubah menjadi file JPEG atau PNG untuk digunakan di web.