background preloader

BlueGriffon.org créé par Mozilla logiciel le plus moderne

BlueGriffon.org créé par Mozilla logiciel le plus moderne

Création de site web Welcome to The Document Foundation! - The Document Foundation Quelle est la différence entre une classe et un id  ? Chaque terme permet de créer des propriétés CSS personnalisées, que vous pouvez appliquer à vos balises, mais il existe des différences entre une classe (.toto) et un id (#toto) Une différence fondamentale On peut utiliser indifféremment les attributs id et class pour appliquer des styles CSS aux éléments d'une page, mais... un id s'applique à un objet unique : il ne peut pas y avoir deux mêmes id dans une page une classe peut caractériser plusieurs objets (identiques ou non) Par exemple, il est possible d'avoir ce code : Mais il n'est pas correct d'avoir ce code : En effet, l'id ne doit désigner qu'un seul objet du document. Pour la feuille de style CSS, les règles seront écrites avec la syntaxe #nom_id pour les id et .nom_de_classe pour les class. Pour du code "rigoureux", ce qui est syntaxiquement le plus juste doit être privilégié. Par exemple : commencez à utiliser id systématiquement pour les objets unique pour faciliter la lecture du code. Avantages et inconvénients

10 Ways to Be a More Productive Web Developer We could all be more productive. There are many things we can do — some big, some small — that will enhance the way we work and improve the outcomes of our activities. Although I can’t promise that I’ll be able to help you cure all your productivity ailments, I do hope that I can provide you with a few useful, solid tips on streamlining your web development workflow and making every part of the development cycle move quickly and smoothly. Follow each one of these tips and I can almost guarantee you that you’ll save time, be able to create more and/or better work and be a more productive developer, ready to tackle that next task in half the time it would’ve taken you before. 1. Use a Web Development Framework I used to refuse frameworks for web development because they can be bloated with excess stuff. Good web development frameworks: All these benefits save you time and improve the quality of your deliverables. There are many types of web development frameworks you can adopt. 2. 3. 4. 5. 6.

50 Useful Design Tools For Beautiful Web Typography Advertisement Typography is elegant when it is attractive and communicates the designer’s ideas. When chosen wisely and used carefully, it can be very effective in supporting the overall design. Designers are always exploring different techniques with type: some use images or sIFR to produce very beautiful typography, while others prefer CSS alone to get the typography just right. Today, we will look at 50 most useful typographic tools, techniques and resources for creating effective and expressive designs. Below we cover typographic tools, useful typographic references, font browsers, typographic CSS- and JavaScript-techniques, hyphenation techniques, sIFR tools and resources, grids and related tools, free and commercial fonts, a guide to Web typography, examples of great Web typography. Please feel free to suggest further tools and resources in the comments to this post. and follow us on Twitter You may want to take a look at the following related articles: 1. 2. 3. 4. 5. 6. sIFR 7. 8.

Les éditeurs html Frets On Fire ftp FTP est l'abréviation de File Transfer Protocol, c'est un protocole utilisé sur Internet pour l'échange de fichiers. Le FTP est généralement utilisé pour télécharger (download) un dossier présent sur un serveur ou au contraire pour envoyer (upload) un dossier vers un serveur. Il n'est pas conseillé de s'en servir pour autre chose que le transfert de fichiers car vous ne pouvez généralement pas lire, ni modifier un fichier sans l'avoir téléchargé entièrement. Avec le protocole FTP les données transitent en clair sur le réseau. Les protocoles FTPS (FTP sur SSL) SFTP (SSH) implémentent le protocole FTP avec un chiffrement des données / de la connexion. Permet de récupérer et/ou d'envoyer des fichiers sur un serveur FTP. Il est aussi possible de se connecter via un client graphique FTP avec la syntaxe abrégée : Ou la syntaxe complète : Ou encore (numéro de port modifié) : Avec interface graphique

Prototyper - Une suite de wireframing mobile et web gratuite Prototyper est une application pour Windows et Mac complète permettant de réaliser des maquettes / wireframes web et mobiles gratuitement. Quoi de mieux qu'une bonne maquette pour parler du projet de votre client? Prototyper est une application Windows et Mac permettant de réaliser facilement des maquettes pour: iPhoneiPadAndroid Smartphone (320px et 360px)Tablette AndroidSites web A coup de drag and drop des éléments UI disponibles dans la sidebar, vous pourrez rapidement maquetter vos futurs projets. La puissance de l'application réside aussi dans son intéractivité. Plus fort encore, vous pourrez lier différents éléments à d'autres vues permettant ainsi d'avoir une maquette navigable à montrer à son client. Une fois la maquette prête, cliquez sur le bouton simulate qui lancera votre navigateur web et la maquette réalisée: Le teaser officiel de l'application pour vous donner une idée: A tester de toute urgence ! Site Officiel

Usage Introduction DataTables operates on the principle of progressive enhancement, whereby an enhanced and interactive table will be presented to the end user if their browser has the required capabilities. When you initialise the jQuery.dataTable object, information about the table is read directly from the HTML page. In combination with the default values for the features in DataTables, this makes it very easy to integrate directly into your web-site or web-application. Optionally, you can use the initialisation parameters to load data from locations other than the DOM, such as a server-side processing script or an Ajax obtained JSON file. Prerequisites In order for DataTables to be able to function correctly, the HTML for the target table must be laid out in a well formed manner with the 'thead' and 'tbody' sections declared. Data sources DataTables can take the data that it is to display from a number of different sources.

Related: