Introduction à Canvas Depuis l’arrivée de HTML5 et de ses nouveaux éléments, les sites et applications web peuvent profiter de grandes avancées pour rendre ce média attractif : audio, vidéo et Canvas pour disposer de fonctionnalités de dessin en 2D et 3D dans le navigateur. L'élément qui nous intéresse ici est <canvas>. Il s'agit d'un espace de pixels initialement transparents, armés de JavaScript pour réaliser un bon nombre de fonctions graphiques, partant du simple tracé de courbe pour aller jusqu'aux animations et jeux vidéo. Le nombre de démonstrations existant aujourd'hui sur le web est impressionnant, il serait difficile de toutes les lister ici pour en donner un avant-goût complet des possibilités. Flash est-il mort ? De nombreux parallèles avec la technologie Flash ont été réalisés et diffusés. Voici quelques avantages de Canvas : De quels outils dispose-t-on ? Qu'en est-il de SVG ? Support navigateur Création du canvas et principes généraux Celles-ci vont toutes exploiter le même système de coordonnées :
Comment générer des fichiers Excel Introduction – Comment générer des fichiers Excel Spreadsheet_Excel_Writer est un utilitaire pour créer des fichiers Excel sans avoir besoin des composants COM. Les fichiers générés par l'actuel version de Spreadsheet_Excel_Writer correspond au format Excel 5 (BIFF5), toutes les fonctionnalités jusqu'à cette version doivent donc être disponibles. L'utilisation la plus commune de Spreadsheet_Excel_Writer est de mettre beaucoup d'informations dans un formulaire de feuille de calcul, qui sera facilement manipulable avec un programme de manipulation de feuilles de calcul comme Excel (ou OpenOffice). Voici un exemple concret : <? // Création d'un manuel de travail$workbook = new Spreadsheet_Excel_Writer(); // Envoi des en-têtes HTTP$workbook->send('test.xls'); // Création d'une feuille de travail$worksheet =& $workbook->addWorksheet('My first worksheet'); // Envoi du fichier$workbook->close();? Vous avez du remarquer également la ligne suivante : // Envoi des en-têtes HTTP$workbook->send('test.xls');
10 outils pour le Web mobile Les contraintes d'ergonomie, d'adaptation et de performance dans le monde du Web mobile impliquent parfois certaines techniques rendues complexes par le peu de spécifications et d'outils existants à l'heure actuelle. En attendant des modules de positionnements CSS flexibles tels que "Flexbox", ou des spécifications stables concernant les informations de type "retina" ou de bande passante d'un terminal, nous sommes contraints à créer nous-même nos outils et stratégies. Pour nous faciliter la tâche, voici une sélection de 10 ressources bien pratiques. La majorité des dispositifs présentés dans cet article consistent en des bibliohèques JavaScript et répondent à des missions bien précises. Inutile de vous préciser qu'il n'est pas recommandé d'employer l'ensemble de ces outils sur un seul et même projet, pour des raisons évidentes de performances. Mobile Boilerplate Voir Mobile Boilerplate 320 and up Souple et évolutif, il peut être couplé à Modernizr, Bootstrap, LESS et SASS selon vos besoins.
Traitement de fichiers Excel en PHP - Blog Infoject' Présentation de PHP Excel PHP Excel est un ensemble de classes distribuées sous licences LGPL 2.1, qui permet de lire et écrire des données dans des fichiers Excel (.xls ou .xlsx ainsi que dans d'autres formats (pdf, html, csv, Excel 5, ...)). PHP Excel permet de saisir des données dans les cellules d'une feuille de travail mais également de modifier les propriétés du texte et des cellules, d'ajouter un en-tête ou un pied de page, de définir des zones d'impression, de fusionner des cellules et ajouter des bordures, etc... Pour pouvoir utiliser PHP Excel, vous devez utiliser une version de PHP supérieure ou égale à la 5.2.0 et avoir les extensions suivantes activées : php_zip php_xml php_gd2 La documentation est particulièrement claire, raison pour laquelle je ne ferais que présenter les bases de l'utilisation de cette classe. Téléchargement et Installation Commençons par récupérer la dernière version sur le site de PHP Excel. Création d'un fichier require('Classes/PHPExcel.php');
8 conseils pour un design moderne et ergonomique en 2013 En ce début de printemps (pas franchement printanier, vu le temps qu’il fait partout en France), on a envie de changement: renouvellement de garde-robe pour les plus chanceux, ménage de printemps, reprise du sport et bien sûr, rafraichissement du design de votre site web! Un design de site web a une durée de vie de 2 ans environ, avant de commencer à être passé de mode. Pour donner un effet « WOUAAOUHHH », le changement de votre design doit donc passer par une phase de recherche des tendances actuelles, et c’est ce que je vous propose de découvrir. N°1 : Responsive Web Design Sans nul doute le phénomène qui a le plus marqué le web en 2012…et qui se poursuit en 2013. Il permet donc de s’affranchir d’une application iphone ou android (Entre nous, les applications pour smartphone ne sont utiles que pour les applications web (ex: ebay.fr, dropbox.com, coursesenligne.fr..) et non pour les sites de contenus comme les blogs ou les sites vitrines _dans ce cas, elles sont même contre productives).
Tools OpenTBS Dedicated page. TbsZip TbsZip is a simple PHP class that helps to work with zip archives. You can create a new archive, or virtually read and modify an existing one. It needs no exe file and makes no temporary files. Documentation Code example Download last version 2.16 Old versions: 2.1, 2.2, 2.3, 2.4 , 2.9, 2.11, 2.12, 2.13, 2.14, 2.15 TbsSQL TbsSQL makes it pleasant and easy to use your databases with your PHP applications. Documentation Download last version 3.2 Old versions: 2.5 , 2.6 , 3.0 , 3.1 tinyDoc This tools is developped by "Olivier L.". tinyDoc website (doc, examples and downloads) last update on May 2009 Previous version is named tbsOOo 0.7.9 and it works with TBS 2.05 only. Documentation and examples Download version 1.03
Les fondamentaux du Responsive Web Design I. Introduction▲ Prenons deux exemples simples. Le premier pourrait être ces vitres qui s'opacifient en fonction de la luminosité extérieure. Le « Responsive Web Design » est né, car nous sommes de plus en plus confrontés aux mêmes problèmes que les architectes : s'adapter aux supports. Voyez plutôt : autrefois, nous n'avions qu'un ou deux navigateurs et les tailles d'écrans variaient peu. Et tout cela, c'est ce que nous avons maintenant. II. Pour faire une application Web qui soit Responsive Web Design, nous devons établir les trois points suivants : Si nous faisons une analogie avec l'architecture, les trois derniers points représentent nos outils. Il est heureusement possible de s'adapter pour y parvenir. III. Avant toute chose, il faut faire en sorte de créer un site dont la grille d'affichage soit flexible. Pour commencer, dimensionnons le site dans la résolution dite « optimale », à savoir la résolution pour laquelle l'affichage est la plus adaptée (par exemple 1280 * 800 pixels). <!
TBS Manual TinyButStrong (TBS) is a PHP class useful to develop an application in a clean way, separating PHP scripts and XML/HTML/Text files. With TBS, the files are generated dynamically by merging a template with data. It is called a Template Engine. The name TBS comes from the fact that this tool contains only 8 functions and yet, it is very powerful. It allows you to merge templates with your PHP variables or your MySQL, PostgreSQL, or SQLite. TBS has been engineered so that you can develop your templates with ease using any visual editors (like Dreamweaver or FrontPage). As the name of it tells, TBS is easy to use, strong and fast. On the HTML side (or other file type): You design a page which does not necessarily contain any PHP scripts, nor any programming. On the PHP side: You use an object TBS variable to manage the merge of your template with the data. TinyButStrong is a library written in PHP, it's a component to be referenced in your own PHP programs. Examples: Versioning: Example: • Text