Character encoding hell: Converting MySQL latin1 to utf8 for use in Django. This is one of those problems that developers like to pretend doesn't exist. Until we actually have to deal with it of coarse. What I'm talking about is Character encoding hell. Lots of programmers (me included) have many times spent endless hours trying to figure out the mysteries of garbled text. So the reason I'm writing this blog post is to maybe help one or two people out there that are trying to do the same thing as I did today.
We basically have different character encodings* because we have lots of different spoken and written languages in the world, and it was hard for the brilliant computer scientists back in the day to get it all right the first time. *Note: Please read A tutorial on character code issues for a fuller explanation on character encodings. The problem I've got a MySQL database dump containing some 5000 products with descriptions all written in Swedish. I spent about 5 hours trying to get this to display correctly. Alter database DATABASE_NAME charset=utf8; MySQL Stored Procedures: Building High Performance Web Applications. HTML5 structure—HTML 4 and XHTML 1 to HTML5 ❧ Oli.jp (@boblet) We’ve covered a lot of ground so far.
To recap, HTML5 has several new sectioning content elements that we can use to give relevant parts of web pages more semantic meaning. These new elements are for ‘chunks of related content’ — basically a logical section of the document: New ‘sectioning content’ elements in a nutshell <section> — a chunk of related content<article> — an independent, self-contained chunk of related content, that still makes sense on it’s own (e.g. in an RSS feed)<aside> — a chunk of content that is tangentially related to the content that surrounds it, but isn’t essential for understanding that content<nav> — a major navigation block (generally site or page navigation)(cf.
With very few exceptions (generally in web applications) these new sectioning content elements should have a title, possibly in a <header> element with any other introductory information. Converting a simple page to HTML 5 # Here’s the outline of the parts of our page: <! <! <! <! HTML5 or XHTML5? <! <! <! <! Migrer un site de production vers un markup HTML5. A force de couvrir l’actualité du développement web où l’on parle d’HTML5 à peu près tous les jours, on finit par être frustré des démos faites sur des pages qui n’ont pas grand chose à voir avec les contraintes que l’on a en production : compatibilité IE6, contenus lourds, sites complètement dynamiques et édités par plusieurs dizaines de mains dont certaines non techniques. En tombant ici et là sur des exemples de migration de layout (sur des pages de portfolio) vers HTML5, je me suis rendu compte qu’une certaine partie de HTML5 était déjà utilisable en production de manière assez peu coûteuse.
Voici donc ce que j’ai du faire pour passer un site de production en HTML5. L’objectif est donc de rajouter toute la sémantique HTML5 utile possible, rôles ARIA inclus, sans rien casser du design ou de la compatibilité existante. librairie CSS CSS Reset Une fois ma librairie fixée, je me suis rendu compte que tous les browsers affichent par défaut inline les élément inconnus.
Fixer IE Formulaires. 5 Days of HTML5 (Day 1: Getting Started in One Day – Part 1) | blog. Welcome! It’s Day 1 of our 5 day tutorial, so we’ll start at the beginning. I’ve already covered what HTML5 is and why it’s awesome, but what do we need to start coding websites in the new HTML5 standard? The industry standard software is Adobe Dreamweaver, with the most recent version being CS5.5; an intermediary upgrade from CS5. If you’ve got anything lower than CS5, you won’t be in support of the HTML5 and CSS3 standards. CS5 supports HTML5/CSS3 but was released in the early stages of the standards development, so I recommend trying to grab a copy of CS5.5 for maximum support. Adobe offer free full 30 day trials of their software from their website. Open up Dreamweaver and on the main menu, in the “create new” column, click on “HTML”. We should now have a folder looking like this: My HTML5 Project >css >images Switch yourself to code view, and grab a piece of paper.
Divs, Divs Everywhere. HTML5 gets rid of this. There are more, but these are the ones you’ll be seeing the most of. Apprendre HTML5, CSS3 pour créer un site web. À travers de nombreux exemples pratiques et cas concrets, Alsacréations vous propose de découvrir toutes les possibilités offertes par la conception web aux normes, HTML, XHTML, HTML5, les feuilles de style CSS et CSS3, le Web mobile, l'accessibilité, PHP, JavaScript, jQuery, etc. Tutoriel : Guide pas à pas Article : Document d'analyse ou de référence Astuce : Court stratagème toujours utile Cette page présente une sélection de nos ressources. Vous pouvez aussi consulter la liste complète des tutoriels et articles ou des astuces. Pensez à utiliser le moteur de recherche. Comprendre le positionnement en CSS Consolidez et élargissez vos connaissances des différents schémas de positionnement CSS actuellement utilisés ou avant-gardistes (flux, positionnement absolu, fixé, relatif, flottement, inline-block, modèle tabulaire).
Découvrez nos formations web, leurs programmes, les dates des sessions et les tarifs sur le site formations.alsacreations.fr. Osez HTML5 et CSS3 ! HTML5, bien qu'apportant son lot de nouveautés et d'éléments, se base sur son prédécesseur HTML 4.01 dont il ne change pas radicalement au niveau de la logique et de la structure. L'article d'introduction à HTML5 de julixyde survole quelques nouveaux éléments que j'ai employés sur mon site personnel. Doctype Le Doctype HTML5 s'écrit tout simplement de la sorte : Voilà, votre document est identifié comme étant en HTML5, c'est compatible sur tous les navigateurs et il suffit à présent de nous servir des éléments inédits de cette nouvelle version.
Les nouveaux éléments Parmi les nouveaux éléments apportés par HTML5, j'ai identifié la liste suivante pour la structure de mon site : <section> : section de contenu <article> : article de composition indépendante <header> : en-tête de page ou de section <nav> : liens de navigation <figure> : regroupement des images et de leur description <footer> pied de page ou de section Le code JavaScript du fichier html5-ie.js étant celui-ci : L'attribut "role" Technologie Web. Responsive Web Design. Responsive Webdesign – présent et futur de l’adaptation mobile. Nous reproduisons avec l'aimable l'autorisation de l'auteure la traduction de cet article, conjointement sur Alsacréations et OpenWeb. Après plusieurs mois de recherche sur le sujet, j'ai enfin publié mon article sur Smashing Magazine qui s'intitule "The State Of Responsive Web Design".
Ce qui suit en est la traduction. Avertissement avant la lecture : Je n'ai pas la prétention de changer le monde, d'avoir la vérité absolue. Dans cet article – qui est long, je le sais – je souhaitais juste rendre attentif le lecteur au reste de ce gigantesque iceberg dont les Media Queries n'en sont que la surface. Le responsive webdesign reste une technique et une infime partie de ce qui est aujourd'hui appelé "Adaptive Webdesign". Le but de l'article n'est pas non plus de décourager les gens qui optimisent des sites pour mobile, mais de mettre le doigt sur ce qui aujourd'hui pose problème, est bancal, pour ensemble, trouver des solutions à ces différents problèmes.
La solution flexbox Conclusion. PMD – L’analyseur de code Java. PMD est un outil pour vous, amis développeur Java qui va vous permettre d'analyser votre code source pour y détecter les variables non utilisées, les try/catch/finally/switch vides, la création d'objets inutiles, les expressions top complexes comme des boucles 'for' qui pourrait être changées en while...etc. PMD fonctionne avec Java, JavaScript, JSP mais aussi XML, XSL et existe sous forme de plugins pour JDeveloper, Eclipse, JEdit, JBuilder, BlueJ, CodeGuide, NetBeans/Sun Java Studio Enterprise/Creator, IntelliJ IDEA, TextPad, Maven, Ant, Gel, JCreator, et Emacs.
Le package PMD inclus aussi CPD, un outil qui détecte le code dupliqué à grand coup de copier-coller dans les codes Java, C, C++, C#, PHP, Ruby, Fortran, JavaScript. De quoi rationaliser un peu tout ça. Toutes les infos sur PMD sont ici. Bon dev à tous ! Vous avez aimé cet article ? Usages des codes à barres 2D. Successeur du code à barres présent sur l'emballage des produits de consommation, le code à barres à deux dimensions est une technologie qui a connu une très forte progression.
Le code 2D permet de passer d'un support physique (papier, écran…) au format électronique en une fraction de seconde. Le format des codes à barres 2D est généralement issu de deux technologies d'encodage : datamatrix et QR Code. Ces technologies d'encodage permettent de stocker une grande quantité d'information sur un espace réduit en comparaison des codes à barres à une seule dimension.
Un mécanisme de correction d'erreurs permet également l'altération du code jusqu'à 30 % (QR Code). Deux éléments sont nécessaires pour la lecture des codes à barres 2D : Le code ne se contente pas de délivrer une information, il caractérise également cette information permettant la liaison de l'information à une application informatique. Deux formats sortent donc du lot : QR Code et Datamatrix. II-A. II-B. II-C. II-D. III-A. III-B. La création d'applications iOS avec Visual Studio désormais possible, Xamarin redéfinit l'écosystème Mono et lance un nouvel IDE.
Xamarin 2.0, la boîte à outils de développement de la startup du même nom est disponible et avec elle, une refonte importante de l’écosystème Mono, l’implémentation open source de .NET. La publication de Xamarin 2.0 introduit un changement de marque des produits Mono (MonoDevelop, MonoTouch pour Android et iOS, etc.), le lancement d’un nouvel environnement de développement baptisé Xamarin Studio, la sortie d’une extension Visual Studio pour le développement iOS et l’ouverture d’une galerie de composants. Changement de nom pour les produits Afin de simplifier sa ligne de produits et de fournir un ensemble d’outils communs pour le développement multiplateforme, Xamarin a adopté les nouveaux noms suivants pour ses outils de développement : Avec ces ajustements, la plateforme Xamarin devient un écosystème unique, permettant d’utiliser le même langage, la même base de code et le même environnement de développement pour créer des applications Android, iOS, Mac, Windows, Windows Phone et Linux.
Des chercheurs anticipent les déplacements des utilisateurs à partir des données mobiles. Crédit Photo: D.R En exploitant des données de téléphones portables, trois doctorants de l'EPFL ont gagné le prix Nokia Mobile Data pour leur concept qui anticipe nos déplacements. Misant sur le caractère routinier des habitudes de la plupart des individus, trois doctorants de l'EPFL viennent de développer un concept qui permet de prédire, sur une base statistique et avec une certaine exactitude, les déplacements des utilisateurs d'appareils mobiles. Ce concept leur a valu le premier prix du Nokia Mobile Data, un concours international réunissant 108 équipes.
Pour développer ce concept, les doctorants disposaient d'informations partielles issues des données de téléphones portables de 200 volontaires. Le communiqué de l'EPFL note qu'à l'avenir ces travaux pourraient être utiles au développement de nouveaux services et applications mobiles. ICTjournal.ch. Une faille dans MySQL permet de contourner la vérification du mot de passe. Crédits Photo: D.R. Des chercheurs en sécurité ont publié des détails sur une faille au sein de MySQL qui pourrait permettre à des attaquants potentiels d'accéder aux bases de données MySQL et MariaDB sans posséder aucun donnée d'identification.
C'est le responsable de la sécurité informatique de Rapid7, H.D. Moore, qui a donné l'alerte.Selon lui, une faille aurait déjà été identifiée en mai comme CVE-2012-2122 dans MySQL 5.1.63 et 5.5.25. Cependant, beaucoup d'administrateurs serveurs pourraient ne pas être conscients de l'impact possible de celle-ci, car le changelog pour ces versions ne contient que peu d'informations sur ce bug de sécurité. Cette brèche proviendrait d'une anomalie récurrente lors de la vérification des mots de passe utilisateurs par la fonction memcmp. Cette faille contribuerait à réduire à seulement une chance sur 256 la possibilité d'accéder à un mot de passe à partir d'un identifiant. Le code d'exploitation de la faille rendu public M. WinDesign Bienvenue sur la page de téléchargement.
Du reverse engineering Script Sql => au MCD ou MLD. Référencement par Abondance - 20 conseils essentiels pour améliorer son référencement. 10 langages de développement pour secouer la IT (1ère partie) Les programmes écrits en Ceylon s’exécutent sur n’importe quelle machine virtuelle Java, souligne l’équipe qui développe le langage. Les développeurs ont à leur disposition un vaste choix de langages, de toute nature. Il continue malgré tout à s'en créer pour répondre à des situations particulières ou contourner les limites des outils existants. Parmi ces langages, dont certains sont encore expérimentaux, en voici dix, présentés en deux volets. 1ère partie : Dart, Ceylon, Go, F# et Opa. Avons-nous vraiment besoin d'un autre langage de programmation ? Ce n'est pas le choix qui manque déjà. Entre les impératifs, les fonctionnels, les dynamiques, les compilés, les interprétés, la programmation objet et les langages de script, aucun développeur ne pourraient apprendre toutes les options disponibles.
Et pourtant, de nouveaux langages émergent à une fréquence surprenante. Comme JavaScript, Dart utilise une syntaxe de type C et des mots-clés. Telecharger.com : sélection de logiciels du 2 décembre 2011. PHP 5.4 : pas de changement radical, mais plus de performances et de raffinement. La dernière version du langage PHP comporte des améliorations en terme de performances et des raffinements dans la syntaxe. La mise à jour du PHP, l'un des langages les plus utilisés pour la construction de sites web, comporte un certain nombre de modifications qui facilitent le développement et améliorent les performances. « Globalement, ces nouvelles fonctionnalités ne viennent pas modifier radicalement le langage, mais elles apportent un certain raffinement », a déclaré Zeev Suraski, l'un des principaux contributeurs au PHP, par ailleurs CTO de Zend Technologies, un éditeur de logiciel PHP. « Ce que l'on pouvait faire auparavant, on peut toujours le faire, mais plus facilement, et de manière plus élégante, » a-t-il ajouté.
Pour les développeurs, la syntaxe PHP a été simplifiée pour faciliter la convivialité. Un nouveau mécanisme, appelé « Traits », permet aux développeurs de réutiliser le code. La syntaxe d'un tableau « array » a elle aussi été simplifiée. De meilleures performances. Shadow, l'outil de développement web mobile gratuit d'Adobe. Adobe a dévoilé Shadow, un petit outil de développement web qui permet aux concepteurs et aux développeurs d'avoir un aperçu de leurs créations sur plusieurs appareils mobiles en même temps.
On peut découvrir comment fonctionne Shadow sur le site d'Adobe Labs. La version bêta du logiciel est disponible en téléchargement gratuit. L'outil Shadow d'Adobe permet de naviguer en même temps sur le bureau d'un ordinateur et un terminal mobile. Pour les designers, l'application va faciliter le test de leurs productions et de contrôler les mises à jour de leurs sites. Voir et inspecter Shadow permet aux développeurs de pointer les erreurs, de tester de nouvelles idées et mises en page, et de voir les changements en temps réel sur les terminaux mobiles connectés. Une meilleure navigation avec le HTML 5.