CSS3 module: W3C Selectors Résumé Les CSS (Cascading Style Sheets) sont un langage permettant de décrire la restitution de documents HTML et XML à l'écran, sur papier, vocalement, etc. Pour attacher des propriétés stylistiques aux éléments du document, elles utilisent les sélecteurs, qui sont des conditions de sélection de ces éléments. Guide 2016 de la taille des images sur les réseaux sociaux Nous rassemblons sur cette page toutes les dimensions des images sur les réseaux sociaux. Les tailles des photos sur Facebook, Twitter, Instagram et consorts viennent d’être mises à jour. Vous pouvez conserver cette page en favori pour accéder plus facilement à toutes les dimensions des images et des photos. Nous l’avons conçue car pour tout projet en lien avec les réseaux sociaux, les mêmes questions se posent : Quelle est la taille d’une photo de profil sur Facebook ?Quelles doivent être les dimensions des images à la Une des articles ?
HTML5 : un fork qui remet en cause le standard ? - Journal du Net Développeurs En parallèle du W3C, les éditeurs de navigateurs Web ont décidé, via le groupement indépendant WHATWG à l'origine de HTML5, de poursuivre leurs travaux. Coup de tonnerre sur le terrain des standards Web. Le WHATWG (pour Web Hypertext Application Technology Working Group) a décidé de poursuivre ses travaux autour du HTML5, et ce indépendamment du processus de standardisation en cours au sein du W3C. Le groupement fédère presque tous les grands éditeurs de navigateur, dont Google, Apple, Mozilla et Opera Software. Outils de développement Firefox Examinez, modifiez et déboguez du HTML, des CSS et du JavaScript sur ordinateur ou sur mobile. Si vous cherchez des informations sur l'utilisation des outils de développement disponibles dans Firefox, vous êtes au bon endroit. Cette page fournit des liens vers des informations détaillées sur tous les outils principaux et additionnels de Firefox. Ainsi que d'autres liens vers par exemple : comment connecter et déboguer Firefox pour Android, comment étendre les outils de développement, et comment déboguer le navigateur lui-même. Nous vous encourageons à explorer les liens de la barre latérale, et ceux dans la page, pour en apprendre plus sur les outils de développement.
30 phrases totalement insolites prononcées par des clients à des agences web style="display:block" data-ad-client="ca-pub-9594201080211682" data-ad-slot="3357873053" data-ad-format="auto"> Vous êtes peut-être tombés sur notre article la semaine dernière, sur les emails agaçants de clients que les graphistes détestent recevoir. Aujourd’hui, on vous présente les pires demandes et phrases en tous genres prononcées par des clients aux agences web. Pour beaucoup, le web c’est facile, c’est quelques lignes de codes et le tour est joué… Eh non ! Voici 30 images vraiment amusantes entendues et reçues par des agences web… On vous invite à suivre @WebAgencyFail qui partage toutes les semaines les plus belle perles.
High-Tech : «Flash se démarquera toujours du HTML5» INTERVIEW - En novembre, Adobe a annoncé l'abandon du développement du lecteur Flash pour les navigateurs mobiles. Ses efforts portent maintenant sur les applications et les PC, notamment pour les animations en 3D. Le revirement a surpris. WebIDE - Outils de développement Firefox WebIDE permet de connecter les outils de développement de Firefox à certains navigateurs, par exemple Firefox pour Android. Voir la page sur le Débogage distant pour obtenir les instructions sur comment se connecter à un navigateur spécifique. Avec WebIDE, il est possible de configurer un ou plusieurs environnements. Un environnement sert à lancer et déboguer une application. Un environnement peut être un appareil Firefox OS connecté à un ordinateur par USB (ou par Wi-Fi depuis Firefox 39), ou bien un Simulateur Firefox OS installé sur l'ordinateur même.
35 effets incroyables à réaliser avec les scripts actions de Photoshop On finit la semaine avec une petite sélection d'outils qui vous feront gagner énormément de temps si vous avez l'habitude d'utiliser Photoshop. Découvrez les scripts actions et leurs potentiels pour vos projets. Automatisez vos effets en toute simplicité Google Swiffy traduit les applications Flash en HTML5 Google est une des principales régies publicitaires en ligne. Le géant du web propose à ses clients, au travers de son offre DoubleClick, un ensemble d'outils pour créer des contenus dynamiques au format Flash. Problème : le format Flash n'est pas supporté sur les iPhone et les iPad et ne le sera bientôt plus sur aucun terminal mobile (lire notre article : Adobe renonce à Flash sur les mobiles). Google a donc mis au point un convertisseur Flash vers HTML5, baptisé Swiffy. « L'objectif principal de Swiffy est de vous permettre de continuer à utiliser Flash pour créer des animations web, même lorsque vous visez des environnements d'exécution qui ne supportent pas ce format » explique Esteban de la Canal, ingénieur chez Google, sur son blog.
Un guide pour les nouveaux et expérimentaux CSS DevTools dans Firefox Depuis la sortie de Grid Inspector, l’équipe Firefox DevTools s’est inspirée de la construction d’une nouvelle suite d’outils pour résoudre les problèmes du Web moderne. Dans cet article, nous allons en apprendre davantage sur les 7 outils et examiner les futurs projets potentiels. Au cours des dernières années, notre équipe de Firefox a travaillé sur de nouveaux outils CSS qui traitent à la fois des techniques de pointe et de l'âge. frustrations anciennes. Nous formons l'équipe des outils de mise en page, un sous-ensemble des outils de développement de Firefox, et notre objectif est d'améliorer le processus de conception de sites Web moderne.
19 sites pour trouver des tutos Photoshop gratuits ! Dans notre liste d’aujourd’hui, nous vous proposons 19 sites qui vous permettront de travailler et mettre à niveau vos compétences sur Photoshop. Les utilisations de Photoshop sont nombreuses. Que vous soyez graphistes, photographes ou webdesigners, nous avons trouvé pour vous des sites de qualité pour trouver des tutoriels Photoshop. N’hésitez pas à partager vos sites favoris dans les commentaires pour une prochaine liste ;). Vous avez découvert ou créé une bonne ressource, venez la partager avec nous sur Twitter @Template ou via le formulaire de contact.
MapsGL - Centre d'aide Maps Cet article concerne la version classique de Google Maps. Si vous avez opté pour la nouvelle version de Google Maps, consultez cet article. Même si Google Maps peut fonctionner dans d'autres navigateurs, nous vous recommandons d'utiliser la version la plus récente de l'un des navigateurs suivants : Internet Explorer (pour Windows) Télécharger Firefox (pour Windows, Mac et Linux) Télécharger Safari (pour Mac et Windows) Télécharger Google Chrome (pour Windows et Mac) Télécharger Avertissement : Les utilisateurs de Windows 8 peuvent rencontrer des problèmes lors de l'utilisation de Street View avec Internet Explorer ou Firefox dans la nouvelle interface utilisateur de Windows. Pour résoudre ces problèmes, passez à la version pour ordinateur de votre navigateur.
Créer un petit site vitrine en html5 et CSS3 : un cheminement pour apprendre les bases tout en découvrant de nombreux sites. Recopiez le fichier précédent que vous nommerez index2.html. Vous changerez le titre de la page (title du head) : « Exercice 2 : Découverte du CSS », ainsi que le titre du header : « Exercice 2 : Découverte du CSS (header) » Créez un fichier index2.css pour mettre en forme index2.html. Liez ce fichier dans votre fichier html en plaçant le code suivant entre vos balises <head> (<link rel="stylesheet" href="index2.css" /> Adioma un nouvel outil pour créer des infographies rapidement et facilement Vous souhaitez réaliser des infographies simples, le tout rapidement et sans avoir besoin de Photoshop... Découvrez un nouvel outil en ligne avec le service Adioma. Adioma : Composez vos infographies étape par étape Le service est très simple pour le moment, vous avez le choix parmi quelques modèles de structures, les plus populaires que l'on voit en infographie. Une fois le choix de la structure vous avez la possibilité d'ajouter des icônes, du texte et de gérer vos couleurs et le tour est joué ! Vous avez composé rapidement et facilement votre infographie que vous pourrez utiliser pour vos projets de blog, présentations d'entreprise, sites web, etc.