CSS Grid Layout, guide complet Avec Flexbox, le module CSS Grid Layout représente l'avenir de la mise page CSS. Chris House a conçu un guide complet et plein d'exemples pour enfin comprendre cette spécification complexe. Par Chris House Introduction jQuery Mobile, pourquoi le tactile est-il toujours mobile ? L’équipe de jQuery vient d’annoncer un nouveau site entièrement dédié aux interfaces tactiles et mobiles : jQuery Mobile. Le but est bien sûr d’optimiser jQuery pour ces nouvelles plates-formes, mais ce n’est pas tout : une version mobile de jQuery UI est également prévue ! Et plutôt que d’adapter jQuery UI à ces nouvelles contraintes, le projet consiste dans un premier temps à réfléchir sur les évolutions possibles du framework, de manière à ce qu’il prenne nativement en compte ces nouvelles interfaces. Un des problèmes posés actuellement par jQuery UI est son système de gestion des thèmes graphiques, Theme Roller, qui est trop « simple » pour permettre de créer des interfaces complexes. Prototype d’interface pour jQuery UI Mobile
Vos applications avec Electron Vous aimeriez créer une application pour bureau, mais vos compétences se limitent aux technologies du Web comme HTML5, CSS3 et JavaScript ? Ça tombe bien, Electron est là ! Electron vous permettra de créer des applications parfaitement intégrées à Windows, Linux ou Mac OS X simplement avec du HTML, du CSS et un peu de JavaScript. Le futur “hybride” des médias - Transnets - Blog LeMonde.fr Le Media Technology Summit organisé par l'école de journalisme de l'Université de Californie-Berkeley dans les locaux de Google s'est révélé être une super conférence (liens utiles en fin de billet). Malgré la crise économique et les problèmes structurels des médias on assiste à un foisonnement de recherches, d'expérimentations et de réflexions qui permettent d'entrevoir un futur plus engageant qu'on ne pourrait croire. Il se situe sans doute sous le signe de l'hybridité, la meilleure réponse en temps de transition puisqu'elle permet de chercher dans plusieurs directions à la fois.
SQL NATURAL JOIN Dans le langage SQL, la commande NATURAL JOIN permet de faire une jointure naturelle entre 2 tables. Cette jointure s’effectue à la condition qu’il y ai des colonnes du même nom et de même type dans les 2 tables. Le résultat d’une jointure naturelle est la création d’un tableau avec autant de lignes qu’il y a de paires correspondant à l’association des colonnes de même nom. A noter : puisqu’il faut le même nom de colonne sur les 2 tables, cela empêche d’utiliser certaines règles de nommages pour le nom des colonnes.
L’expérience de Slate: Quel est le meilleur media pour informer, C’est une passionnante expérimentation qu’a mené le site américain Slate.com. Pendant 3 jours (les 21, 22 et 23 juillet 2009), deux journalistes installés à Seattle, Timothy Egan et Sam Howe Verhovek, se sont informés exclusivement avec des journaux papier, tandis que deux autres journalistes, Emily Yoffe et Seth Stevenson, devaient se contenter des seuls sites web. L’objet de cette recherche [non scientifique] n’était pas tant de savoir si les lecteurs de journaux sont mieux informés que les internautes —et réciproquement— mais, comme le précise Michael Newman, l’un de ses initiateurs, de connaître « quel média est le meilleur pour organiser l’information ». Pour mettre les deux équipes à égalité, chacun des journalistes devait s’engager sur l’honneur à ne pas consacrer plus d’une heure par jour à s’informer! Une gageure, mais tous joueront le jeu. Les enseignements que tirent les participants de cette expérience sont particulièrement intéressants.
NoSQL - MongoDB et PHP: Première approche NoSQL et MongoDB ne vous dise probablement pas grand chose, mais cela va changer ! NoSQL Si le mot NoSQL ne vous dit rien pour le moment, la tendance devrait bientôt changer dans peu de temps. Introduction à Gulp Gulp est un "Automatiseur de tâches", un task runner comme disent nos amis anglophones, c'est à dire qu'il est capable de lancer des bouts de scripts à votre place tout seul comme un grand. Ces tâches dépendent de votre bon vouloir et peuvent être très variées : des opérations simples telles que minifier ou concaténer du CSS ou du JavaScript, la création ou la suppression de dossiers ou de fichiers (possibilité de créer un projet à partir de zéro), l'optimisation, la compression d'images, la création de serveur local permettant de tester sur de multiples périphériques en même temps, la simulation de navigateurs fantômes conçus pour parcourir et tester les regressions d'affichage d'une page, etc. T'as une tâche là ! Pour vous représenter le nombre d'actions réalisables par Gulp, sachez que les quelques 2000 plugins recensés représentent tout autant de tâches exécutables au sein de votre projet. Les pré-requis de Gulp
Utilisation de Twig - MAIGRET Aurélien Cet article a pour but de vous faire découvrir Twig, un moteur de templates PHP. Nous verrons également comment l'installer ainsi que le configurer, sans pour autant devoir utiliser le framework Symfony. Introduction Utiliser un moteur de templates permet de rendre votre code plus propre, puisqu'il permet de séparer le code PHP du code HTML. Utiliser les attributs de données - Apprendre le développement Web HTML5 est conçu avec le souci de l'extensibilité pour les données qui doivent être associées avec un élément particulier sans qu'on leur donne une signification spécifique. Les attributs data-* nous permettent de stocker des informations supplémentaires sur les éléments sémantiques standard sans avoir recours à des attributs non-standard ni à des propriétés supplémentaires du DOM, ni à Node.setUserData(). Syntaxe HTML La syntaxe est simple. Tout attribut d'un élément dont le nom commence par data- est un attribut de données (data attribute). Si par exemple vous avez un article pour lequel vous souhaitez stocker des informations supplémentaires et qui n'ont pas de représentation visuelle, il vous suffit d'utiliser des attributs de données pour cela :
Créer son premier Virtual Host sous Ubuntu Second billet destiné aux débutants du développement web sous Ubuntu. SI vous avez raté le premier épisode, je vous encourage à lire Bien commencer le développement PHP sous Ubuntu. Aujourd'hui nous allons voir comment créer des virtual hosts Apache 2. Note 20/02/2018 : Il est maintenant recommandé de ne plus utiliser .dev en guise d'extension locale, vous pouvez par contre utiliser .test sans soucis. Qu'est-ce qu'un virtual host ?