Méthode Daisy : les CSS feuille à feuille Bienvenue chez vous ! C’est le bazar, n’est-ce pas, dans votre code CSS ? Le CSS ? Voulez-vous vraiment continuer à coder chaque projet à partir de zéro ? Beaucoup se demandent alors s’il ne vaut pas mieux adopter un « framework CSS ». Mais c’est quoi, concrètement, un framework CSS ? Cependant ils restent peu utilisés : il semble que guère plus de 40 % des projets soient développés à l’aide d’un framework CSS [1]. Parce qu’il y a une certaine réticence à adopter un code qui n’est pas le sien, un temps d’apprentissage considéré comme trop important avant d’arriver à une bonne maîtrise, parce que certains considèrent que les frameworks imposent un carcan trop contraignant qui uniformise les sites et bride la créativité et d’autres en jugent le code rédhibitoirement non sémantique... et aussi parce qu’on ne sait pas lequel choisir parmi les frameworks disponibles. Je vous propose plus simple : exploiter l’existant ! Prenons par exemple, l’une de ces feuilles de style longue comme le bras.
Approche Théorique du Webdesign Heather (Thomas Vuillermet) explique quelques bases du webdesign dans un tutoriel théorique. Bonjour à tous, voilà un petit dossier pour vous parler de méthodologie et de théorie, en matière de webdesign. Je pense que si vous en êtes à lire ceci, c’est que le domaine vous intéresse et que vous avez pu observer durant de longues années les sites web sur lesquels vous êtes tombés. Je ne prétends pas être expert en la matière, loin de là , simplement, il y a 2-3 ans, un tutoriel de ce style m’aurait été d’une grande aide. Un point sur vous. Le webdesign est un métier, et il est très important de prendre l’approche qu’il faut avec ce mot là . Un point sur le Design Design veut dire « concevoir, réaliser ». Et aujourd’hui, les communautés graphiques, les écoles, les magazines, ont tendance à « donner » une technique plutôt poussée pour apprendre à maitriser des logiciels, mais très peu abordent le sujet de la simplicité du message et de sa mise en forme. Le contenu L’arborescence Le Zoning
Formation video Dreamweaver, Dreamweaver Tutorial , cs6, cs5, cs4, cs3, Photoshop, Flash avec se-former-seul KissKissBankBank — Soutenons la création ensemble ! CSS Débutant : Tutoriels CSS Boutons CSS Le bouton élegant qui change d'aspect au passage de la souris est très utilisé sur les pages web. Longtemps, la majorité de ces boutons étaient animés par un javascript ou pire (car plus lourd) par un applet java. Avec les CSS la légèreté et la simplicité est de mise pour créer de beaux boutons. Plusieurs images de fond Grâce à la propriété background-image, il est très facile de mettre une image de fond dans le corps (body) d'une page web. Pour pouvoir mettre plusieurs images de fond, il faut définir des cadres (des div) auxquels on attribuera une image chacun. Coins arrondis Pour réaliser des blocs (menus ou autres) avec des coins arrondis, il existe principalement trois méthodes en CSS, qui offrent plus ou moins de fluidité et de possibilités graphiques. Créer des coins arrondis avec une seule image, coulissante en hauteur et en largeur, permet une certaine liberté graphique et s'adapte à un design fluide. Zoom d'image Vignettes (Thumbnails) Tableaux à bordures fines Et bien si !
Ulule - Donnez vie aux bonnes idées Méthodologie pour résoudre les problèmes d'affichage en CSS Suite au billet qui présentait un récapitulatif des moyens pour faire un site compatible sur tous les navigateurs actuels, voici à présent une petite méthodologie pour résoudre rapidement une grande partie des bugs d'affichage pouvant survenir avec les mises en page en CSS. Cette méthodologie se veut concise et se résume en trois étapes : isoler (le ou) les éléments problématiques, identifier l'erreur, et enfin, résoudre le bug. Isoler l'élément problématique Un bug d'affichage est dû en général à des incompatibilités de navigateurs ou des marges (margin, padding) par défaut différentes selon les navigateurs. La première étape à suivre est d'isoler l'élément ou les éléments qui ne se comportent pas comme vous l'aviez prévu. Ajout de couleur de fond Actuellement, la très grande majorité des sites web est structurée à l'aide des balises <div>, <table>, <hn>, <p> et <ul>. Cette étape permet également de localiser les éventuels problèmes de fusion de marges. Masquer les éléments un par un
Boutique en Bohème Installer WordPress en local avec XAMPP - Tutoriel WordPress Comment installer WordPress localement, chez soi, bien au chaud, pour pouvoir s’essayer au CMS le plus célèbre du monde, et enfin mettre les mains dans le cambouis sans se faire mal ? Il ne s’agit pas de refaire le monde ni de la page vue à outrance, mais de répondre à la question de David, auteur du blog en stratégie bancaire et finance : Culture Banque. A vos clavier et souris, cinq minutes vous suffiront, montre en main. 1. Télécharger XAMPP Il est nécessaire avant toute chose de récupérer XAMPP, un petit utilitaire pas piqué des vers, qui vous permettra de faire tourner un serveur web en local, sur votre propre machine, en utilisant Apache et MySQL. 2. Une fois l’installateur rapatrié chez vous, lancez ce dernier en double-cliquant dessus et choisissez la langue d’installation entre « Anglais » et « Allemand ». Contrôle du compte de l'utilisateur - UAC - désactivé Pressez OK puis validez les différentes étapes d’installation du logiciel. Choix du dossier de destination 3. Sécurité XAMPP
Le Guide Ultime de Pinterest pour votre Site Ecommerce Cet article est le seul mode d’emploi Pinterest qu’il vous faut pour devenir les rois du e-commerce grâce à Pinterest. Cet article va vous livrer tous les bons filons pour faire parler de votre boutique en ligne sur Pinterest et surtout pour rassembler un maximum de fans autour de votre marque. Il ne suffit pas de vendre de beaux produits et d’avoir un site e-commerce bien conçu, il faut savoir les mettre en valeur et leur donner de la visibilité. Pinterest vous y aidera, à condition de bien vous en servir. Let’s do it ! Pinterest Qu’est ce c’est ? Pinterest est un tableau d’affichage virtuel. Les utilisateurs peuvent épingler des photos d’objets, de gens, des vidéos, des recettes… Tout ce qui vous plaît sur internet peut être épinglé sur votre tableau : on appelle d’ailleurs ces images des “épingles” ou des “pins” dans le jargon de Pinterest. Pinterest Comment ça Marche ? C’est la fonction de réseau social qui est vraiment intéressante chez Pinterest. N’ayez pas peur de vous montrer.
La suite marketing web - mobile - social pour TPE/PME Que vous soyez un gîte / chambre d’hôte, une location meublée, un camping, un hôtel, un restaurant ou même un professionnel des loisirs ou de la beauté, vous êtes déjà sûrement référencé sur les OTA et équivalents (Booking, Expedia, Lafourchette…) les metas search (Google Hotel Finder, Trivago, Kayac…) annuaires (labels, office de tourisme, Pages Jaunes, Yelp…). Vous vous demandez donc quel intérêt il y a, à mettre à jour votre site ou à consacrer une partie de votre budget et de votre temps pour le refaire au goût du jour… D’autant plus lorsque vos réservations proviennent des sources citées plus haut ! 1. La réponse est simple : Un internaute visite en moyenne 28 sites avant de réserver son voyage. Parmi ses sites doit donc figurer votre site web pour capter le client le plus tôt possible dans son parcours ! Dans le parcours d’achat d’un internaute celui-ci tape sa recherche dans Google (par exemple hôtel Perpignan pas cher). 2. Cela nous amène à parler de référencement ! 3. 4. 5.