Tinjau buku desain web responsif dengan contoh

Situs web ini menggunakan layanan keamanan untuk melindungi dirinya dari serangan online. Tindakan yang baru saja Anda lakukan memicu solusi keamanan. Ada beberapa tindakan yang dapat memicu blok ini termasuk mengirimkan kata atau frasa tertentu, perintah SQL atau data yang cacat.

Apa yang bisa saya lakukan untuk menyelesaikan ini?

Anda telah diblokir karena alasan keamanan

Bagi mereka yang tidak menyadari, buku ini diterbitkan oleh buku selain. Mereka menerbitkan "buku singkat untuk orang-orang yang membuat situs web" - dan itu pasti menggambarkan buku ini juga. Hanya dalam beberapa jam saya telah pergi dari penutup untuk menutupi, yang cukup mengesankan jika Anda hampir tidak membaca hal-hal kertas itu lagi! ; -)

hanya catatan pada judul

Apa yang harus Anda siapkan adalah banyak contoh langsung untuk menggunakan CSS untuk mengembangkan situs web responsif Anda, banyak pengalaman Ethan dan pergeseran perspektif dari lebar tetap ke dalam fluida atau pengembangan hibrida.

Penulis: Ethan Marcotte

Saya tidak tahu penulis sebelum membaca buku (itu mungkin salahku sendiri), tetapi ternyata dia telah memberikan presentasi atau dua tentang hal ini berdasarkan standar web dan internet yang terus berkembang dengan lebih dan Lebih banyak perangkat setiap hari. Dia menciptakan desain web responsif dan membungkus semuanya, setelah 2 tahun belajar dan aplikasi, dalam sebuah buku dengan tidak lebih dari 140 halaman.

isi buku

Buku ini pada dasarnya berputar di sekitar desain situs web untuk membedakan robot dari manusia nyata. Desain ini berisi banyak perangkap yang kemungkinan besar akan Anda temui dalam proyek-proyek responsif Anda sendiri, dari gambar yang mengalir keluar dari wadahnya dengan fitur apa yang dibutuhkan untuk pengguna seluler, dan itu juga berbicara Anda melalui slider gambar yang semakin ditingkatkan tanpa overhead ketika. tidak didukung.

itu dengan penuh dengan CSS dan contoh markup, diisi dengan strategi dan anekdot dan pengalaman. Setelah membaca buku ini secara menyeluruh, Anda pasti siap untuk mulai mengubah fokus Anda menjadi responsif.

menu situs

... benar, jadi. Dalam semangat transparansi saya mungkin harus memberi tahu Anda bahwa saya menulis ulang yang sedikit diperkenalkan sekitar delapan kali, mungkin karena saya tidak yakin bagaimana memperkenalkan hal seperti ini. Maksud saya, dengan hitungan saya, saya memiliki lima buku bersama, dan menulis untuk masing-masing telah menjadi pengalaman yang fantastis. Saya telah menulis bersama beberapa penulis favorit saya - dan orang - di industri. Tapi saya mengalami kesulitan mengartikulasikan seberapa besar artinya telah menerbitkan judul solo pertama saya. Saya pusing, gugup, ketakutan - tetapi kebanyakan? Bergairah.

"Jadi apa buku tentang dan hal-hal yang saya kira," Anda bertanya. Nah, desain web responsif mengembang pada ide-ide yang saya artikulasi dalam artikel asli. Ini adalah kursus kilat dalam bagaimana Anda dapat menerapkan kisi-kisi fluida, gambar yang fleksibel, dan permintaan media ke pekerjaan Anda sendiri, tetapi mari kita hadapi itu: desain jauh lebih dari tiga bahan tersebut. Akibatnya, saya telah mencoba untuk berbagi beberapa cerita yang saya ambil dari bekerja pada proyek responsif nyata yang nyata: pelajaran yang saya pelajari, pertanyaan-pertanyaan yang telah dinaikkan, pilihan sulit dibuat. Hasilnya adalah buku kecil yang dirancang dengan indah (Busur, Jason) yang berisi semua yang Anda butuhkan untuk mulai menjelajahi pendekatan yang lebih fleksibel dan lebih responsif untuk merancang web. Dan pada 150 halaman, itu tidak akan melebihi sambutannya.

Saya harus mengatakan, saya sangat bangga dengan hasil akhirnya. Dan itu membuat semua lebih berharga bagi saya dengan fakta bahwa itu diterbitkan oleh sebuah buku. Jason, Mandy, dan Jeffrey telah menciptakan hal khusus di pembangkit listrik kecil mereka, dan saya sangat terhormat untuk bergabung dengan lineup yang mencakup orang-orang seperti Jeremy, Dan, dan Erin, dan akan segera memasukkan Aarron, Lukas, dan Jason, dan Jason nomor mereka.

Terlebih lagi, buku ini tidak akan mungkin terjadi tanpa pengawasan Mandy Brown yang hati-hati. Dia menulis beberapa kata-kata baik tentang buku ini, tetapi saya berutang hutang kepadanya: dia adalah desainer, pembaca, dan editor yang tak mungkin berbakat, dan saya tidak dapat membuat daftar cara yang tak terhitung jumlahnya membuat buku jadi, jauh lebih baik. Maksud saya apa yang saya katakan di Twitter: Jika Anda pernah memiliki kesempatan untuk berkolaborasi dengannya, melompatinya.

jadi. Jika buku kecil ini terdengar seperti sesuatu yang Anda minati, saya harap Anda akan membuat salinan. Secara pribadi, saya akan merekomendasikan paperback + bundel ebook, sebagian besar karena saya pikir kedua versi buku itu benar-benar cantik: Anda mendapatkan artefak fisik yang indah, dibuat oleh Stan, serta epub yang memiliki video inline yang tertanam di dalamnya.

Jika Anda mau, Anda dapat membaca kutipan dari Bab 3 sekarang. Anda juga dapat membaca kata pengantar Jeremy Keith, yang mungkin membuat saya sedikit ketika saya pertama kali membacanya. (Hush, You.) Dan Cederholm, yang membuktikan editor teknis yang menyeluruh dan brilian dan lucu, juga menulis beberapa kata-kata indah tentang buku ini. David Sleight, Jason Santa Maria, dan Jeffrey juga memiliki beberapa pemikiran online.

Saya kira saya akan menutup hal-hal di sini, karena saya benar-benar tersentuh oleh penerimaan sejauh ini, bahwa orang yang saya kagumi begitu benar-benar bersemangat tentang buku kuning kecil ini yang saya habiskan untuk berpikir. Tapi selain itu, saya harap Anda akan memeriksa buku itu, merasa relevan dengan pekerjaan Anda, dan mungkin sedikit bersemangat. Untuk apa nilainya, web tidak pernah terasa lebih bervariasi, lebih fleksibel bagi saya daripada sekarang, dan saya belum merasa lebih bersemangat untuk merancang web daripada yang saya lakukan sekarang. Hal-hal hanya terasa, Anda tahu, menyenangkan.

Media CSS Queries Cara Menargetkan Desktop, Tablet, dan Stack Overflow

Artikel ini akan memperkenalkan Anda pada konsep penting dari perspektif pengembangan web yang dikenal sebagai kueri media dalam CSS secara rinci.

Media CSS Queries Cara Menargetkan Desktop, Tablet, dan Stack Overflow
Kami menggunakan cookie
Kami menggunakan cookie untuk memastikan bahwa kami memberi Anda pengalaman terbaik di situs web kami. Dengan menggunakan situs web, Anda menyetujui penggunaan cookie kami.
Izinkan cookie