background preloader

Webdesign

Facebook Twitter

40 kits pour réaliser des infographies et visualisations de données rapidement. Design, Advertising & Creative Inspiration - Digital Synopsis. Pourquoi créer un site web avec Photoshop n’est pas efficace ? Mariah Magazine Web Design, Buffalo, NY. Basically my best friend.

Mariah Magazine Web Design, Buffalo, NY

WordPress’s user dashboard makes content management a TOTAL breeze & it gives my clients control over their own website. Genesis (made by Studiopress) is the framework that I use for every website that I custom code. It’s fast, secure, mobile responsive & SEO friendly! The entire Adobe Creative Suite is amazing. I usually stick with Photoshop, InDesign, & Illustrator, but check out the rest of their products! Forever recommending SiteGround for website hosting.

Prototyping & Sketch3

CSS & Sass Tita Créa. HTML% validation & coding standards. jQuery & JavaScript. Charte graphique. Responsive. Outils couleurs. Typo - Fonts Tita Créa. Images > outils et ressources. 10 Easy Secrets to Quickly Become a Great Web Designer. If you want to compete in today’s recession-crippled job market, you can’t just be good… you have to be great.

10 Easy Secrets to Quickly Become a Great Web Designer

Otherwise move over, because a great designer will always be there to snag your dream job. Experience ? Greatness Experienced designers are often asked by aspiring designers for tips to rapidly improve their design skills. Surely there’s got to be some secret technique or trick of the trade, which can accelerate your designs from good to great. I disagree with this notion; I believe what really makes you great is your ambition and devotion to self-betterment, not your experience.

Your time in the game doesn’t matter half as much as how hard you work. 1. If you want to be a great designer, then you should always be on the lookout for great design. Of course the internet is a cheaper and more direct resource to look at great design. Also, when you’re out and about in the real world, don’t forget to take notice of all of the great designs surrounding you. 2. 3. 4. 5. 6. 7.

Ministry of Interface Development. Openweb.eu.org — Bien faire le web ! 24 Ways Advent Calendar + ajouter /année.

Frameworks, starter themes & page builders

WordPress basic Functional Specifications — netCorps - Technology Assistance for Nonprofits. This is the worksheet that we go through with clients to help them determine what they want in a WordPress site.

WordPress basic Functional Specifications — netCorps - Technology Assistance for Nonprofits

WordPress Website Planning and Basic Functional Specifications This is a checklist for creating your Basic Functional Specifications, the list of items that the user will be able to see and use on your website. This list does not cover all of the decisions required throughout the website planning and building process, but it is a good starting point for the discussion that will lead to the Final Functional Specifications, the master list of how your site will look and feel. Front end Development Digest. Comment avoir un site ergonomique ? Vecteur des médias sociaux illustration plat. Modèles de Cherry Blossom 1.741 25 Il ya 2 semaines Golden background 122.068 225 Il ya 8 mois.

Vecteur des médias sociaux illustration plat

Design, ergonomie et lisibilité des sites internet, Frederique Game. UX, WordPress et process by alexwaza. Avocode – The bridge between designers and developers. 16 Free Infographic Vector Templates, Kits. Infographics are the most popular tool nowadays for presenting financial data, workflow and processes, presentations, meetings, or just for personal inspiration.

16 Free Infographic Vector Templates, Kits

Designing an infographic, however, can be very tedious especially if you have to do everything from scratch. Drawing charts, graphs and diagrams for example would surely consume a lot of time. In addition, you also have to think about creating icons and symbols that you will use for your infographic designs. As graphic and web designers, time is a very limited and precious commodity. That is why having a handy vector infographic kit can make our job easy and effortless. In this post, we put together all the best but free infographic templates and kits from around the web.

Shape Hover Effect with SVG. In this tutorial we'll recreate the hover effect as seen on The Christmas Experiments website.

Shape Hover Effect with SVG

We'll be using SVG for the shape and Snap.svg for animating it on hover. View demo Download source If you have visited the fantastic new edition of The Christmas Experiments then you might have noticed the really cool hover effect in the Christmas calendar that uses a triangular shape. The shape is made up of a triangle using borders and today I would like to show you how to achieve the same effect using SVG and Snap.svg. The idea is to create a SVG with one path that represents the shape background for some caption and to morph that path into another one on hover. The illustrations used in the demos are by talented Isaac Montemayor. Créa Site. 20 of Our Best Posts to Make You a Better Designer. What’s the secret sauce to becoming a 100% awesome designer?

20 of Our Best Posts to Make You a Better Designer

While there’s a lot of experience and dedication that goes into being a world-class designer, doing your research beforehand (and throughout your career) sure doesn’t hurt. That’s why we’ve done a bit of research for you by rounding up the posts from our blog that we think will equip you to go out there and rock at UX. Let us know what articles are the most salient for you and your career. Give us a shout in the comments! The Basics 1. LA CASCADE. CSS Accordion Slider: A tool for generating accordion sliders. Blog › Guidelines pour produire des PSD adaptés au web. CSS Stats. 200+ Backgrounds Freebies from Dribbble. Looking for cool, fresh backgrounds for you app, web and graphic design projects?

200+ Backgrounds Freebies from Dribbble

Check out this massive list with over 200 backgrounds freebies from Dribbble! These awesome backgrounds freebies were created by some very talented Dribbble designers. In this list of over 200 backgrounds freebies from Dribbble, you’ll find polygon backgrounds, blurred backgrounds, image backgrounds, geometric backgrounds and more! Want more? Download these 150+ Free HD Geometric Polygon Backgrounds, HD Free Blurred Backgrounds Sets, and Beautiful Backgrounds for Apps. Curated creative design and development resources. Les 6 règles de base en communication visuelle.

HTML - CSS - PHP. Colorlib - Colorful and Free WordPress Themes. 24 jours de web : Le calendrier de l'avent des gens qui font le web d'après. Graphisme et design. Menu 2. Markable.in - A remarkable online markdown editor. Markdown. Download Markdown 1.0.1 (18 KB) — 17 Dec 2004 Introduction Markdown is a text-to-HTML conversion tool for web writers.

Markdown

Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML). Thus, “Markdown” is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML. [Dossier] 12 erreurs à ne pas faire lors de la création d'un Logo. Dans le monde de l’entreprise, on distingue très rapidement une marque par son logo. Jusque-là je ne vous apprends rien. Learn HTML5, CSS3, Javascript - video style tutorials. Google Webfonts, The Spy Inside? The FontFeed being a WordPress blog, an article mentioned by Erik van Blokland caught my attention. On his private blog web developer xwolf – alias for Wolfgang Wiese – wrote about an intriguing “side-effect” of the use of Google webfonts in the new WP3.8.

Its recent introduction unveiled a refreshed back-end for the WordPress – it all looks indeed quite good and usability is satisfactory. However the developers did something that is not entirely fine in these times of constant surveillance and sourcing of metadata by official agencies and criminals alike. Along with the new back-end the use of Open Sans was introduced. When logged in, the fonts are not served locally but from Google webfonts.

The HTML source code looks like this: The justification for the decision to serve Google webfonts in the WP3.8 back-end can be found in the post Open Sans, bundling vs. linking on the WordPress website. 760+ Photoshop Tutorials For Web & Graphic Designers. I have compiled together the ultimate Photoshop tutorial list for web and graphic designers. Mixed in here are a large array of over 760 tutorials from PSD slicing to fantasy art, logo design techniques to text effects, and so many more. Some tutorials are for beginners and some much more advanced. Many thanks to all the websites who have had the time to compile and showcase these lists. Enjoy! Recite.com - Create beautiful visual quotes as images. Comment arrêter de procrastiner pour enfin dessiner? - « j’aimerais bien avoir du temps pour dessiner, mais je n’en ai pas !

[ WebDesigner ] Les ressources Indispensables. UX Project Checklist. Tutoriels HTML/CSS. Comment trouver un bon graphiste freelance ? Am I Responsive? Webdesign. WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels. Webdesign : les tendances graphiques pour 2015. Les fins et débuts d’années coïncident souvent avec les prédictions pour l’année à venir ou qui commence.

ICONES & LOGOS. 50 incredible freebies for web designers, February 2015. Amazing designers and developers release new projects every day, that make us excited, inspired, and often more than a little impressed. Today we’re continuing our monthly roundup of the best free resources for web designers with a collection that includes plugins, galleries, icons, WordPress themes, templates and more tools than you can use in a month. If this collection is anything to go by, 2015 is shaping up to be an awesome year for web design resources. Enjoy! Logiciel free. Martina Sperl. Behind The Scenes of the Web Design Process [INFOGRAPHIC]

(click image to enlarge) Share the INFOGRAPHIC On Your Site, Copy The Code Below: <a href=' target='_blank'><img src=' alt='Periodic Table of Web Design Process' width='540px' border='0' /><br /><strong>Periodic Table of Web Design Process – created by <a href=' target='_blank'>New Design Group</a></strong></a> Looking for a PDF version? Download it here. Blog Actualités Web, Blog agence & actualités web Lyon. Vous êtes-vous déjà demandé ce que signifiait framework, Symfony, back-end ou PHP ? Visual Hierarchy. We have many words for the frustration we feel when an interface isn’t directing us to what we need to know. Loud, messy, cluttered, busy. These words have been appropriated from other parts of life, of course, but we need them to express our feeling of being overwhelmed visually by content on a screen or page.

We need them to express how unpleasant a user experience it is to not know where to direct our attention next. A better term, one that graphic designers have used for a long time, is visual hierarchy. Plugins WordPress. Personnalisez votre widget texte avec WordPress. 11 personnalisations pour vos widgets textes Parlons code HTML aujourd’hui…Mais ne partez pas tout de suite Le codage HTML n’est sans doute pas le sujet que vous préféreriez voir aborder, mais ce sera ici pour la bonne cause que nous nous familiariserons avec cet outil, dans le but de vous donner plus de liberté dans la présentation de votre site.

Nous nous concentrerons en effet sur la seule utilisation du widget texte qui, sous des dehors humbles, cache pourtant beaucoup de puissance et de modularité. Ce module n’est pas un plugin car il est livré par défaut dans toutes les installations WordPress. Avec un peu de personnalisation, il peut se prêter à beaucoup d’usages pour peu qu’on le paramètre : vous pourrez ainsi ajouter des vidéos, des bandeaux promos, du texte de présentation, des listes produits, des images, des liens, etc. Sites web info. Creation-sites.