background preloader

Web Design

Facebook Twitter

Mail Design

Trends. Responsive. Outils. UX - User Experience. Websites to explore. 9 Graphic Design YouTube Channels You Need To Subscribe To. YouTube is the greatest resource of audio-visual knowledge to date.

9 Graphic Design YouTube Channels You Need To Subscribe To

I’m guilty of browsing the weird recesses of Youtube sometimes and I’m pretty sure you are too. But within the grunge and grime that are cat videos, exploding whales and kids who like turtles, there are hidden gems that you can find within the trough. Untitled. How to Use Ghost Buttons Effectively. Un problème de vignette ou de miniature dans vos liens partagés sur Facebook ? Avoir une image (une vignette, une miniature) à mettre en avant lorsque l’on partage un lien sur Facebook est une plus-value incontestable.

Un problème de vignette ou de miniature dans vos liens partagés sur Facebook ?

Elle attire l’œil de l’internaute, elle met en valeur notre sujet et, atout non négligeable, elle permet d’occuper plus d’espace dans les fils d’actualités de nos lecteurs. Savoir la dimensionner, la cadrer, la paramétrer est donc indispensable. Tour d’horizon des astuces et techniques à notre disposition. Sommaire Principe d’une miniature Facebook. 7 Amazing Website Layout Design Tools - Image by keoshi via Flickr The art of creating a captivating website design is one of skill, efficiency, and precision.

7 Amazing Website Layout Design Tools -

When it comes to website layout and design, seasoned web design professionals work smart, not hard. In order to accomplish award winning WordPress web design, designers will often turn to helpful website design and layout tools which are available on the internet to do much of the heavy lifting. That is not to say that these tools do all the work; they merely make it easier. Unités CSS: em, px, pt, cm, in… Em, px, pt, cm, in… CSS offre différentes unités pour exprimer les dimensions.

Unités CSS: em, px, pt, cm, in…

Certaines proviennent de la typographie, comme le point (pt) et le pica (pc), d'autres sont connues pour leur usage quotidien, comme le centimètre (cm) et le pouce (in). Et il y a également une unité "magique" inventée spécifiquement pour CSS: le pixel px. Est-ce que cela signifie que différentes propriétés nécessitent différentes unités ? Non, les unités n'ont rien à voir avec les propriétés, mais avec le média de sortie: écran ou papier.

Il n'y a pas de restriction à utiliser telle unité à tel ou tel endroit. CodePen - Front End Developer Playground & Code Editor in the Browser. Web Design & Prototype in Affinity Designer & Marvel App. Jardin Zen CSS : La beauté de la conception CSS. Alors, de quoi s'agit-il ?

Jardin Zen CSS : La beauté de la conception CSS

Il faut sans cesse montrer la puissance de CSS. Le Jardin Zen vise à exciter, inspirer et encourager la participation. Pour commencer, regardez quelques designs présents dans la liste. Cliquer sur l’un d’eux appliquera son style sur cette page. Le code HTML reste le même, seule la feuille de style externe change. Les CSS permettent un contrôle total de la mise en forme d’un document hypertexte. Participation Notre objectif a toujours été de promouvoir les designs de qualité. Vous pouvez modifier la feuille de style comme bon vous semble, mais pas le code HTML. Téléchargez les fichiers d’exemple HTML et CSS pour travailler sur une copie locale. Avantages Pourquoi participer ? Conditions. Tarifs - WebKrea - Création site Internet Brabant WallonWebKrea – Création site Internet Brabant Wallon. Vous trouverez ci-dessous les tarifs pour des sites vitrine (avec ou sans gestion de contenu) ainsi que pour certains autres postes (adwords, logo et cartes de visite).

Tarifs - WebKrea - Création site Internet Brabant WallonWebKrea – Création site Internet Brabant Wallon

En fonction de votre demande, n'hésitez pas à nous contacter (par mail : thierry@webkrea.be ou par téléphone au 0479 73 97 88) pour discuter de votre projet et nous vous enverrons un devis personnalisé (gratuit). Site Internet vitrine la création du site web (jusqu'à 10 pages),la création du visuel personnalisé,l'insertion de photos,l'intégration d'un formulaire de contact,l'optimisation pour le référencement naturel,l'enregistrement du nom de domaine (.be, .com, .net, .biz, .org) pour une année (offert la première année),l'hébergement des fichiers sur un serveur pour une année (offert la première année),la création des adresses email,un outil de statistiques des visites sur votre site (Google Analytics),une copie des fichiers créés.

Site Internet gestion de contenu * Webkrea complètera une quinzaine de pages. L'autocomplétion. À moins que vous ne vouliez écrire toutes les listes de suggestions à la force du poignet, vous devrez tôt ou tard automatiser leur création.

L'autocomplétion

Vous avez plusieurs solutions qui s'offrent à vous : soit vous utilisez une source externe à votre site web, qui contient déjà une liste de ce dont vous avez besoin (liste de villes, de pays, de prénoms, etc), soit vous devez traiter la requête directement grâce à AJAX. En général, les recherches sur les sites web sont stockées en base de données. Les plus pertinentes sont gardées, ou sont traitées directement dans le script, puis sont affichées dans notre plugin d'autocomplétion. Nous allons apprendre à utiliser ces systèmes, et plus encore, à les réaliser. Récupérer des données depuis un service externe à votre site web Certains services, de géolocalisation notamment, mettent à disposition des développeurs des listes de noms, souvent sous la forme de documents XML ou JSON. 15 Website Designs With Brilliant Animations. Animated Checkboxes and Radio Buttons with SVG. Previous Demo Back to the Codrops Article How do you collaboratively administrate empowered markets via plug-and-play networks?

Animated Checkboxes and Radio Buttons with SVG

Where do you proactively envision multimedia based expertise and cross-media growth strategies? Why do you interactively procrastinate high-payoff content without backward-compatible data? How would you dynamically target high-payoff intellectual capital for customized technologies? How can you appropriately empower dynamic leadership skills after business portals?

SVG Drawing Animation. On Scroll Header Effects with CSS Transitions. At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country.

On Scroll Header Effects with CSS Transitions

But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends keeping pointers naturally tries to get as good dogs as he can, and afterwards breeds from his own best dogs, but he has no wish or expectation of permanently altering the breed. Wobbly Slideshow Effect. Color Extraction Effect with Vibrant.js. If you enjoyed this demo you might also like:

Color Extraction Effect with Vibrant.js

30 web designs avec un univers illustré pour 2015. Personnalisez en détail vos cartes Google avec Snazzy Maps. Les systèmes de géolocalisation sont de plus en plus présents dans notre mode de vie, il n'est pas rare pour un web designer de devoir intégrer une carte Google map dans un projet web. Découvrez dès maintenant Snazzy Maps qui vous facilitera ce travail en vous donnant une personnalisation poussée de vos cartes. Gérer le design de vos cartes point par point Il y a un an, nous vous avions déjà présenté un outil qui permet de personnaliser ses cartes avec Google map builder, cette fois nous vous proposons un service bien plus complet qui vous donne la possibilité de gérer chaque détail sur vos cartes.

Snazzy Maps vous propose de personnaliser vos cartes directement à l'aide d'une multitude d'options ou de choisir parmi les thèmes créés par la communauté. Atomic. 50 essential freebies for web designers, April 2014. New projects are released all the time that get us excited about the industry we work in. Each month we bring you a list of the very best free resources for the month ahead. Formation web avec Photoshop et Dreamweaver (version lente) - Décembre 2013. Photoshop : les plugins essentiels pour les web designers. Véritables « accélérateurs de productivité », certaines extensions Photoshop deviennent quasi incontournables pour travailler efficacement.

En tant que fervent utilisateur du logiciel pour le webdesign, je vous propose de découvrir mes extensions favorites. Prisé par la communauté web depuis des années en tant que logiciel de création graphique, il faut bien avouer que Photoshop n’est aujourd’hui plus assez flexible pour correspondre à nos besoins réels pour le web. Le responsive design, les écrans à hautes résolutions et l’évolution des technologies web demandent aux designers de trouver d’autres solutions pour concevoir des interfaces de manière plus efficace. Malgré ses milliers de fonctionnalités, Photoshop n’est toujours pas un logiciel de web design et tel n’a jamais été sa prétention.

Mais grâce à des initiatives au sein de la communauté web, le logiciel peut se voir augmenter d’intéressants panneaux pour la conception web. The ultimate guide to getting started in web design. Lorem Ipsum - All the facts - Lipsum generator. Precursor—fast prototyping web app, makes collaboration easy. Velositey V2, l’extension de zoning Photoshop ultime (+ tutoriel d’installation)

Voici un outil vraiment cool qui devrait ravir nos amis graphistes un peu en froid avec le zoning de site web. Avec l’extension Velositey, vous serez en mesure de designer l’ensemble de vos sites internet dans la minute et de manière intuitive. Un outil tout aussi utile pour les développeurs qui n’auront plus à se soucier des tailles des zones de travail une fois les PSD reçus. Une soixantaine de templates sont à votre disposition pour coller au mieux à vos attentes ou celles de vos clients. L’installation n’étant pas toujours simple pour les novices, un petit tutoriel s’impose : – Ouvrir Creative Cloud pour les propriétaires – Télécharger Extension Manager si ce n’est pas déjà le cas – Ouvrir Extension Manager – À gauche de l’écran, choisir Photoshop CC, puis en haut à droite, cliquez sur Installer.

Modèles de couleurs - Adobe Color CC.