Jadual Kandungan
Google HTML & CSS Style Guide
Yahoo Pattern Library
A List Apart Pattern Library
Responsive Web Design Patterns
Interaction Design Pattern Library ? Welie.com
MailChimp Pattern Library
Starbucks Style Guide
Rumah hujung hadapan web html tutorial 有助于提高你的 Web 开发技能的7个模式库_html/css_WEB-ITnose

有助于提高你的 Web 开发技能的7个模式库_html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
web bertambah baik model

  正如语言风格指南一样,模式库有两个主要用途。首先,是它们提供了一组编码或设计标准,Web 开发团队可以在整个网站中应用,有助于保持一致的编码实践和外观;其次,对于要学习网页设计最佳实践来说是宝贵的财富。

  在本文中,我想与大家分享7个网页设计风格指南和模式库,这些都是 Web 设计和开发过程中的最佳实践经验,值得借鉴。

  

Google HTML & CSS Style Guide

首先给大家推荐的是 Google 公司的编码建议,告诉开发人员应该怎么写和格式化 HTMLCSS 代码。如果你是一个新手,它是一个有益的开端,帮助您培养良好的编码风格。

 

Yahoo Pattern Library

这个是一个真正的设计模式库,正因为如此,它试图提供解决方案来解决所有网页设计师将碰到的问题,包括雅虎的设计师来处理导航,交互和布局。

 

A List Apart Pattern Library

A List Apart 可能是最知名的网页设计博客。他们最近发布了他们自己的模式库作为努力开源他们的网站的一部分。该模式库包括该网站设计上的解决方案以及 HTML 代码片段的问题。

 

Responsive Web Design Patterns

这是一个响应式设计的模式库,你可以从中学会响应式设计的细节,它涵盖了从布局到简单易懂的示例图像。

 

Interaction Design Pattern Library ? Welie.com

这个网站的设计虽然老旧,但它确实提供了众多的设计模式的资料。这是我见到的最全面的模式库,涉及了设计者将面临的每一种情况。

 

MailChimp Pattern Library

MailChimp 模式库是作者在创建响应式,灵活,直观的应用程序过程中的副产品。不断迭代既需要一个高效的工作流程和明确的,可以快速集成新的用户界面,而不必增加新的技术或者设计原子元素的集合。

 

Starbucks Style Guide

最后登场的是 Starbucks 公司网站的风格指南,包括网格框架的使用、布局和组件的使用等等。

 

 

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1659
14
Tutorial PHP
1258
29
Tutorial C#
1232
24
Apakah yang dilakukan oleh mod Jangan Ganggu WeChat? Apakah yang dilakukan oleh mod Jangan Ganggu WeChat? Feb 23, 2024 pm 10:48 PM

Apakah maksud mod Jangan Ganggu WeChat Pada masa kini, dengan populariti telefon pintar dan perkembangan pesat Internet mudah alih, platform media sosial telah menjadi bahagian yang amat diperlukan dalam kehidupan seharian orang ramai. WeChat ialah salah satu platform media sosial paling popular di China, dan hampir semua orang mempunyai akaun WeChat. Kita boleh berkomunikasi dengan rakan, keluarga dan rakan sekerja dalam masa nyata melalui WeChat, berkongsi detik dalam hidup kita dan memahami situasi semasa satu sama lain. Namun begitu, dalam era ini, sudah pasti kita juga berdepan dengan masalah sarat maklumat dan kebocoran privasi terutamanya bagi mereka yang perlu fokus atau

Apakah mod tidur digunakan pada iPhone? Apakah mod tidur digunakan pada iPhone? Nov 04, 2023 am 11:13 AM

Peranti iOS telah lama dapat menjejaki corak tidur anda dan banyak lagi menggunakan apl Kesihatan. Tetapi bukankah ia menjengkelkan apabila anda diganggu oleh pemberitahuan semasa anda sedang tidur? Pemberitahuan ini mungkin tidak relevan dan oleh itu mengganggu corak tidur anda dalam proses. Walaupun mod Jangan Ganggu ialah cara terbaik untuk mengelakkan gangguan semasa tidur, ia boleh menyebabkan anda terlepas panggilan dan mesej penting yang anda terima pada waktu malam. Syukurlah, di sinilah mod tidur masuk. Mari ketahui lebih lanjut mengenainya dan cara menggunakannya pada iPhone. Apakah peranan yang dimainkan oleh mod tidur pada iPhone Mod tidur ialah mod fokus khusus dalam iOS yang diaktifkan secara automatik berdasarkan jadual tidur anda dalam apl "Kesihatan". Ia membantu anda menetapkan penggera dan kemudian

Mod Jangan Ganggu Tidak Berfungsi dalam iPhone: Betulkan Mod Jangan Ganggu Tidak Berfungsi dalam iPhone: Betulkan Apr 24, 2024 pm 04:50 PM

Malah menjawab panggilan dalam mod Jangan Ganggu boleh menjadi pengalaman yang sangat menjengkelkan. Seperti namanya, mod Jangan Ganggu mematikan semua pemberitahuan panggilan masuk dan makluman daripada e-mel, mesej, dsb. Anda boleh mengikuti set penyelesaian ini untuk membetulkannya. Betulkan 1 – Dayakan Mod Fokus Dayakan mod fokus pada telefon anda. Langkah 1 – Leret ke bawah dari atas untuk mengakses Pusat Kawalan. Langkah 2 – Seterusnya, dayakan “Mod Fokus” pada telefon anda. Mod Fokus mendayakan mod Jangan Ganggu pada telefon anda. Ia tidak akan menyebabkan sebarang makluman panggilan masuk muncul pada telefon anda. Betulkan 2 – Tukar Tetapan Mod Fokus Jika terdapat beberapa isu dalam tetapan mod fokus, anda harus membetulkannya. Langkah 1 – Buka tetingkap tetapan iPhone anda. Langkah 2 – Seterusnya, hidupkan tetapan mod Fokus

iPhone 15 Pro: Bagaimana untuk membuang simbol mod senyap dalam bar status iPhone 15 Pro: Bagaimana untuk membuang simbol mod senyap dalam bar status Sep 24, 2023 pm 10:01 PM

Pada model iPhone 15 Pro dan iPhone 15 Pro Max, Apple memperkenalkan butang tindakan boleh atur cara secara fizikal yang menggantikan suis deringan/senyap tradisional di atas butang kelantangan. Butang tindakan boleh diprogramkan untuk melaksanakan beberapa fungsi yang berbeza, tetapi keupayaan untuk bertukar antara mod senyap dan deringan tidak hilang. Secara lalai, tekan lama pada butang tindakan akan menyenyapkan peranti dan maklum balas sentuhan butang akan berdenyut tiga kali. Kedua-dua model iPhone 15 Pro akan memaparkan simbol loceng berpalang di sebelah masa dalam bar status untuk menunjukkan bahawa mod senyap/senyap diaktifkan, dan ia akan kekal sedemikian sehingga anda menekan lama butang Tindakan sekali lagi untuk menyahredam peranti. Jika anda lebih suka meletakkan iPhone anda dalam mod senyap

Bagaimana untuk mendayakan 'Notepad++ Dark Mode' dan 'Notepad++ Dark Theme'? Bagaimana untuk mendayakan 'Notepad++ Dark Mode' dan 'Notepad++ Dark Theme'? Oct 27, 2023 pm 11:17 PM

Notepad++ dark mode v8.0 tidak mempunyai parameter, Notepad++ ialah editor teks yang paling berguna. Setiap apl yang dijalankan pada Windows 10 menyokong mod gelap. Anda boleh menamakan penyemak imbas web seperti Chrome, Firefox dan Microsoft Edge. Jika anda menggunakan Notepad++, latar belakang putih lalai mungkin menyakitkan mata anda. Pembangun telah menambahkan mod gelap pada versi 8 Notepad++, berikut ialah cara untuk menghidupkannya. Dayakan Notepad untuk Windows 11/10 ++ Dark Mode Launch Notepad ++ Klik "Settings" > "Preferences" > "Dark Mode" Pilih "Enable Dark Mode" untuk memulakan semula Notepad

Panduan untuk menggunakan mod siap sedia dalam iOS 17 Panduan untuk menggunakan mod siap sedia dalam iOS 17 Aug 22, 2023 pm 04:01 PM

Mod siap sedia akan datang ke iPhone dengan iOS17, dan panduan ini bertujuan untuk menunjukkan kepada anda cara menggunakan ciri ini pada iPhone anda. Mod Siap Sedia ialah ciri terobosan yang mengubah iPhone menjadi paparan pintar yang dinamik dan sentiasa hidup. Apabila iPhone anda diletakkan secara mendatar di sisinya semasa mengecas, ia mengaktifkan mod siap sedia. Mod ini dengan cantik mempamerkan pelbagai widget berguna, termasuk tetapi tidak terhad kepada masa semasa, kemas kini cuaca tempatan, tayangan slaid foto kegemaran anda dan juga kawalan main balik muzik. Kelebihan ketara mod ini ialah keupayaannya untuk memaparkan pemberitahuan, membolehkan pengguna melihat dan berinteraksi dengan mereka tanpa perlu membangunkan iPhone mereka sepenuhnya. Cara Menggunakan Mod Siap Sedia Untuk Mod Siap Sedia berfungsi dengan baik, iPhone anda mesti berjalan i

Bagaimana untuk meninggalkan mod S pada Windows 10/11 Bagaimana untuk meninggalkan mod S pada Windows 10/11 Aug 03, 2023 pm 08:17 PM

Windows dalam mod S direka untuk menyediakan keselamatan dan prestasi yang dipertingkatkan dengan hanya membenarkan pemasangan apl daripada Gedung Microsoft. Walaupun ciri ini membantu menghalang perisian hasad dan memastikan persekitaran pengkomputeran yang selamat, ciri ini mungkin mengehadkan pengguna yang ingin memasang aplikasi daripada sumber selain daripada Gedung Microsoft. Jika anda mendapati diri anda dalam situasi ini dan terus bertanya kepada diri sendiri bagaimana untuk keluar daripada Mod S dalam Windows 10/11, maka anda telah datang ke tempat yang betul kerana kami akan membimbing anda melalui cara untuk keluar dari Mod S dalam Windows 10/11 menggunakan dua kaedah berbeza Langkah ke Mod S memastikan anda boleh menikmati kebebasan memasang apl dari mana-mana sahaja yang anda pilih. Ketahui cara untuk keluar daripada mod S dalam Windows

Apakah standard web? Apakah standard web? Oct 18, 2023 pm 05:24 PM

Piawaian web ialah satu set spesifikasi dan garis panduan yang dibangunkan oleh W3C dan organisasi lain yang berkaitan Ia termasuk penyeragaman HTML, CSS, JavaScript, DOM, kebolehcapaian Web dan pengoptimuman prestasi Dengan mengikut piawaian ini, keserasian halaman boleh dipertingkatkan. kebolehcapaian, kebolehselenggaraan dan prestasi. Matlamat standard web adalah untuk membolehkan kandungan web dipaparkan dan berinteraksi secara konsisten pada platform, pelayar dan peranti yang berbeza, memberikan pengalaman pengguna yang lebih baik dan kecekapan pembangunan.

See all articles