background preloader

Tuto Photoshop : Créer un webdesign de qualité avec Photoshop

Tuto Photoshop : Créer un webdesign de qualité avec Photoshop
Étape 1 : Création du .psd et mise en place des règles Je crée un document de 1400x1450, résolution 72 pixels/pouce. Je place ensuite deux règles à 220px et 1180px, dans le sens de la largeur. Étape 2 : Header + Carousel Commencons à créer ce webdesign, je place une règle à 450px dans le sens de la hauteur. Je crée un nouveau calque, sélectionne toute la partie supérieure à la règle que je viens de créer et rempli la sélection de gris foncé (#333333). J'ajoute du grain à ce fond, c'est très simple : je duplique le calque que je viens de remplir de gris, je le sélectionne pour faire : Filtre > Bruit > Ajout de bruit (Quantité : 25%, Répartition : Uniforme), puis Image > Réglages > Désaturation [Maj + Ctrl + U], je passe mon calque en "Densité couleur -" et je diminue l'opacité à 50%. Je ne m'attarde pas sur le logo dans ce tutoriel, un simple texte suffira. Le menu est simpliste lui aussi, il ne s'agit que d'un texte, seul le hover sera différent. Étape 3 : Content Étape 4 : Footer Related:  Tutoriels, Formations, conseils utiles, bonnes pratiques etc

Installation de WordPress 3.0 Multisite avec option sous-domaines : tutoriels, conseils, problèmes et solutions « Bloody Marie Comme je vous en parlais il y a quelques jours, j'ai profité de la configuration de mon nouveau nom de domaine pour mettre en place la fonctionnalité multisite de WordPress. Le principal intérêt étant, avec une seule installation de WordPress, de gérer plusieurs sites/blogs. Ainsi, à chaque mise à jour de WordPress, vous n'aurez plus qu'une seule mise à jour à faire ! Youpiii ! 8) Personnellement, je gère plusieurs sites depuis des années, mais j'ai toujours un peu rechigné à faire mes backups FTP + SQL pour chaque mise à jour de WordPress, d'autant plus que cette manœuvre devait être répétée trois ou quatre fois (une pour chaque site) et prenait un temps fou. Dès que WordPress 3 est sorti, j'ai consacré un week-end à l'installation et au bidouillage de la fonctionnalité Multisite. Installation d'un WordPress multisite NB : personnellement, j'ai installé WordPress multisite avec l'option « sous-domaines » ; c'est donc de ce cas dont je vais parler dans ce billet. Les tutoriels utiles

The Makings of a Great Logo - BOLD by Pixelapse Your company's logo is the fundamental foundation to your business branding. It is probably the first interaction that you will have with your customers. An effective logo can establish the right tone and set the proper ethos. After years of crafting logos for different projects, I've come up with a set of questions that I always ask myself before delivering a new logo. Above all design guidelines, the most important criterion is whether the logo reflects the character of the company. The emotions that the logo evoke should be appropriate to the company values. Designers should understand the psychology of colors and the effect that typeface has on the design of a great logo. Behind every great logo is a story. A great logo is not about slapping your business name on a generic shape, which is why choosing from ready-made logos is a poor idea. How will the logo look in 2, 10, 20 years' time? A good way to test the logo is to let it 'sit' with you for a while before releasing it.

Comment créer un site internet avec Wordpress, le guide complet! CSS Tutorial Recruiting a Designer? Here's What You Should Know - BOLD by Pixelapse Design is a rather broad and vague term. When someone says "I'm a designer", it is not immediately clear what they actually do day to day. There are a number of different responsibilities encompassed by the umbrella term designer. Design related roles span many industries, ranging from industrial design (e.g. cars, furniture) to the traditional print industry (e.g. magazines, publications), to the new media tech industry (e.g. websites, mobile apps). With the relatively recent influx of tech companies focused on creating interfaces for screens, many new design roles have emerged. Job titles like UX or UI designer are confusing to the uninitiated and unfamiliar even to designers who come from other industries. Let's attempt to distill what each of these titles really mean within the context of the tech industry. UX designers are primarily concerned with how the product feels. "Define interaction models, user task flows, and UI specifications. You might hear them say this in the wild:

6 Etapes Pour Créer un Site avec WordPress en Toute Simplicité Vous disposez maintenant d’un nom de domaine et d’un hébergement web. Les choses sérieuses vont enfin pouvoir commencer ! Note : Je vais vous montrer pas à pas comment installer WordPress. Mon hébergeur étant 1&1, les captures d’écran seront donc issues de cet hébergeur. Télécharger WordPressCommençons par le commencement. <img class="aligncenter size-full wp-image-6826" title="Permaliens Site WordPress" alt="Permaliens Site WordPress" src=" width="560" height="303" /> J’ai rédigé il y a quelques temps un article invité sur le blog GeekPress pour indiquer quelques méthodes afin de renforcer la sécurité d’un site sous WordPress.Je vous conseille vivement d’aller lire mes “7 Conseils pour Sécuriser WordPress et Eviter que ce soit un Véritable Gruyère“, on est jamais trop prudent.

30 hacks PHP pour WordPress 3 Pas de moins de 30 astuces PHP figurent dans cette liste pour modifier WordPress à votre convenance. 30 hacks à partager entre fans de WordPress bien entendu ! #1 – Créer des custom post types avec WordPress Les custom post types de WordPress vont nous permettre de créer des types de contenu sur-mesure associant une taxonomie particulière. Différent d’un modèle d’article – bientôt implémentés dans WordPress 3.1, l’usage des custom post types est de plus en plus répandus pour des sites professionnels. #2 – Comment changer la fréquence de sauvegarde des brouillons de WordPress Lors de la création d’un nouvel article ou d’une page sous WordPress, ce dernier enregistre automatiquement un brouillon toute les 60 secondes. #3 – Supprimer le /blog des permaliens de WordPress 3.0 multi-site Le mode multi-site introduit sous WordPress 3.0 vous permet de créer des sites à la chaîne. #4 – Afficher un compteur de vues dans vos articles WordPress #10 – Créer une page de contact sans plugin avec WordPress

Tutoriel Vidéo Divers Avocode Lorsque l'on fait de l'intégration on est souvent obligé de travailler avec des fichiers PSDs qui nécessitent l'utilisation Photoshop. Le principal problème de ce logiciel est qu'il est conçu pour le traitement photo plutôt que le Webdesign. Inspecter les propriétés des calques et exporter les assets et loin d'être pratique. Certains designers ont même sauté le pas et utilisent maintenant Sketch plus adapté au webdesign. Le principal problème est alors l'accès au logiciel qui ne fonctionne que sur MacOS. Retour au Source Pour vous aider dans votre travail Source a commencé par développer des plugins pour Photoshop comme CSSHat qui permet d'obtenir le CSS correspondant à un calque. Avec Avocode Source propose une solution plus complète afin de pouvoir se passer de Photoshop et Sketch. Une interface travaillée La première chose qui saute aux yeux lorsque l'on ouvre Avocode c'est le travail qui a été fait sur l'interface. Avocode vs Adobe Extract

Grooveshark Shortcode Change Okay, grooveshark's embed code appears to have changed. I've been using it to embed songs on wordpress.com for some months, but today I went to embed a new one, and it's all different and I'm not sure how to convert it now. Here's an example: The blog I need help with is southerngospelyankee.wordpress.com. Webdesign Tutoriaux .com Guide : Écrire mon Premier Article avec WordPress Vous débutez avec WordPress ? Voici un article parfait pour vous, comment créer un article avec WordPress ? Nous parlons ici d’une fonctionnalité de base de WordPress, celle d’ajouter du contenu à votre site internet, autant maitriser la question tout de suite. Écrire son premier article n’étant pas juste écrire des mots dans une fenêtre, nous verrons en détail dans ce guide débutant WordPress tout ce qu’il faut savoir pour bien faire les choses dès la première fois. Le mot de guide n’étant pas utilisé au hasard, le contenu de cette page est complet. Nous traiterons dans ce guide d’utilisation la différence entre pages et articles ,ce qu’il faut installer avant d’écrire son premier article et comment l’écrire, ce fameux premier article avec WordPress. Lorsqu’on parle de contenu avec WordPress on pense tout de suite à un billet de blog, mais WordPress vous propose aussi de créer des pages. Aucune, tous les deux sont une manière de créer du contenu pour votre site. Mais pas que !

Related: