background preloader

Webmaster – Ressources et outils gratuits pour votre site internet – Free Tools

Webmaster – Ressources et outils gratuits pour votre site internet – Free Tools

http://www.mtnconcept.com/

Related:  html/cssCMS

Créer un menu à onglets avec CSS Introduction Propos Je vais montrer comment utiliser le langage des feuilles de style en cascade (CSS) pour créer un menu à onglets. La technique utilisée n'a rien de nouveau, mais elle sera l'occasion d'aborder plusieurs sujets rarement traités en un même endroit. Tout au long de mon exposé, je ferai référence à des considérations méthodologiques, notamment sur les principes de développement, les outils de validation et les raccourcis d'écriture CSS. Les plus pressés peuvent aller directement au fichier HTML complet, ainsi qu'aux feuilles de style « normal.css », « ie.css » et « ie6.css ».

Schema Creator - Améliorez votre référencement avec les microdatas Schema creator est un site web proposant de créer facilement des schémas de microdatas sémantiques reconnus par les moteurs de recherche. Les microdatas permettent d'ajouter un peu de sémantique dans le code de vos pages web. Composés d'un ensemble de balises ou propriétés HTML, elles signifient aux moteurs de recherche des informations plus pertinentes: Auteur, film, évènement, livre ... Les moteurs de recherche en sont friands car ces combinaisons de balises leur permettent d'afficher des résultats riches différents des pages web classiques (Exemple une Google Maps, des avis sur un film ...).

Les révolutions arabes se sont faites dans la rue, pas sur les réseaux sociaux Si les réseaux sociaux et les sites des médias online et traditionnels relaient l’information et offrent une caisse de résonance souvent indispensable à l’émergence des mouvements populaires, la « vraie » révolution se fait dans la rue, et symboliquement sur les grandes places des capitales. La Place verte de Tripoli connaissait hier l’effervescence des grandes occasions, qui étaient jusque là, et pendant 42 ans, celles du pouvoir du colonel Kadhafi. Symboliquement, comme le peuple irakien déboulonnait la statue géante de Saddam Hussein en avril 2003, il est important de reprendre possession des espaces publics accaparés par les pouvoirs dictatoriaux. Ce printemps arabe nous fait régulièrement découvrir ou redécouvrir les grandes places qui sont autant de points de départ et de convergence des mouvements de rébellion.

Utiliser CSS3 aujourd'hui, outils et ressources Bien que les spécifications CSS 3 soient encore en phase de maturation, il devient acquis qu'un certain nombre de ses composantes sont déjà exploitables en production sur les navigateurs actuels, moyennant quelque gymnastique pour notre attachant boulet à tous qu'est Internet Explorer. Le contexte actuel est pour le moins excitant pour nous autres webdesigners, puisque l'on peut enfin s'évader d'une norme CSS2.1 vieille de plus de 10 ans ! Nous nous trouvons dans une période clé, et de grands changements vont bientôt s'opérer dans notre façon de travailler au quotidien. Cependant Internet Explorer modère cet engouement puisque seule sa version 9 commence à supporter ces nouveautés, version encore au stade beta non utilisable par le grand public. De multiples ressources CSS3 pour déjouer les faiblesses d'IE voient le jour presque quotidiennement, notamment par l'ajout de JavaScript.

Transformer un blogue en vidéo clip On croit avoir fait le tour des idées sur internet, mais non! La preuve avec ce service qui vous offre de transformer votre blogue en clip vidéo. Alors on va saluer l’imagination des concepteurs! Les 10 meilleures ressources HTML5 en ligne pour les graphistes Découverte sur Smashing Hub, cette liste des dix meilleures ressources HTML5 en ligne pour les graphistes va s’avérer très utile pour tous les concepteurs de sites Web. Vous allez y découvrir des outils pour le graphisme, gérer vos sprites, En effet, l’arrivée massive de ce nouveau langage, que j’aborde régulièrement sur le blog, est un nouveau langage de structuration et de présentation pour le contenu sur le Web. Il dispose de nombreuses fonctionnalités telles que l’intégration de la vidéo, de l’audio, des polices, du glisser-déposer, la possibilité de dessiner, etc… Sans plus attendre, voici la sélection des dix meilleures ressources en HTML5 pour les graphistes.

GetSimple, un CMS ultra-léger basé sur XML Etant à la recherche d’un système de gestion de contenu basé sur du XML, je suis tombé sur plusieurs CMS dont GetSimple. Dans ce premier article je vais donc vous présenter ce CMS et ses différentes fonctionnalités. GetSimple est écrit en PHP. Quant à sa licence, il est distribué sous en GPLv3. Ce CMS ne nécessite aucune base de données. Toutes les données sont stockées dans des fichiers XML. 104 logiciels libres pour la rentrée 2011 (étudiants et chercheurs) L’édition de septembre 2011 du Flash Informatique, revue en ligne de l’Ecole Polytechnique Fédérale de Lausanne comprend le dossier : Les logiciels libres pour vos études et la recherche. Au sein de ce mini-guide : un rappel sur ce qu’est un logiciel libre, les avantages de ce type d’applications puis un zoom pour identifier et connaître des logiciels libres qui peuvent être utiles pour les étudiants et chercheurs. La sélection de 104 logiciels libres se présente sous la forme de tableaux de 7 domaines d’utilisation généraux en ayant soin privilégier des programmes multiplateformes (fonctionnant à la fois sous Windows, Mac OS X et GNU/Linux). Des légendes sous forme d’icônes attirent l’attention vers des logiciels libres considérés comme indispensables. Pour chaque logiciel libre présenté, il est indiqué le domaine d’utilisation, son site Web officiel, la plate-forme et le logiciel propriétaire auquel il peut se substituer. Les 104 logiciels libres présentés :

Bonnes pratiques pour les déclarations @font-face Petit rappel historique À l’origine, les déclarations CSS @font-face faisaient partie de la norme CSS 2.0 et étaient supportées aussi bien par Internet Explorer 6 que par Netscape 4. Nous étions alors à la fin des années 90 et la guerre entre ces deux navigateurs faisait rage. Malheureusement, les constructeurs ainsi que les fondeurs ne parvinrent pas à se mettre d’accord à l’époque sur un format de fonte et le haut débit n’étant pas encore généralisé, cette technologie ne fut que peu ou pas utilisée. En conséquence, lors de l’écriture de la norme CSS 2.1, cette fonctionnalité fut purement et simplement supprimée. Avec CSS 3, c’est le grand retour en force des fontes web à travers le module CSS Fonts qui redéfinit la méthode d’insertion des fontes personnalisées dans les navigateurs.

Scenari - Iris Le site scenari-platform.org est édité et hébergé par l'Université de Technologie de Compiègne (UTC), Centre Pierre Guillaumat, BP 60319, Rue du Docteur Schweitzer, 60203 Compiègne Cedex, France. Licence des contenus Sauf mention contraire, les contenus éditoriaux du site, réalisés par les membres de la communauté scenari-platform.org, sont publiés sous licence Creative Commons Paternité : ils sont librement réutilisables, pour autant que leur source soit citée. Accès aux données nominatives Conformément à la Loi « Informatique et Libertés » n° 78-17 du 6 janvier 1978, les adresses mails et coordonnées vous concernant sont destinées à l'Université de Technologie de Compiègne, responsable du traitement. Vous disposez d'un droit d'accès, de rectification et de suppression des données qui vous concernent.

Mise en page sans tableau - Club des décideurs et professionnels En règle générale, le webmestre qui réalise une mise en page avec tableau utilise aussi un logiciel WYSIWYG en lui faisant confiance. J'ai donc fait ce petit test avec l'interface WYSIWYG d'un logiciel très connu et voilà ce qu'il m'a donné pour une mise en page 2 colonnes (dont un menu à gauche de largeur de 150 pixels) encadrés d'un en-tête et d'un pied de page : Mouais... Le code généré est bourré d'attributs dépréciés, il est lourd, et tout ça sans aucune couleur, image de fond ou quoi que ce soit.

[CURL] Tuto complet : gestion de blogs - DevAndSeo Hello tout le monde Comme vous avez pu le remarquer, je ne poste pas souvent ces temps-ci. La raison est que mon école me bouffe tout mon temps; du coup, quand j’ai un peu de temps libre … ho, arrêtes de raconter ta vie ^^. Bref, je vous ai préparé un petit tuto qui [...]

Related:  HTML CSSicones 1webphotosmysqlseo2/webmasterFacebookTechnologies et tutorielstrucs intéressantsdéveloppement