background preloader

CSS Debutant : Premiers pas en CSS

CSS Debutant : Premiers pas en CSS
Principe des CSS Le design d'un site évolue toujours au fil du temps. Le problème, lorsqu'on n'utilise pas de feuilles de style, c'est qu'il faut reprendre toutes les pages une à une pour modifier une police de caractère ou une couleur de fond... Avec les "Cascading Style Sheets" (CSS), ce lourd handicap est résolu. C'est dans la feuille de style que l'on va déclarer toute la mise en forme des pages : la couleur de fond, les polices de caractère, leurs couleurs, etc. Balises html de base Pour comprendre le fonctionnement du langage CSS, il est nécessaire d'avoir quelques notions en (x)html. Voici donc les quelques balises (x)html fondamentales à connaître pour comprendre la structure d'une feuille de style. Feuille de style de base Une feuille de style CSS externe peut se faire avec le simple bloc-note, et il est d'usage de lui faire porter l'extension .css. Partons donc à la découverte d'une première feuille de style... Mettre en forme un texte Gérer les marges en CSS Sélecteurs class et id Related:  710SIGinfographie

HTML5 Boilerplate: The web's most popular front-end template Smart city : un concept, une multitude d’horizons | L'Atelier : Accelerating Innovation En fonction de ses ressources, de ses spécificités culturelles et des défis qui l’attendent, chaque ville possède sa propre manière de devenir intelligente... A la clôture de l’évènement Bridge SF, qui explore chaque année la smart city sous toutes ses coutures, un constat s’impose : il n’y a pas une, mais bien des smart cities. A chaque horizon géographique correspond une culture, des problématiques et une approche différente pour améliorer l’organisation de la collectivité. Les seniors en ligne de mire Ainsi, pour certaines villes marquées par un vieillissement de leur population, la gestion des seniors constitue une priorité. A Singapour, le vieillissement de la population constitue l'une des principales problématiques. Au Japon, pays également marqué par un vieillissement accéléré de sa population (un japonais sur quatre est un senior), les autorités ont collaboré avec IBM et Apple pour livrer des iPads aux personnes âgées. Quand la ville s’attaque au bonheur La mobilité, une priorité

Silex, le logiciel en ligne pour créer son premier site web Lorsque l’on veut créer sa première page web, on se heurte très vite à la problématique de l’apprentissage du code. Si l’on n’est pas développeur, on cherchera donc à avoir une solution permettant de créer sa première page via des menus et des clics au sein d’une interface graphique. Les plus anciens d’entre nous se rappelleront feu Frontpage, la solution propriétaire de Microsoft incluse dans Office dans les années 2000. Les libristes eux se rappelleront Nvu… Ces solutions visuelles sont souvent maladroites et limitées, mais voici le logiciel en ligne Silex, qui vous permettra de vous initier au web design mais aussi d’aller jusqu’au code CSS quand vous aurez progressé, grâce à l’éditeur avec visualisation instantanée. À savoir : Silex est issu du monde associatif, Silex Labs est une association à but non lucratif, qui organise régulièrement des ateliers sur des langages et des logiciels libres, luttant contre la fracture numérique. Q : Et sinon Silex, c’est quoi ? Genma Saotome

Tag HTML Index des balises html Le HTML est le langage utilisé pour mettre en forme des documents ou des médias au niveau des navigateurs web. Ses initiales signifient Hyper Text Markup Language. Le langage HTML est vraisemblablement le langage le plus utilisé et son rendu le plus regardé dans le monde. Générer du code html et observer son rendu ne demande aucun logiciel spécifique et n'implique pas que vous soyez connecté à internet. Le langage HTML est basé sur l'utilisation d'éléments appelés balises ou encore tags, normalisées par le W3C, et d'attributs spécifiques à ces balises. Vous découvrirez ici la liste complète de ces tags, des exemples simples ou plus élaborés mettant en place leur utilisation ainsi que de nombreux conseils pour vous aider à assimiler ou approfondir ce langage.

Kidsruby.com Suède : des serveurs Facebook refroidis par le vent glacé Les paysages grandioses de la Laponie suédoise. La région était surtout connue ici pour ses forêts à perte de vue, tout a changé depuis la construction il y a deux ans de ce gigantesque bâtiment. C'est le premier data center, un centre de stockage de données ouvert en Europe par Facebook. Au cœur de la machine, sont stockées une grande partie des données des utilisateurs européens. "C'est ici que Facebook marche. Ces milliers de serveurs ont le même défaut que notre ordinateur personnel, ils chauffent beaucoup. Le JT

Choisir les couleurs de vos rapports via des sites spécialisés Le principe de ce blog est de partager quelques connaissances ou bonnes pratiques que j’ai acquises au fil des années pour embellir vos rapports / les faire plus efficacement. Une bonne pratique que je souhaitais partager avec vous consiste à vous aider dans le choix des couleurs qui composeront votre rapport. Quand vous n’avez pas des couleurs fixées d’avance (par une charte graphique), il n’est pas toujours facile de savoir quelles couleurs choisir, lesquels vont ensemble, lesquelles sont complémentaires… Quelques solutions : Color Scheme Designer Site intéressant et très complet pour bien choisir vos couleurs : vous sélectionnez votre couleur principale et le site vous donne les autres couleurs qui iront bien avec selon plusieurs critères au choix (couleurs complémentaires, triades, tétrade, couleurs analogues,…). Kuler Bref, ce site est un must, il y a encore bien d’autres choses à explorer… Je m’en sers tout le temps : COULOURlovers

Cours VBA Le VBA (Visual Basic for Applications) est un langage proche du Visual Basic qui nécessite une application hôte pour s'exécuter (Excel dans notre cas). Grâce au VBA nous allons pouvoir réaliser à peu près tout ce que l'on souhaite avec Excel ... Mais avant de commencer, commençons par afficher les outils qui nous seront utiles. Si vous utilisez la version 2007 d'Excel (ou une version supérieure), cliquez sur Fichier > Options > Personnaliser le Ruban puis cochez "Développeur". Un nouvel onglet sera ajouté : Si vous utilisez une version d'Excel antérieure à 2007, ajoutez les barres "Boîtes à outils Contrôles" et "Formulaires" : Pour travailler avec du code VBA, nous avons besoin d'un éditeur, celui-ci est déjà installé et vous pouvez l'ouvrir avec le raccourci "Alt F11" : Nous y reviendrons, retenez simplement le raccourci "Alt F11" pour le moment ...

Background Gradients .ex { width: 48%; margin-right: 2%; float: left; overflow: hidden; *zoom: 1; .gradient-example { width: 80px; height: 80px; background: red; margin: 1em 1em 0 0; #radial-gradient { background-image: -webkit-gradient(radial, 45px 45px, 0, 45px 45px, 30, color-stop(33.33333%, #00ffff), color-stop(100%, #1e90ff)); background-image: -webkit-radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px); background-image: -moz-radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px); background-image: -o-radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px); background-image: radial-gradient(45px 45px, #00ffff 10px, #1e90ff 30px); #linear-gradient { background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(left top, #ffffff, #dddddd); background-image: -moz-linear-gradient(left top, #ffffff, #dddddd); background-image: -o-linear-gradient(left top, #ffffff, #dddddd); #v-gradient { #v-gradient-2 { #v-gradient-3 { #h-gradient {

Et si vous passiez au télétravail ? Une concertation sur le télétravail démarre cette semaine dans le cadre de la loi travail. Objectif : mieux encadrer cette pratique encore assez méconnue. Qu’est-ce que le télétravail ? Vous êtes télétravailleur lorsque vous travaillez chez vous ou dans un bureau en dehors de votre entreprise. Un télétravailleur a-t-il un contrat de travail ? Pas toujours. Le télétravail, c’est aussi aux 35 heures ? C’est le grand avantage du télétravail : le salarié peut organiser sa journée comme il veut. Quels sont les avantages et les inconvénients ? L’organisation du temps de travail plus souple est un avantage évident. Que va changer la loi travail ? Une concertation sur le développement du télétravail est engagée cette semaine. Pour aller plus loin : l’association nationale pour le développement du télétravail

5 logiciels pour créer des icônes personnalisées - ZDNet La création d'icônes, pour personnaliser un environnement de bureau Windows ou Mac, n'est pas une activité réservée aux développeurs de logiciels ou aux fans de tuning numérique. Car une icône, ce n'est pas uniquement le repère graphique d'un simple raccourci placé sur le Bureau Windows, qui permet de lancer tel ou tel logiciel. Une icône peut aussi être le symbole cliquable d'un raccourci Web (vers une application donnée) qui sera facilement identifiable sur un PC en libre-service, par exemple dans un hall d'accueil. Ou bien une marque bien visible pour ouvrir un dossier spécifique sur des postes de formation. Bref : une icône, c'est utile. IcoFX IcoFX se présente comme un outil professionnel d'édition (c'est-à-dire de création, extraction et modification) d'icônes et de curseurs pour Windows et Mac. Et c'est aussi un ami des débutants. Côté modernité, le logiciel colle à ce qu'il y a de plus récent. Télécharger IcoFX Axialis IconWorkshop Télécharger Axialis IconWorkshop IconXP IrfanView

How To: Local Facebook App Development Introduction Developing any computer application is a process that will inevitably involve many mistakes, bugs, and other trials. Indeed, half of writing an application is just testing the code to make sure it behaves correctly, and scratching your head when it doesn’t. Clearly, you want to shield your end-users from experiencing the app in such a state. So, one important and popular web application development technique is to have a local test server for development, only pushing code to the live server after it has been appropriately tested. This is a relatively easy process, especially if your local server (be it your laptop or some other computer on your local network) runs the same OS as your server. Writing Facebook apps adds a layer of challenge to this development pattern, since you can’t exactly download the Platform and run it on your computer, and anyway with all the overhead you wouldn’t want to. Step 1: Preparing Your Local Environment …And that’s it! Conclusion

Qualité de vie, stress, autonomie... Quels sont les avantages du télétravail ? par Philippe Peyre La Ville de Paris se lance dans l'expérimentation du télétravail. 150 personnes se sont portées candidates et l'objectif est que 1.500 salariés travaillent une partie du temps chez eux d'ici à 2020. "Il s'agit de promouvoir de nouvelles formes de management avec plus d'autonomie, de confiance et de responsabilisation", a expliqué au Parisien Emmanuel Grégoire, l'adjoint à la mairie de Paris en charge des ressources humaines. Mais concrètement, quels avantages présente le télétravail ? Selon lui, les dirigeants semblent avoir intégré les problématiques de bien-être au travail et le télétravail en est une composante : "Ça présente des avantages en terme d'autonomie du salarié et de réduction du temps passé dans les transports". Un travail de préparation indispensable Pour ce fervent défenseur du télétravail, il faut tout de même faire attention à mener un "travail préparatoire" avant de laisser démarrer un salarié. Quel avenir pour le télétravail ?

Related: