background preloader

Rapide

Facebook Twitter

Fontflame — Tinder for Font Pairing. Creative Juiz, Plugins jQuery. Unminify JS, CSS and HTML Code. YouTube to mp3 Converter. Navigateur Google Chrome. Artisanal filler text for your site or project. CSS Tutorial. Meta viewport "width=device-width" sur iPad.

Bonjour, Voici ma situation : je viens créer une page dont la largeur par défaut est de 1060px, mais qui doit passer à une largeur de 100% sur les écrans de téléphone.

Meta viewport "width=device-width" sur iPad

Pour cela, j'ai ajouté à ma page la meta viewport suivante : Voici mon code html simplifié : <body><div class="content"><div class="inner clearfix"> Mon contenu </div></div></body> Et voici mon css simplifié : Et voici donc mon problème : en faisant ça, tout fonctionne très bien sur iPhone, mais ça ne fonctionne plus sur iPad : la largeur du site est alors bloquée à 768px (le reste de la largeur de ma page n'apparaît pas), la page ne s'adapte pas à l'écran de l'iPad.

Avez-vous une solution qui me permettrait d'avoir un site adaptée au mobile sur les écrans de téléphone tout en ayant un site "classique" sur iPad (mais adapté à la taille de l'écran) ? Merci d'avance ! The W3C Markup Validation Service. Create Your Own @font-face Kits. Google Fonts. Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere.

Prefix free: Break free from CSS vendor prefix hell!

It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix. In older browsers like IE8, nothing will break, just properties won’t get prefixed.

Test the prefixing that -prefix-free would do for this browser, by writing some CSS below: Properties/values etc that already have a prefix won’t be altered. It’s not ideal, but it’s a solution, until a more intuitive way to deal with these cases is added in -prefix-free. Please note that in unsupported browsers like IE8, no such class will be added. Firefox (and IE?) Normalize.css. Balises HTML DE BASE. Pour comprendre le fonctionnement du langage CSS, il est nécessaire d'avoir quelques notions en HTML.

Balises HTML DE BASE

Le HTML est un langage simple, fait de balises (du genre <tag>) qui ont toutes une fonction et un sens. C'est ce qu'on appelle la sémantique. Respecter la sémantique, c'est améliorer l'accessibilité... et aussi le référencement. Cela dit, on ne perdra jamais de vue que l'humain passe avant les robots ! On fait un site pour des utilisateurs, pas pour le plaisir de se retrouver en tête de requêtes sur google. Voici donc les quelques balises HTML fondamentales à connaître pour comprendre la structure d'une feuille de style. Sommaire Balises les plus courantes Document. Ligne de script. Il y a deux manières d'ajouter du code JavaScript dans une page : en liant depuis la page HTML un fichier externe, dans lequel sont placées les instructions JavaScript : <script type="text/javascript" src="monscript.js"></script> en ajoutant le code JavaScript à l'intérieur de l'élément script : <script type="text/javascript"> ...

Ligne de script

</script> En ce qui concerne la deuxième possibilité, vous pouvez également lire « Comment gérer les caractères spéciaux dans les éléments script et style ? » Traditionnellement il était d'usage de placer la balise <script> entre les tags <head> et </head>, cependant il est actuellement recommandé de la placer en fin de document juste avant </body> pour ne pas bloquer le chargement de la page, et exécuter les scripts uniquement lorsque le DOM est prêt.