interface Webtutoriel CSSActualités hebdomadaires de la plate-forme: directives FAVICON, test d'accessibilité, web almanac
Šime partage régulièrement un contenu précieux pour les développeurs Web sur WebPlatForm.News.
Les directives FAVICON de Google pour les résultats de recherche
Rapports de Jamie Leach: Google Search affiche désormais des favoris sur les résultats de recherche mobile. La taille optimale de Favicon devrait être un multiple de 48x48 pixels (Google redimensionnera à 16x16). Les sites Web dépourvus d'un favicon, ou avec des sites inappropriés, afficheront une icône de globe par défaut.
Votre Favicon doit représenter clairement la marque de votre site Web pour aider à l'identification des utilisateurs dans les résultats de recherche.
Fait intéressant, même les meilleurs sites Web montrent une incohérence dans la déclaration d'icônes (en utilisant<link> Tags). Des exemples comme Twitter et Pinterest, bien qu'ils soient modernes, n'offrent que des icônes en tailles limitées:
<link href="/icon-32x32.png" rel="icon"><link href="/icon-192x192.png" rel="apple-touch-icon">
Le groupe Paciello lance la boîte à outils Arc
Célébrant la Journée mondiale de la sensibilisation à l'accessibilité, TPG libère son outil de test d'accessibilité professionnelle au public. En savoir plus et le télécharger à partir de la boutique de Web Chrome: https://www.php.cn/link/81b9550f1b1820eca22b1dd083af2b13 #gaad
- Le groupe Paciello (@paciellogroup) 16 mai 2019
Le groupe Paciello annonce: The Arc Toolkit, un outil de test d'accessibilité de qualité professionnelle, est maintenant une extension Chrome Devtools. Il identifie les violations de lignes directrices de WCAG 2.1, testables sur des pages entières ou des nœuds sélectionnés dans Devtools.
N'oubliez pas: les outils automatisés ne détectent que certains problèmes d'accessibilité; Les tests manuels restent cruciaux pour l'accessibilité complète. Lighthouse (dans le panneau Audits) recommande les vérifications manuelles après l'audit.
Autres nouvelles du développement Web
- Jeff Jaffe: Le W3C et Whatwg ont accepté de collaborer sur le développement HTML. Le W3C encouragera les contributions communautaires directement aux référentiels WhatWG HTML et DOM , y compris les rapports de problèmes, les propositions de solutions et les commentaires.
- Paul Calvano met en évidence: une disparité importante existe à l'ère du premier parti contre des CSS et des polices Web tierces. 95% des polices de premier parti ont plus d'une semaine, contre 50% des polices tierces. Cela préconise fortement les polices Web d'auto-hébergement .
- Rachel Andrew explique: La valeur
subgridCSS simplifie les dispositions de grille imbriquées. L'application degrid-template-rows: subgridsur une grille enfant utilise les pistes de ligne de la grille parent au lieu de créer la sienne. (Actuellement soutenu uniquement dans Firefox Nightly.) - Blog GitHub: GitHub propose désormais des correctifs de sécurité automatisés pour les dépendances avec des vulnérabilités connues. Vérifiez l'onglet de sécurité de votre référentiel pour les alertes; Le bouton "Créer un correctif de sécurité automatisé" génère une demande de traction pour résoudre le problème.
- Rick Viscomi annonce: L'archive HTTP publiera le premier Web Almanac en novembre, un rapport complet sur l'état actuel du Web, mettant en vedette les informations de divers experts. Ils recherchent des contributeurs supplémentaires parmi la communauté Web.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Animations pilotées par défilement à l'intérieur d'un carrousel CSSMay 16, 2025 am 09:50 AMHé, n'est-ce pas une fonctionnalité CSS assez nouvelle qui fonctionne avec les régions de défilement? Oh oui, les animations pilotées par défilement. Cela ne devrait pas signifier que nous pouvons déclencher une animation tout en faisant défiler les éléments dans un carrousel CSS?
CSS Inclusion: Choisir la bonne méthode pour votre projetMay 16, 2025 am 12:02 AMThebestMethodForInclugingcsssdependendSonProjectsizeandComplexity: 1) ForlargerProjects, useExternalcSSforBettermailemailability andperformance.2) forsmallerProjects, internalcssissuitabletoavoidextrahtprequests.alwaysConsidermainAndainabilitywperformanceWhencanceWhencance.
Ce n'est pas censé se produire: dépanner l'impossibleMay 15, 2025 am 10:32 AMÀ quoi cela ressemble de dépanner l'un de ces problèmes impossibles qui se révèle être quelque chose d'autre à lequel vous n'avez jamais pensé.
@keyframes vs transitions CSS: quelle est la différence?May 14, 2025 am 12:01 AM@KeyFramesAndcsstransitionsDiffeRinComplexity: @ KeyframesAllowsfordEtailedanimationSequences, tandis que les StransitionShandlesImpLestateChanges.USECSSTRANSITIONSFORHOVEFFECTSLILLOBUTTONCOLORCHANGES, et @ KeyframesFransintricateAralienslikeTatationSpinners.
Utilisation de pages CMS pour la gestion de contenu du site statiqueMay 13, 2025 am 09:24 AMJe sais, je sais: il y a une tonne d'options de système de gestion de contenu disponibles, et bien que je les teste plusieurs, aucun n'a vraiment été celui, y & # 039; savoir? Des modèles de tarification étranges, une personnalisation difficile, certains finissent même par devenir un tout
Le guide ultime pour lier les fichiers CSS dans HTMLMay 13, 2025 am 12:02 AMLa liaison des fichiers CSS à HTML peut être réalisée en utilisant des éléments dans une partie de HTML. 1) Utilisez des balises pour relier les fichiers CSS locaux. 2) Plusieurs fichiers CSS peuvent être implémentés en ajoutant plusieurs balises. 3) Les fichiers CSS externes utilisent des liens URL absolus, tels que. 4) Assurez-vous que l'utilisation correcte des chemins de fichier et de l'ordre de chargement du fichier CSS et optimiser les performances peuvent utiliser le préprocesseur CSS pour fusionner les fichiers.
CSS Flexbox vs Grid: une revue complèteMay 12, 2025 am 12:01 AMLe choix de Flexbox ou de la grille dépend des exigences de mise en page: 1) Flexbox convient aux dispositions unidimensionnelles, telles que la barre de navigation; 2) La grille convient aux dispositions bidimensionnelles, telles que les dispositions de magazines. Les deux peuvent être utilisés dans le projet pour améliorer l'effet de mise en page.
Comment inclure les fichiers CSS: méthodes et meilleures pratiquesMay 11, 2025 am 12:02 AMLa meilleure façon d'inclure des fichiers CSS est d'utiliser des balises pour introduire des fichiers CSS externes dans la pièce HTML. 1. Utilisez des balises pour introduire des fichiers CSS externes, tels que. 2. Pour les petits ajustements, le CSS en ligne peut être utilisé, mais doit être utilisé avec prudence. 3. Les grands projets peuvent utiliser des préprocesseurs CSS tels que SASS ou moins pour importer d'autres fichiers CSS via @Import. 4. Pour les performances, les fichiers CSS doivent être fusionnés et CDN doit être utilisé et compressé à l'aide d'outils tels que CSSNANO.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
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
Outils chauds
SublimeText3 Linux nouvelle version
Dernière version de SublimeText3 Linux
mPDF
mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),
Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.
ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP
SublimeText3 version anglaise
Recommandé : version Win, prend en charge les invites de code !
