Quelles sont les nouvelles fonctionnalités du navigateur sont disponibles aujourd'hui?

Question

Il est l'année 2009. Internet Explorer 8 a finalement été libéré, et Firefox arrive à 3.5. La plupart des grands navigateurs commencent à intégrer des fonctionnalités de CSS3 et HTML 5, ou ont fait cela depuis un certain temps maintenant. Pourtant, je me trouve le développement de pages web exactement de la même façon que je l'ai fait en 2005.

Beaucoup de progrès ont été réalisés depuis, et je pense que la raison pour laquelle je ne l'ai pas commencé à tirer parti de ces nouvelles possibilités est qu'il est si difficile de savoir lequel des nouvelles fonctionnalités qui travaillent dans tous les principaux navigateurs. Depuis que je suis la plupart du temps un développeur backend Je n'ai pas le temps de suivre ces développements plus. Pourtant, je sens que je suis absent sur beaucoup de choses cool qui serait en fait rendre ma vie beaucoup plus facile.

Comment puis-je déterminer rapidement si une caractéristique de CSS3 ou HTML5 est pris en charge par tous les principaux navigateurs modernes?

Answer 1

Puis-je utiliser est un site qui permet de suivre le soutien du navigateur pour les standards Web actuels et à venir. Check it out si vous voulez savoir si oui ou non une caractéristique donnée est largement pris en charge.

Answer 2

Font enrobage par CSS, en utilisant @font-face. Webkit / Safari soutient depuis la version 3.1, Microsoft depuis IE4, Mozilla depuis Firefox 3.5 ( aperçu visionneur ).

En outre, les mises en œuvre variées du API Selectors , qui fournit un navigateur -native moteur sélecteur CSS pour une utilisation dans les scripts DOM.

Pour d'autres exemples, Quand puis-je utiliser ... semble être une très bonne référence .

Answer 3

Je dirais display: table et une gamme de sélecteurs CSS2.1 sont les grandes victoires pour les concepteurs. affichage. tableau permet de résoudre certaines mises en page irrémédiables ou difficiles comme la hauteur de 100% et à l'intérieur des frontières sans casser la sémantique et l'utilisation de tables réelles

Plusieurs classes (.c1.c2)

J'utilise min / max de largeur / hauteur d'un lot.

Travailler aussi: hover et importants sont super

.

J'aurais aimé ajouter le support SVG à cette liste, mais naturellement Microsoft foiré cela.

BTW, grand avertissement à ceux qui se enthousiasmés par fonctionnalités HTML5. Il n'y a pas de date officielle pour l'adoption de cette spécification. Il a même été impliqué, il pourrait prendre encore 10 ans (même si je doute que). Le point est tout ce que vous faites avec HTML5 est maintenant soumis à la rupture lorsque la spécification officielle n'arrive et en attendant vous pouvez vous attendre beaucoup d'incohérences du navigateur, les bugs et modifications de l'API (pour ne pas mentionner les navigateurs qui ne prennent pas en charge les fonctionnalités du tout) .

Answer 4

Prise en charge du navigateur pour le stockage local devrait permettre à un tas d'idées nouvelles maintenant que certains contenus peuvent être sauvegardés sur la machine d'un utilisateur.

Référence docs:

• Mozilla Firefox
• Internet Explorer