background preloader

Modernizr: the feature detection library for HTML5/CSS3

https://modernizr.com/

Related:  FRAMEWORKS & LIBRARIES JavaScriptCross-Browser Compatibility and TestingOutils de travailà traiterHTML

Mootools en 30 jours : jour 1 - Introduction Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2. Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2.

HTML5 PLease : être sûr de la compatibilité d’une propriété HTML5 ou CSS3 : Elliptips Le web de demain se dessine peu à peu, et des langages tels que HTML5 ou CSS3 lui promettent un avenir radieux. Le problème, c’est que ces nouvelles fonctionnalités dictées par le célèbre W3C sont intégrées de façon plus ou moins complète au sein de nos navigateurs. Du coup, cela pousse les développeurs à avoir constamment en tête une problématique axée sur la compatibilité. C’est là que HTML5 Please intervient : le site regroupe un grand nombre de propriétés en rapport avec les technologies du web de demain et vous expose clairement pour chacune d’entre elles, s’il faut les utiliser ou pas. Choisir la taille de la police de caractère[ Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)] Avec la nouvelle vague d'appareils digitaux, nous sommes confrontés à une gamme très vaste de résolutions d'écrans et de densités de pixels. Dans cet article, nous passons en revue les différentes solutions qui existent pour vous aider à choisir une taille de police adaptée à la densité de pixels (DPI). Les facteurs qui déterminent le rendu d'une policeLes systèmes de mesure d'une policeLes tailles de polices minimales recommandées

Slideshow en CSS3 Agir sur un élément enfant d'un élément ciblé Dans la logique des sélecteurs CSS, il est possible d'agir sur les styles d'un élément enfant de l'élément ciblé. Nous allons naturellement utiliser la pseudo-classe :target tout en reprenant l'exemple précédent de la FAQ. HTML5, aujourd’hui L’article suivant est la retranscription de l’article que j’ai écrit pour le magazine PHP Solutions, dans le numéro hors série de 2011 consacré à HTML5. Le monde compliqué du droit d’auteur veut que ce texte ne m’appartienne pas, c’est donc avec leur permission express que j’en fait bénéficier mes lecteurs (oui toi). Toute reproduction est donc interdite. Cet article se veut une introduction générale à HTML5, notamment pour les développeurs PHP qui sont généralement les mieux placés pour prendre au sérieux ce qu’il se passe au frontend.

Simplifier vos vues avec KnockoutJS : c'est plus simple que vous pensez Dans quelques instants, je vais vous présenter une méthode pour simplifier le développement de vos vues grâce à un framework Javascript qui va vraiment vous apporter du changement dans votre manière de travailler. Vous avez sûrement déjà essayé de coder des interfaces graphiques complexes avec des mises à jour dans tous les sens… Si je change cette dropdown, il faut mettre ce champ là à jour… Bref, nous connaissons tous ce type de mécanisme dans le Web. Pour mettre en place cette logique d’affichage, le plus simple est d’écrire du code Javascript et de le lier à des évènements des composants sur la page (par exemple l’évènement Change d’une Dropdown list ou d’une Textbox). Seulement voilà, écrire du code comme ceci « à la main » fonctionne bien quand vous avez 2 ou 3 règles à gérer. Et donc comment allez-vous écrire le code quand il y a 20 champs à mettre à jour ? Et surtout, comment allez-vous assurer une maintenabilité idéale (éviter le code spaghetti…) ?

Test de site web : comment faire tourner Internet Explorer 6, Internet Explorer 7 et Internet Explorer 8 sur la même machine - Fiche pratique Internet Explorer est le navigateur de Microsoft. Il est installé par défaut dans Windows, ce qui en fait un navigateur très répandu sur internet. Depuis l'essor de l'internet, plusieurs versions se sont succédé, de la version 6 à la version 10, sur plus de dix ans. SaveFrom : récupérer des fichiers sur YouTube, Facebook, Vimeo et 40 autres en 1 clic Pas toujours évident de télécharger une vidéo YouTube, une musique sur SondCloud ou un document sur SendSpace. Il vous faut soit passer par des dizaines d’applications ou extensions, soit connaître le bon outil Internet. Ce coup-ci, c’est sur la Toile que nous allons nous tourner. Et notamment vers le site SaveFrom qui permet de récupérer des fichiers sur YouTube, Facebook, Vimeo et 40 autres en 1 clic…

La boîte à outils du journaliste web - MediaType Boîte à outils web pour journaliste, blogeur... pas d'exhaustivité mais des logiciels et services testés et utilisés régulièrement. Voici une liste d'outils indispensables, gratuits et testés pour tous les journalistes qui travaillent sur le web. Réseaux sociaux, édition multimédia en ligne, manipulation des codes et langages de programmation... Ce post est mis à jour au fur et à mesure des découvertes et de mes tests. (Dernier update 6 février2014) Téléchargez la La boîte à outils du journaliste web au format PDF, en cliquant ici.

Le W3C, le WHATWG et HTML5 La semaine dernière, le WHATWG a annoncé discrètement son intention de dissocier officiellement ses spécifications HTML de celles du W3C. Si l'annonce a été plutôt bien relayée par la presse anglophone (comme chez TheVerge ou TechCrunch), j'ai l'impression qu'en France elle a été mal comprise, déformée et sensationnalisée (comme chez PC Inpact, Le Journal Du Net, et surtout chez Numerama). Voici ma modeste contribution d'intégrateur revenant sur ce qui a été annoncé, et sur ce qui pourrait changer dans le petit monde des standards du web. Mais pour commencer, il faut bien comprendre ce que sont le W3C et le WHATWG.

20 bibliothèques et plugins JavaScript gratuits à ne pas rater - Blog Tuto.com Dans cet article, vous ne trouverez pas d’outils massifs et complexes, seulement des bibliothèques et plugins JavaScript gratuits aux fonctions très précises, faciles à utiliser. Au programme : création de sliders, de menus, d’animations, de graphiques … mais aussi d’effets atypiques comme des favicons qui changent quand l’utilisateur quitte votre site (iMissYou), ou encore l’apparition de notes en marge d’un texte au survol de la souris (Marginotes). 1.

Related:  CSS3 / HTML5HTML5 et canvasSites mobiles & web-appsDévelopementWebographie : cours HTML et CSShtml5cssjavascriptdatajournalismTechniqueprojet de code