Table des matières
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
Maison interface Web tutoriel HTML 有助于提高你的 Web 开发技能的7个模式库_html/css_WEB-ITnose

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

Jun 24, 2016 pm 12:05 PM
web 提高 模式

  正如语言风格指南一样,模式库有两个主要用途。首先,是它们提供了一组编码或设计标准,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 公司网站的风格指南,包括网格框架的使用、布局和组件的使用等等。

 

 

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

<🎜>: Dead Rails - Comment apprivoiser les loups
4 Il y a quelques semaines By DDD
<🎜>: Grow A Garden - Guide de mutation complet
2 Il y a quelques semaines By DDD
Niveaux de force pour chaque ennemi et monstre de R.E.P.O.
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel Java
1659
14
Tutoriel PHP
1258
29
Tutoriel C#
1232
24
À quoi sert le mode Ne pas déranger de WeChat ? À quoi sert le mode Ne pas déranger de WeChat ? Feb 23, 2024 pm 10:48 PM

Que signifie le mode Ne pas déranger de WeChat ? De nos jours, avec la popularité des smartphones et le développement rapide de l'Internet mobile, les plateformes de médias sociaux sont devenues un élément indispensable de la vie quotidienne des gens. WeChat est l’une des plateformes de médias sociaux les plus populaires en Chine, et presque tout le monde possède un compte WeChat. Nous pouvons communiquer avec nos amis, notre famille et nos collègues en temps réel via WeChat, partager des moments de notre vie et comprendre la situation actuelle de chacun. Cependant, à notre époque, nous sommes également inévitablement confrontés aux problèmes de surcharge d'informations et de fuite de la vie privée, en particulier pour ceux qui ont besoin de se concentrer ou de se concentrer.

A quoi sert le mode veille sur iPhone ? A quoi sert le mode veille sur iPhone ? Nov 04, 2023 am 11:13 AM

Les appareils iOS sont depuis longtemps capables de suivre vos habitudes de sommeil et bien plus encore grâce à l'application Santé. Mais n’est-ce pas ennuyeux d’être dérangé par des notifications pendant que vous dormez ? Ces notifications peuvent ne pas être pertinentes et donc perturber vos habitudes de sommeil. Bien que le mode Ne pas déranger soit un excellent moyen d'éviter les distractions pendant votre sommeil, il peut vous faire manquer des appels et des messages importants que vous recevez pendant la nuit. Heureusement, c'est là qu'intervient le mode veille. Apprenons-en plus à ce sujet et comment l'utiliser sur iPhone. Quel rôle joue le mode veille sur l'iPhone ? Le mode veille est un mode de concentration dédié dans iOS qui est automatiquement activé en fonction de votre horaire de sommeil dans l'application « Santé ». Cela vous aide à définir une alarme, puis

Le mode Ne pas déranger ne fonctionne pas sur iPhone : correctif Le mode Ne pas déranger ne fonctionne pas sur iPhone : correctif Apr 24, 2024 pm 04:50 PM

Même répondre à des appels en mode Ne pas déranger peut être une expérience très ennuyeuse. Comme son nom l'indique, le mode Ne pas déranger désactive toutes les notifications d'appels entrants et les alertes provenant d'e-mails, de messages, etc. Vous pouvez suivre ces ensembles de solutions pour résoudre ce problème. Correctif 1 – Activer le mode de mise au point Activez le mode de mise au point sur votre téléphone. Étape 1 – Faites glisser votre doigt depuis le haut pour accéder au Centre de contrôle. Étape 2 – Ensuite, activez le « Mode Focus » sur votre téléphone. Le mode Focus active le mode Ne pas déranger sur votre téléphone. Aucune alerte d’appel entrant n’apparaîtra sur votre téléphone. Correctif 2 – Modifier les paramètres du mode de mise au point S'il y a des problèmes dans les paramètres du mode de mise au point, vous devez les résoudre. Étape 1 – Ouvrez la fenêtre des paramètres de votre iPhone. Étape 2 – Ensuite, activez les paramètres du mode Focus

iPhone 15 Pro : Comment se débarrasser du symbole du mode silencieux dans la barre d'état iPhone 15 Pro : Comment se débarrasser du symbole du mode silencieux dans la barre d'état Sep 24, 2023 pm 10:01 PM

Sur les modèles iPhone 15 Pro et iPhone 15 Pro Max, Apple a introduit un bouton d'action physiquement programmable qui remplace le traditionnel interrupteur sonnerie/silencieux au-dessus des boutons de volume. Le bouton d'action peut être programmé pour exécuter plusieurs fonctions différentes, mais la possibilité de basculer entre les modes silencieux et sonnerie n'a pas disparu. Par défaut, un appui long sur le bouton d'action mettra l'appareil sous silence et le retour tactile du bouton clignotera trois fois. Les deux modèles d'iPhone 15 Pro afficheront un symbole de cloche barrée à côté de l'heure dans la barre d'état pour indiquer que le mode silencieux/silencieux est activé, et il le restera jusqu'à ce que vous appuyiez à nouveau longuement sur le bouton Action pour réactiver l'appareil. Si vous préférez mettre votre iPhone en mode silencieux

Comment activer le « Mode sombre Notepad++ » et le « Thème sombre Notepad++ » ? Comment activer le « Mode sombre Notepad++ » et le « Thème sombre Notepad++ » ? Oct 27, 2023 pm 11:17 PM

Le mode sombre de Notepad++ v8.0 n'a pas de paramètres, Notepad++ est l'éditeur de texte le plus utile. Chaque application exécutée sur Windows 10 prend en charge le mode sombre. Vous pouvez nommer des navigateurs Web tels que Chrome, Firefox et Microsoft Edge. Si vous travaillez sur Notepad++, le fond blanc par défaut peut vous faire mal aux yeux. Les développeurs ont ajouté le mode sombre à la version 8 de Notepad++, voici comment l'activer. Activer le Bloc-notes pour Windows 11/10 ++ Mode sombre Lancez le Bloc-notes ++ Cliquez sur "Paramètres" > "Préférences" > "Mode sombre" Sélectionnez "Activer le mode sombre" pour redémarrer le Bloc-notes

Guide d'utilisation du mode veille dans iOS 17 Guide d'utilisation du mode veille dans iOS 17 Aug 22, 2023 pm 04:01 PM

Le mode veille arrive sur iPhone avec iOS17, et ce guide vise à vous montrer comment utiliser cette fonctionnalité sur votre iPhone. Le mode veille est une fonctionnalité révolutionnaire qui transforme l’iPhone en un écran intelligent dynamique et toujours actif. Lorsque votre iPhone est posé horizontalement sur le côté pendant le chargement, il active le mode veille. Ce mode présente magnifiquement une multitude de widgets utiles, notamment l'heure actuelle, les mises à jour de la météo locale, un diaporama de vos photos préférées et même des commandes de lecture de musique. Un avantage significatif de ce mode est sa capacité à afficher des notifications, permettant aux utilisateurs de les visualiser et d'interagir avec elles sans avoir à réveiller complètement leur iPhone. Comment utiliser le mode veille Pour que le mode veille fonctionne correctement, votre iPhone doit être en cours d'exécution.

Comment quitter le mode S sous Windows 10/11 Comment quitter le mode S sous Windows 10/11 Aug 03, 2023 pm 08:17 PM

Windows en mode S est conçu pour offrir une sécurité et des performances améliorées en autorisant uniquement l'installation d'applications à partir du Microsoft Store. Bien que cette fonctionnalité aide à prévenir les logiciels malveillants et à garantir un environnement informatique sécurisé, elle peut limiter les utilisateurs souhaitant installer des applications à partir de sources autres que le Microsoft Store. Si vous vous trouvez dans cette situation et que vous vous demandez sans cesse comment quitter le mode S sous Windows 10/11, alors vous êtes au bon endroit car nous vous expliquerons comment quitter le mode S sous Windows 10/11. en utilisant deux méthodes différentes, les étapes vers le mode S vous permettent de profiter de la liberté d'installer des applications où que vous soyez. Découvrez comment quitter le mode S sous Windows

Que sont les standards du Web ? Que sont les standards du Web ? Oct 18, 2023 pm 05:24 PM

Les normes Web sont un ensemble de spécifications et de directives développées par le W3C et d'autres organisations associées. Elles incluent la normalisation du HTML, CSS, JavaScript, DOM, l'accessibilité du Web et l'optimisation des performances. En suivant ces normes, la compatibilité des pages peut être améliorée. , maintenabilité et performances. L'objectif des normes Web est de permettre au contenu Web d'être affiché et d'interagir de manière cohérente sur différentes plates-formes, navigateurs et appareils, offrant ainsi une meilleure expérience utilisateur et une meilleure efficacité de développement.

See all articles