Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web 21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). 2. CSS Type Set est un service qui permet de gérer la mise en forme d’un texte dans une interface simple et intuitive. 3. Border Radius est un générateur déstiné uniquement à la propriété CSS3 border-radius qui permet de créer des coins arrondis sur un élément HTML. 4. 5. 6. 7. CSS3 Please est probablement l’un des tous meilleurs générateurs CSS3. 8. 9.
Reprendre le modèle et modèle de lettre de par SuitedBrandLab The Perfect 2 Column Liquid Layout (left menu): No CSS hacks. SEO friendly. iPhone compatible. Download this layout (20kb zip file). Percentage dimensions of the left menu layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content. Maximum column content widths To prevent wide content (like long URLs) from destroying the layout (long content can make the page scroll horizontally) the column content divs are set to overflow:hidden. 800 x 600 Left column: 162 pixels Main page: 550 pixels 1024 x 768 Left column: 210 pixels Main page: 709 pixels The nested div structure I've colour coded each div so it's easy to see: The header, colmask and footer divs are 100% wide and stacked vertically one after the other. No CSS hacks The CSS used for this layout is 100% valid and hack free. SEO friendly 2-1 column ordering Full length column background colours In this layout the background colours of each column will always stretch to the length of the longest column. No Images No JavaScript Mac
Romain Cotton.fr - Chef de Projets Internet & Web marketing jQuery UI Les Plugins JQuery indispensables pour rendre votre site plus ergonomique Les plugins JQuery sont toujours aussi utilisés et permettent de rendre un site ergonomique et attractif rapidement. Les plugins sélectionnés, responsives, vous permettront de rendre votre site internet dynamique et intuitif : scrolling, crop … il y a de tout ! Jquery Fullpage.js : du scrolling dans tous les sens Pour avoir un site en scrolling, rien de plus simple ; il vous suffit de télécharger « Fullpage.js ». Avoir un site en scrolling permettra aux internautes de ne pas se perdre dans les pages et d’avoir directement toutes les informations à porté de clic. Plugin « Fullpage » : vertical, horizontal, à vous de choisir Démonstration Télécharger JQuery multiscroll : le scrolling « différé » Avoir un site en scrolling c’est une chose, mais grâce à « Jquery multiscroll » vous allez pouvoir multipliez les colonnes de scrolling pour donner un design unique à votre site internet. Plugin Multiscroll Démo Télécharger Smint : un menu qui s’adapte Plugin « Smint » : le menu évolue Plugin « Cropic »
Les 50+ commandements du développement PHP Si vous êtes développeur PHP, vous devez lire au moins une fois cette cinquantaine de commandements PHP ! Quelle fonction utiliser plutôt qu'une autre, comment améliorer les performances de vos scripts, les bonnes pratiques ... Ces commandements sont une traduction du billet de chez HM2K que j'ai jugé très intéressant et que je souhaite faire partager aux développeurs non anglophones. echo est plus rapide que print. [Citation] Mettre ses chaines de caractères entre simple quotes '...' est plus rapide qu'entre des doubles quotes "..." car PHP analyse s'il y'a des variables entre les doubles quotes. Utiliser les simple quote pour du texte pur.Utiliser sprintf au lieu de mettre des variables dans des double quotes, C'est 10x plus rapide. Vous n'avez plus qu'à respecter tout ces conseils pour avoir un code PHP optimisé !