background preloader

CREATION DE SITE

Facebook Twitter

26 Incredible Resources Every Designer Should Know. How do you create good design? The difference between success and failure is often as simple as having the right resources. We’ve rounded up 26 of our favorites, from Photoshop plugins, to UI elements, free imagery and mockup graphics. Use these tools to work smarter, faster and create good things along the way. 1) Textures From brick and concrete, to ornaments and landscapes, the thousands of free stock images at Textures has you covered for any project. 2) Adobe Color CC Previously called Kuler, this fantastic web app will let you quickly create a custom palette using a number of different color rules. 3) Colour Lovers At a loss for what color to palette to choose? 4) Fribbble Tons of free PSD downloads and resources curated by Gilbert Pellegrom. 5) Gridzzly Need some graph paper but don’t want to hit the shop? 6) GuideGuide Using guides in Photoshop can be a real hassle. 7) What the Font!

Seen a font in use and want to know what it is? 8) Typewolf Looking for good font parings? 9) Velositey.

MAGENTO

5 sources d’inspiration pour la création d'un site web. Trouver un nom pour son site Si vous comptez (par exemple) lancer un site web qui parle de musique, vous vous doutez bien que les noms de domaine music.com et music.net sont déjà pris depuis longtemps. Une idée serait de trouver un nom assez original pour son site, avec le nom de domaine qui va avec. Et justement, il y a des applications sur le web qui vous aident à trouver des noms de site dont les noms de domaine correspondant sont encore disponibles. C’est le cas de Naminum. Dans le test que j’ai fait, j’ai saisi « Music ». Après avoir travaillé le mot, le site me retourne un large choix de noms dérivés de celui-ci. Bien entendu, les noms de domaine qui correspondent à « Music » ne sont plus disponibles. En revanche, j’ai trouvé le nom « Musicways » assez charmant et justement, après avoir cliqué sur celui-ci, on m’informe que le nom de domaine Musicways.net est encore disponible.

Un peu d’inspiration pour le design Trouver des icônes (ou s’en inspirer) Comment ça marche ?

UX

30 webdesign de e-commerce pour booster l'inspiration. Amis webdesigners et e-commerçants, découvrez une sélection de 30 webdesigns e-commerce vraiment magnifiques pour booster votre inspiration. Vous trouverez de nombreuses idées permettant d’engager l’utilisateur, faciliter la navigation du site et mettre en valeur le produit. Une vraie source d’inspiration, tant sur les idées graphiques et techniques, que sur les produits mis en vente. J’espère que cette sélection va vous inspirer et vous motiver à démarrer une aventure e-commerce ou à faire évoluer votre boutique en ligne.

N’hésitez pas à demander des devis à nos spécialistes e-commerce sur Codeur.com et à partager l’article sur les réseaux sociaux. Si vous souhaitez apparaître dans les prochaines sélections de Codeur.com, n’hésitez pas à m’envoyer l’adresse de votre e-commerce via le formulaire de contact. Comme des papas Nixon Monsieur mishiba PikiBox Corum.ch Baremade.com Catalyst-activewear Alfredogonzales Versaudio 450gsm Purefixcycles Helbak Unclegoose Bonobos Tracksmith Leaderbagco Metidesign P&Co.

WIREFRAME

Account Manager chez Solucom | Vidéo métier JobTeaser. Thème WordPress gratuit : comment choisir le thème parfait pour vous ? Avec près de 3000 thèmes disponibles sur WordPress.org à l’heure actuelle, nous avons l’embarras du choix quant à la sélection du thème à utiliser pour un site. Mais dans ce choix pléthorique ne se cachent qu’une minorité de thèmes de qualité. Alors comment distinguer les thèmes parfaitement optimisés pour votre site ? Nous allons essayer de vous donner les clés pour faire le bon choix et vous donner les moyens de construire votre site sur des bases solides. Thèmes gratuits VS thèmes Premium Nous allons nous concentrer, au travers de ce billet, sur le choix d’un bon thème gratuit.

Mais pour commencer, élucidons tout de même, très brièvement, la question du gratuit vs premium. Soyons honnêtes, la majorité des thèmes Premium sont payants car ils sont plus aboutis que les versions gratuites, plus travaillés. Cependant, mieux vaut un bon thème gratuit qu’un mauvais thème payant. Citons notamment une sélection succincte de thèmes gratuits performants : Comment choisir son thème WordPress ? Prestations graphiques ou de web design : monter un dossier de sélection. Vous souhaitez faire appel à des prestataires (agences, freelance) pour concevoir votre plaquette ou le web design de votre site Internet ? Je vous propose quelques critères objectifs pour sortir du J’aime/J’aime pas. Nous avons plus de facilité à oublier nos préférences pour acheter une prestation de développement informatique.

Dès lors qu’on parle de design, beaucoup d’entre nous se raccrochent plus ou moins consciemment à leurs goûts personnels. Faute de savoir poser les bonnes questions, nous avons tendance à laisser s’exprimer notre subjectivité. Cette tendance est naturelle et ne doit pas être ignorée, tout comme le feeling qu’on peut avoir ou non avec un interlocuteur. 1 brief = 1 proposition Cette simple équation vise à rappeler l’écueil à éviter : envoyer un brief en leur demandant trois propositions. Dossier de sélection Ce que vous pouvez demander pour éclairer votre choix Qui et quoi ? Comment et quand ? Par rapport à votre projet La version à emporter Lire aussi par ici. Raccourcis Photoshop - GRAPHORAMA.net. Outil pour tester un site responsive - Human Coders Forum. 11 important database designing rules which I follow. Table of Contents Courtesy: Image from Motion pictures Introduction Before you start reading this article let me confirm to you I am not a guru in database designing.

The below 11 points are what I have learnt via projects, my own experiences, and my own reading. I personally think it has helped me a lot when it comes to DB designing. Any criticism is welcome. The reason I am writing a full blown article is, when developers design a database they tend to follow the three normal forms like a silver bullet. If you are new to normalization, then click and see 3 normal forms in action which explains all the three normal forms step by step. Said and done normalization rules are important guidelines but taking them as a mark on stone is calling for trouble. Rule 1: What is the nature of the application (OLTP or OLAP)? When you start your database design the first thing to analyze is the nature of the application you are designing for, is it Transactional or Analytical. Cargo - Gallery. Création de site Web : un projet informatique comme un autre. Par Nicolas Odet, Directeur du pôle Services, Directeur du Marketing et de la Communication, Hardis Nicolas Odet, Hardis Un projet porté par le service marketing et communication… et la DSI Dans la quasi-totalité des projets informatiques d’entreprise, la responsabilité est partagée entre la direction générale ou métier (RH, finance, ventes, logistique…), qui se charge de l’expression fonctionnelle des besoins (maîtrise d’ouvrage ou MOA), et la DSI, qui s’occupe -en interne ou accompagnée d’un prestataire- du développement, de l’intégration dans le SI ou du paramétrage de l’application (maîtrise d’œuvre ou MOE).

Le site Internet de l’entreprise devrait logiquement bénéficier du même traitement, avec d’une part la direction marketing et communication, dont le site est l’un des outils de travail, et d’autre part la DSI. Pourtant, c’est encore loin d’être systématiquement le cas. Créations ou refontes de site Web : des projets plus complexes qu’il n’y paraît A propos de Nicolas Odet. Agence SEO à Paris : Référencement & Création Web sur mesure - Numastick Web Factory. Non, WordPress ne sert pas qu'à faire des blogs, et je vous le prouve! Note : Cet article a été publié en février 2013, certaines choses peuvent avoir changé depuis. 3inShare Que des blogs ? Pardon ?! Cela a le don de me faire dresser les cheveux sur la tête (même s’ils ne sont pas très longs).

Sérieusement, êtes-vous encore persuadé que WordPress ne sert qu’à créer des blogs ? Si oui, nous allons devoir discuter. Besoin d'un thème WordPress français ? Et si ce n’est pas le cas, faites moi plaisir : une fois que vous aurez lu cet article, envoyez le à un hérétique :) Cette réputation de CMS pour blogs lui colle toujours à la peau, pourtant les pages statiques ont été introduites dès la version 1.5 en 2005. Note : CMS est l’acronyme pour “Content Management System”. En 2013, WordPress a pris du muscle. 3 fonctionnalités clés qui font de WordPress un véritable CMS Les custom post types Les customs post types vous permettent de pouvoir créer des éléments du type que vous désirez.

Vous avez un site de recette, publiez des recettes. La gestion des utilisateurs Alex. 20 Nouveaux Thèmes WordPress Gratuits pour 2013. Note : Cet article a été publié en octobre 2013, certaines choses peuvent avoir changé depuis. Cela faisait un bout de temps que je vous en parlais et bien mon nouvel article listant 20 thèmes WordPress gratuits est là. Il vient d’ajouter aux 10 autres articles de ce blog sur le sujet. J’ai essayé de vous trouver ce qu’il se fait de mieux à l’heure actuelle. Avec les thèmes de cette nouvelle sélection, vous pourrez mettre en place toute une variété de sites sans dépenser un sou (enfin je ne compte pas l’hébergement). Après, il y a le revers de la médaille.

Tous les thèmes de cet article ont été passés au crible afin d’être certain qu’ils ne contenaient pas de code malicieux. Avant de partager mes trouvailles avec vous, je veux vous parler d’un projet sur lequel je suis en train de travailler. En plus de Relooker son Theme, je travaille depuis quelques semaines sur un projet qui risque de faire parler de lui. Passons maintenant à notre sélection. Allez, j’ai terminé de discuter. WordPress : le best of, made in France. Lancé aujourd’hui, WP de France entend tordre le cou aux idées reçues et nous proposer une sélection des meilleurs sites français créés sous WordPress. Le moteur qui équipe plus de 50% des sites web dans le monde garde encore l’étiquette d’une plateforme de blogs.

Alex, le sympathique blogueur qui nous déniche régulièrement des thèmes WordPress de qualité sur WP Themes Pro, a décidé de prendre le taureau par les cornes et d’exposer les plus belles réussites sous WordPress du web français. Le bougre n’en est pas à son coup d’essai puisqu’il avait déjà publié un billet sur des sites très réussis dont on ne soupçonnerait pas qu’ils ont été réalisés sous WordPress.

Alex va au bout de ses idées avec WP de France qui compte déjà quelques pépites : je vous invite à les découvrir sans plus tarder. Mes favoris : Garance Doré, Tony Parker, tous deux réalisés par l’excellente agence Colorz. La galerie WP de France Lire aussi par ici WordPress : une infographie pour fêter ses 10 ans Profil Google+ WordPress : Tutos, Plugins & Astuces. WordPress : une infographie pour fêter ses 10 ans.

WordPress fête ses 10 ans et MarketPress lui dédie en guise d’hommage une infographie-rétrospective. La première partie fait un état des lieux sur l’usage de WordPress. Sur les 66% de parts de marché, il faut noter que ce chiffre concerne le Top 1 million (si on peut dire) des sites Internet. Selon Builtwith, si on ne prend en compte « que » le Top 10000, la part de marché descend à 52%.

Même si ces chiffres restent sujets à caution, WordPress domine largement le marché des CMS. La deuxième partie raconte les évolutions de WordPress. Vous remarquerez qu’une fonction a priori secondaire (Ping-o-matic) est arrivée après le Rich-Text ! Source : WordPress becomes 10 – let’s celebrate with a free Infographic and Prizes!

Lire aussi Auteur : Chob Passionné par le digital sous toutes ses formes : médias sociaux, web design, emarketing, outils utiles, blogging, open data, dataviz... 504 articles, certains bons, d'autres moins ;-) Profil Google+ Create Your Free Website | Wix.com. Où trouver des images gratuites et libre de droits pour votre communication. Vous comprenez donc pourquoi il est important de trouver une image libres de droits pour habiller vos publications… Dans cet article et vidéo, je vous propose de trouver vos prochaines images libres de droits gratuitement.

Pour cela j’utilise le réseau social FLICKR et son moteur de recherche d’images libres de droits commerciaux (Retrouvez l’ancien lien ici). Ces droits sont en fait des licences de type Creative Commons qui vous confères certaines permissions d’utilisation dont celle d’utiliser le supports trouvés pour votre communication commerciale… Génial non ? Par ailleurs, cet outil est d’autant plus puissant, qu’il vous permet d’organiser et de sauver vos recherches pour gagner du temps. Ahhhh qu’est-ce que j’aime FLICKR Aller, je vous laisse découvrir ma petite formation en ligne dans cette vidéos de quelques minutes. Au passage, dites-moi ce que vous en pensez et en quoi cela va pouvoir vous aider Les derniers posts sur le community management par jeremy.boye. Recette (informatique) Un article de Wikipédia, l'encyclopédie libre.

Pour les articles homonymes, voir Recette. Cette étape implique, en la présence effective des différents acteurs du projet, maitrise d’œuvre et maitrise d'ouvrage, le déroulement rigoureux de procédures de tests préalablement décrits, et l'identification de tout écart fonctionnel ou technique. La procédure de recette se déroule en deux étapes principales : la recette usine ;la recette utilisateur.

Si la première étape a lieu chez le fournisseur, la deuxième se déroule en revanche généralement dans les locaux et avec les infrastructures du client. La recette usine comprend tous les tests réalisés chez le fournisseur, avant la livraison. D'un point de vue maîtrise d'ouvrage, la recette-usine correspond à une période de quelques jours pour valider que la livraison correspondra à sa commande. Chargée de contrôler les caractéristiques techniques du produit livré, la recette technique regroupe les tests suivants : Portail de l’informatique.

Carousel | Twitter Bootstrap 2.0.4. BootTheme : Web Designer and Theme Generator for Twitter Bootstrap. Bootswatch: Free themes for Twitter Bootstrap. Lavish - Generate your own Bootstrap color scheme. Kickstrap: Bootstrap with apps, themes, and extras. Graphical Bios. Stunning. Simple. | Vizify. Le site de Carla Bruni-Sarkozy : anatomie d’une cybercatastrophe. Depuis deux jours, ça trolle assez sec sur Twitter au sujet du site web de Carla Bruni-Sarkozy. A l’origine, un rapport de la Cour des comptes [PDF], et un article publié sur Politique.net, qui révèlent que le site de l’ancienne première dame aurait coûté 410 000 euros au contribuable. A ce prix-là, on s’attend naturellement à une véritable merveille, d’une qualité de code irréprochable, d’un design somptueux, d’une horde de hackers chinois qui met à jour le site toutes les heures… Bref, quelque chose de bling-bling et bien vivant.

Je suis donc naturellement allé jeter un œil, et assez rapidement, j’ai pu prendre la mesure de la catastrophe. Capture d’écran de la page d’accueil du site de Carla Bruni Un site « cheap » et trois surprises Making Of Olivier Laurelli, alias Bluetouff, est un hacker, cofondateur du site Reflets.info, spécialiste bien connu de la sécurité des communications. Car, c’est une autre surprise de taille, le WordPress n’est techniquement pas maintenu. Une base moisie. La typographie du web - la typographie et HTML. Le blog de tonton intégrateur » Typographie : l’unité de valeur REM, le futur standard ? De nos jours, les intégrateurs utilisent pour la grande majorité 2 unités de valeurs pour les fonts : le pixel et l’em. Chacune de ces unités comprend son lot d’avantages et d’inconvénients.

CSS3 apporte une nouvelle unité de valeurs : le « rem ». Sommaire 1) L’unité de valeur pixel Le pixel est l’unité de valeur la plus simple à mettre en place lorsqu’on se lance dans l’intégration d’un site. Seulement, l’utilisation des pixels pour la taille de la typo est déconseillée! Cependant, je pense qu’il ne faut pas trop se prendre la tête avec ça. Exemple d’initialisation de la typo avec les pixels Avantages Logique par rapport au support d’affichage Simplicité de mise en place Inconvénients Pas de redimensionnement sous IE 2) L’unité de valeur em L’em est l’unité de valeur la plus conseillée pour le développement des sites web, elle règle l’inconvénient du pixel : elle se redimensionne sour IE! Pourquoi 62,5% ? Exemple d’initialisation de la typo avec em Rendu en pixel Ceci est un test de Typographie.

Online Photo Slideshow - Balance Template Demo with Blast effect. WordPress.com — Créez un blog gratuit ici. Domaine favori (avec ou sans www) - Centre d'aide Outils pour les webmasters. Référencement et Domaine favori: pourquoi et comment? Responsive web design, une réelle opportunité.

A lire - A voir.

FRAMEWORK

HEBERGEURS. LANGAGES PROGRAMATION. GRAPHISME. ERGONOMIE. SELECTION SITE OF THE DAY.