Web
Daftar Bacaan Flexbox: Teknik Dan Alat
Flexbox memberi kami jenis kontrol baru atas [tata letak](https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/), membuat tantangan pengkodean menjadi sulit atau tidak mungkin diselesaikan dengan CSS saja secara langsung dan intuitif. Ini memberi kami sarana untuk membangun **kisi yang fleksibel** dan menyadari [konten dinamis](https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins/), dan dengan demikian, memberi kami kebebasan untuk fokus pada proses pembuatan alih-alih meretas jalan kami menuju tata letak. Untuk memberi Anda awal yang baik tentang Flexbox dan memberi Anda ide tentang cara menggunakannya untuk menguasai tantangan pengkodean umum, kami telah mengumpulkan **tips, trik, dan alat** yang membantu Anda mendapatkan hasil maksimal dari kekuatannya hari ini. Daftar ini sama sekali tidak lengkap tetapi mencakup sumber daya yang menurut kami bermanfaat dan berguna.
Baca lebih lajutPemodelan Konten Dengan Jekyll
Ini bukan topik baru, tetapi akhir-akhir ini saya memiliki alasan untuk meninjau kembali keterampilan pemodelan konten dalam pekerjaan tim saya. Pengalaman kami telah mencapai titik di mana batasan bagaimana kami berlatih mulai menjadi jelas. Masalah kami yang paling umum adalah bahwa **orang cenderung mengikat diri dan model mental mereka ke platform yang dipilih** dan konvensinya. Alih-alih mengajari orang cara membuat model konten, kami akhirnya mengajari mereka cara membuat model konten di Drupal, atau cara membuat model konten di WordPress. Tapi saya lebih suka kita mendekatinya dari fokus pada kepentingan terbaik pengguna, **terlepas dari platform mana** konten tersebut akan berakhir.
Baca lebih lajutProses Desain Responsif yang Efisien
“Masing-masing opsi ini akan menyediakan desain untuk tiga tata letak unik: halaman beranda, halaman daftar, halaman detail.” Baiklah. Sekarang, kami memiliki hingga sembilan file desain statis. Ini menjadi sedikit di luar kendali.
Baca lebih lajutPanduan Pemula Untuk Membuat Situs WordPress
Panduan langkah demi langkah bagi pengguna WordPress baru untuk mengaktifkan dan menjalankan WordPress, dari awal hingga akhir.
Baca lebih lajutThe Art Of The Intercept: Melampaui “Apakah Anda Ingin Mengikuti Survei?”
Maxwell adalah peneliti di perusahaan desain yang mengerjakan aplikasi pembayaran seluler. Dia ingin mempelajari lebih lanjut tentang bagaimana pengguna saat ini berinteraksi dengan terminal point-of-sale. Maxwell menghubungi toko bahan makanan lokal untuk mengoordinasikan waktu guna **mengamati pelanggan saat mereka check out**. Dia kemudian meminta setiap pelanggan kelima yang check out untuk menyelesaikan survei singkat. Maxwell terlibat dalam _intercepts_ sebagai bagian dari perekrutan peserta penelitiannya.
Baca lebih lajutPengujian Lintas-Browser Berdampak Tinggi dan Upaya Minimal
Pengujian lintas-browser memakan waktu dan melelahkan. Ini, pada gilirannya, membuatnya mahal dan rentan terhadap kesalahan manusia… jadi, tentu saja, kami ingin melakukannya sesedikit mungkin. Ini bukan pernyataan yang membuat kita malu. **Pengembang pada dasarnya malas**: mengikuti prinsip KERING, menulis skrip untuk mengotomatiskan hal-hal yang seharusnya kita lakukan dengan tangan, memanfaatkan perpustakaan pihak ketiga — malas adalah hal yang membuat kita menjadi pengembang yang baik. Pendekatan tradisional untuk pengujian lintas-browser tidak sejalan dengan ideal ini. Entah Anda melakukan upaya setengah hati pada pengujian manual atau Anda menghabiskan banyak upaya untuk melakukannya "dengan benar": pengujian di semua browser utama yang digunakan oleh audiens Anda, secara bertahap pindah ke browser yang lebih lama atau lebih tidak jelas untuk mengatakan Anda telah menguji mereka.
Baca lebih lajutMembuat Wireframe Konten Untuk Desain Responsif
Saat saya memimpin kursus saya dalam desain web responsif antara 2011 dan 2012, saya terus tersandung proses wireframing. Murid-murid saya cenderung fokus pada gambar rangka sebagai permainan akhir dalam proses perencanaan. Mereka tidak mengerti bahwa desain responsif berfokus pada bagaimana pengguna akan mengakses konten.
Baca lebih lajutBersiap Untuk HTTP2: Panduan Untuk Desainer dan Pengembang Web
Tampilan mendetail tentang dasar-dasar HTTP/2 yang berlaku untuk desainer dan pengembang web. Kita akan melihat fitur-fitur utama dari protokol baru, kompatibilitas browser dan server, dan merinci hal-hal yang mungkin perlu Anda pikirkan saat kita melihat lebih banyak adopsi HTTP/2.
Baca lebih lajutSemua yang Perlu Anda Ketahui Tentang Google Accelerated Mobile Pages
Pada Mei 2015, Facebook meluncurkan platform penerbitan dalam aplikasi barunya, [Artikel Instan](https://instantarticles.fb.com/). Sebulan kemudian, Apple menyatakan bahwa pengalaman lama [Kios](https://en.wikipedia.org/wiki/Newsstand_(application)) (pada dasarnya folder mewah yang penuh dengan aplikasi berita) akan diganti di iOS 9 dengan merek platform agregasi dan penemuan berita baru yang disebut [Apple News](https://www.apple.com/news/). Empat bulan kemudian, giliran Google untuk mengumumkan rencananya sendiri, yang agak terlambat tetapi tidak kalah ambisius, untuk merevolusi konsumsi berita seluler dengan solusi berbasis web open-source yang disebut [Accelerated Mobile Pages](https://www.ampproject. org/), atau AMP. Hanya dalam beberapa bulan, kami telah melihat ketenangan relatif dari penerbitan digital seluler meletus menjadi perang platform skala penuh lainnya ketika Facebook, Apple, dan sekarang Google bersaing untuk loyalitas penerbit dan perhatian pembaca.
Baca lebih lajutFont Gratis Dengan Kepribadian
Tipografi dapat membuat semua perbedaan. Namun, jika proyek Anda harus sesuai dengan **anggaran yang sangat terbatas** dan Anda harus mengandalkan font gratis, font yang bagus tidak akan pernah mudah ditemukan. Untungnya, kami menemukan beberapa permata nyata belakangan ini.
Baca lebih lajut