Codage UTF-8 et caractères spéciaux (français) dans HTML

utf-8-caracteres-speciaux-htmlJ'ai cherché désespérément une solution à mon problème de codage, sans résultat pendant quelques années. Les caractères spéciaux comme le "é", "à", "ç", "î", etc. s'affichaient un � au coté HTML, surtout quand la page HTML a été générée par PHP (WordPress).

En essayant valider ma page avec W3C, il dit :

Lire la suite

Détecter et rediriger les versions d'Internet Explorer en utilisant JavaScript

Qui souffre encore de la cruauté des anciennes versions l'Internet Explorer ? Si douloureux quand on passe des jours et des semaines avec des extra codages et encore...

Pour avoir une bonne résultat de l'affichage de votre site dans les versions antérieures de IE9, il faut :
- lire des tutoriels et faire des recherches dans les pages qui parlent chinois quelque fois et dans les forums pour étudier les moyens de l'amélioration de IE.
- télécharger un logiciel, appelé IETester pour voir les changements car moi, je n'ai plus, je ne peux plus et je ne veux plus installer les versions démodées.
- télécharger le script de Modernizr, et compléter avec Boilerplate et les lier à tous mes pages pour détecter les fonctionnalités de HTML5 et CSS3 et améliorer l'affichage des effets et des éléments graphiques plus modernes dans l'ancien IE.
- rajouter les commentaires conditionnels (voir ici) dans la page html.
- rajouter une extension (plugin) de Modernizr dans mon blog WordPress qui met des scripts et codes nécessaires à tous les pages du blog, générées par le système php.

Lire la suite

Raw HTML (brut) personnalisable avec l'éditeur de WP et de Blogger

J'utilise Codecolorer wp plug-in pour afficher les codes html bruts (raw html) et pour la coloration syntaxique. Mais mon problème, c'est que je ne peux pas personnaliser les codes à l'intérieur ou c'est possible mais très compliqué. Par exemple, si je voudrais faire quelques mots en gras, il ne me laisse pas le faire, pas de mots choisis individuellement. En plus, je ne peux pas colorer les codes exactement comme je voudrais, par exemple colorer chaque code individuellement. Mais la solution que je vous partage ici n'est pas si difficile, juste un peu plus de travail et on n'a besoin de rien, seulement notre éditeur de wordpress ou de blogger.

Lire la suite

Show - hide div avec jQuery

jqueryIl y a quelques années j'ai cherché une solution pour masquer des contenus, puis les afficher en défilant en douceur (smoothly) en cliquant sur un bouton sans quitter la page. J'ai trouvé une solution de masquage appelé "Peekaboo" (coup d'oeil ou coucou) avec Flash mais avec le temps passé, j'abandonne Flash à cause des problèmes cumulés. Enfin, jQuery a porté une solution très simple et ce javascript est très léger.

Je vous montre deux sortes de fonction : montrer/cacher les contenus individuellement ou montrer/cacher les contenus de tous les "div" en même temps.

Lire la suite

Intégration de polices

Les technologies telles que Cufon, sIFR, FLIR et @font-face représentent les différents groupes de développeurs qui croient être l'avenir de typographie en ligne. Il n'existe pas de consensus dans ce jeu en constante évolution. Toutes ces méthodes ont des arguments parfaitement valables à la fois pour et contre leur utilisation. En outre, même les navigateurs les plus populaires supportent chacune de ces technologies dans des degrés très divers. Cependant, la méthode de @font-face CSS est parmi les plus fortes, les concurrents les plus simples et les plus flexibles dans ce match. Un grand nombre de sites proposent à la fois ces polices de caractères gratuites et primes en faveur de celui-ci.

Ce guide va vous apprendre à mettre en œuvre @font-face avec la compatibilité des navigateurs les plus connus (cross-browser compatibility) et examinera également certains services de soutien qui rend encore plus facile à utiliser des polices personnalisées dans vos créations web.

Lire la suite

Parent - enfant dans CSS et javascript

Je voulais changer le style du <div> qui n'a pas ni ID, ni class. Je voulais faire dans une façon que le style appliqué n'affecte pas les autres <div> éléments. Mon <div> a un sélecteur enfant, donc je pensais à donner un style pour le parent. Je pensais également que l'envers ne marchera pas car le parent de mon <div> a plusieurs enfants, donc le style va affecter tous en même temps.

Lire la suite