background preloader

Palette de couleurs #1

Palette de couleurs #1
Related:  Formation numérique

17 générateurs de boutons gratuits. | Outils-web.fr Il existe plusieurs manières de créer un bouton dans une page web. On peut utiliser une image sur laquelle on place un lien. Cette technique est encore largement utilisée. Aujourd’hui, on lui préfère le HTML5 et les CSS3 pour styliser de jolis boutons colorés. Les coins arrondis et autres propriétés CSS3 étant maintenant bien reconnues par les navigateurs, cette méthode peut être utilisée sans trop de problèmes. Les frameworks CSS utilisent ces propriétés proposer de jolies collections de boutons. Vous trouverez dans cet article, une série de liens vers : 1- des générateurs de boutons CSS3. 2- des générateurs de boutons images. 1- des générateurs de boutons CSS3. Bestcssbuttongenerator : très complet, ce générateur est paramétrable à souhait. 2- des générateurs de boutons images. dabuttonfactory : un très bon générateur de boutons type bootstrap (voir framework css ci-dessus) mais avec des images png. button generator : un générateur de boutons simple et complet avec de nombreux gabarits.

Bienvenue sur PHP Débutant Attention : A partir du moment où vous placez du code PHP dans un fichier *.htm ou *.html, vous devrez renommer ce fichier en *.php ou encore *.phtml, bien que le plus utilisé soit *.php. Si vous ne faites pas cette manipulation, le code apparaîtra en toutes lettres dans le navigateur sans être exécuté par le serveur (n'ayant pas reconnu l'extension associée à php). Comme je vous le disais en introduction, l'un des avantages du PHP c'est qu'il s'intègre facilement dans du code HTML classique. C'est d'ailleurs pour cela (en partie) qu'il connaît un fort succès sur les homepages persos. L'exemple ci-dessus démontre bien cette facilité à mélanger les deux langages. A noter : En PHP si vous souhaitez ajouter des commentaires il suffit de faire suivre deux slashes //puis le commentaire de votre choix.

Minecraft Wiki - The ultimate resource for all things Minecraft Unheap - Dêpot de JavaScript et jQuery La signification cachée des couleurs en communication visuelle Une recherche de l’Institute for Color Research (une division de Color Communications Inc.) menée en collaboration avec l’Université de Winnipeg a démontré que les consommateurs n’ont besoin que d’un maximum de 90 secondes pour se faire une opinion sur un produit quant à sa valeur, à sa fiabilité, etc., et que la couleur compte pour 62 à 90 % dans ce résultat.1 Plusieurs théories et recherches sur la couleur appuient ce principe et démontrent que la couleur à une grande influence sur notre perception et nos comportements face à une marque. De plus, la couleur est la composante visuelle que l’on assimile le mieux et se remémore le plus, avant les formes et les mots. Chaque couleur a une signification cachée et exerce ses effets à un niveau inconscient. Dans cet article, nous démystifions la perception visuelle, la signification et les principales utilisations de 12 couleurs largement utilisées : Le BLEU Perception visuelle Le bleu cyan est une couleur primaire. Le ROUGE Signification Le JAUNE

WIKIMEDIA COMMONS Si vous parcourez Commons pour la première fois, vous pouvez commencer votre visite par les images remarquables, les images de qualité, les images de valeur ou les vidéos remarquables sélectionnées par la communauté. Vous pouvez également parcourir les galeries de nos contributeurs les plus doués : découvrez nos photographes et nos illustrateurs. Vous pourriez également être intéressé(e) par l’image de l’année. Apprendre les codes HTML Minecraft.Print() Mockups Take a second. Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Start exploring however, and you'll find out that Mockups is filled with powerful yet only-visible-when-you-need-them features. Getting your ideas out should be effortless. We've been in business long enough that we think we have learned enough about ourselves, our product, our customers and our competitive space to be able to put a stake in the ground and tell the world what we're about. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface. Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later. Skin: Ready to try it out?

Communiquer avec les bonnes couleurs : 10 choses à savoir Les couleurs ont un pouvoir ! Le nier serait se tirer une balle dans le pied lors de la création de votre charte graphique, ne les choisissez pas au hasard. Elles produisent deux réactions : – une réaction physique : le rouge accélère le rythme cardiaque et le bleu, qui a une longueur d’ondes plus courte, ralenti le métabolisme, par exemple. – une réaction acquise : cette dernière est liée à votre culture. De ce fait, la couleur joue un grand rôle dans le choix d’un produit. Bleu : Le bleu représente la foi, la vie spirituelle, le calme, la paix, le sérieux, la fiabilité, l’autorité, le rassemblement. Vert : Il transmet les idées de fécondité, de satisfaction, calme, chance, sécurité, espérance. Magenta / Rouge : représentent la joie de vivre, le dynamisme, ils attirent et retiennent l’attention, symboles d’activité, de force ou d’urgence. Gris : C’est une couleur plus neutre, qui symbolise le détachement. Noir : Il a sa part de mystère, il est ténébreux et représente aussi la mort.

Ressources numériques pour l'école <img src=" alt="Acquérir des ressources numériques pour l&#039;École" title="18 - 9-2015 Rep&egrave;res Ressources num&eacute;riques version de travail_BAT_VM copie" /> Acquérir des ressources numériques pour l'École <img src=" alt="Les disciplines et le numérique" title="terre" /> Les disciplines et le numérique <img src=" alt="Le numérique dans le premier degré" title="main" /> Le numérique dans le premier degré <img src=" alt="éduthèque" title="logo-&eacute;duth&egrave;que-2016" /> éduthèque

Débuter avec HTML + CSS Ce court tutoriel est destiné à ceux qui commencent à utiliser CSS et n'ont jamais écrit de feuille de style CSS. Il n'explique pas CSS en profondeur. Il explique comment créer un fichier HTML, un fichier CSS et comment les faire fonctionner ensemble. Après cela, vous pourrez lire d'autres tutoriels afin d'ajouter plus de caractéristiques à vos fichiers HTML et CSS. Ou bien vous pouvez utiliser un éditeur HTML ou CSS afin de mettre en place des sites complexes. A la fin de ce tutoriel, vous aurez fait un fichier HTML qui ressemble à cela: Page HTML résultante, couleurs et disposition effectuées avec CSS. Notez que je ne prétends pas que c'est joli :) Voici un exemple de section optionelle. Etape 1: Le langage HTML Pour ce tutoriel, je vous recommande d'utiliser des outils simples comme Blocnote (Windows), TextEdit (Mac) ou KEdit (KDE). <! En fait, vous n'avez pas à le taper: vous pouvez le copier et coller depuis cette page Web dans votre éditeur. Etape 2: Ajouter de la couleur <! En savoir plus

Adobe Comet : mockup, wireframes et animations de prés' en un seul outil En ce moment a lieu à Los Angeles la première Keynote d’Adobe Max du 3 au 7 octobre et qui permet de découvrir les nouvelles évolutions et projets de la marque. Depuis ce début de semaine, vous avez peut-être croisé des articles sur ce nouveau logiciel annoncé lors des conférences. On vous propose de revenir également sur le projet de Adobe Comet, mais de faire un petit tour de l'existant dans le domaine du prototypage et les enjeux sur le web. Comet - Un projet prometteur pour 2016 Adobe a annoncé le lancement de son nouveau logiciel Comet qui va permettre de réaliser vos wireframes, maquettes et vos animations de présentation, le tout réuni dans un même outil. Découvrez une présentation de l'outil Comet en vidéo : Quel avenir pour les maquettes en web design Ces derniers mois, on voit clairement la tendance des animations et des prototypes prendre de l'ampleur sur le web. L'ensemble de ces projets peut remettre en question l'utilisation de Photoshop pour la réalisation de maquettes.

Codes Couleur HTML

Related: