background preloader

Dossier : comment apprendre le webdesign en ligne ?

Dossier : comment apprendre le webdesign en ligne ?
Inexistant il y a encore 20 ans, le métier de webdesigner suscite aujourd’hui de nombreuses vocations dans notre monde connecté. Si vous faites vos premiers pas dans le web ou que vous souhaitez vous perfectionner en webdesign grâce à Internet, cet article est fait pour vous. Depuis l’ouverture du blog, vous avez été nombreux à m’écrire pour en savoir plus sur les possibilités d’apprendre le webdesign. Apprendre sur le web En tant que professionnel depuis presque 3 ans maintenant et intervenant en IUT, j’ai pu échanger avec de nombreux webdesigners. La démocratisation du web a fait naître une génération d’autodidactes. Que vous soyez étudiant dans le webdesign, en reconversion professionnelle, graphiste, développeur, chef de projet (bref dans la communication), simple curieux ou même webdesigner, vous trouverez ici de quoi vous mettre sous la dent pour en apprendre plus sur ce fabuleux métier. 1. Les tutoriels se trouvent en général sur des sites spécialisés. Living Tuts AlsacreationS Tuto Related:  overprotected009

Formation Infographie à casablanca Durée : 5 semaines 8h par semaine Horaire: chaque Dimanche du 9h à 13h - 14h à 18h Session Mai Nombre de places : 8 participants Projets: Voir les ateliers créatifs Attestations : Attestation de stage + Attestation de formation. Prix total: 1500 Dh Espace & plans de travail Découvrir Les outils Gestion des calques & les alignements Les sélections, le détourage & la déformation sur Photoshop Modes & masques de fusion sur Photoshop Réglages & filtres pour le traitement des calques d’image Les corrections & les retouches sur Photoshop Typographie, couleurs & formes L’Export & le rendu d’images & fichiers sources Création d’affiche publicitaire Maquette site web Techniques pour la photographie Conception Post & cover Facebook Trucs & astuces Création de logo Utiliser des Vecteurs et des templates pour une conception. Animation motion design. Nous contacter

45 Fresh And Best Adobe Illustrator Tutorials As we all know very well that Adobe Illustrator tutorials are very powerful designing resource for the designers as they help them learn new and easy trick to use Illustrator in the best possible way. These Adobe Illustrator tutorials enhance designers designing skills therefore; designers use these Adobe Illustrator tutorials. These Adobe Illustrator tutorials also help designers for their professional growth and improve their work productivity. This is the reason that design community frequently share fresh and new tutorials. How to Create a Witch’s House Scene with Gradients in Illustrator In this tutorial you will learn how to illustrate a cute quirky landscape with a witch’s house. How to Create a Detailed Fire Extinguisher in Adobe Illustrator In the following tutorial you will learn how to create a detailed fire extinguisher illustration in Adobe Illustrator. How to Create a Vector Microwave Oven Illustration How to Create Search Files Icon in Adobe Illustrator

Natural Language Form with Custom Input Elements An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements. View demo Download source There is something really interesting about Natural Language UIs and after visiting awesome Escape Flight, we wanted to play around with NL forms and custom form elements. The idea is to turn a classic form into one that uses natural language to obtain information from the user. For that we’ll construct a sentence where some words and parts are select elements and text inputs. Natural language forms are quite suitable for some UI cases, not for all, of course. Please note: this only works as intended in browsers that support the respective CSS properties. The Markup The HTML will be composed of a form with a sentence and some select and text input elements: We want to transform the select elements to a custom drop-down list, like this: The toggle is the visual part in the sentence. The CSS Let’s first add some icons (checkmark and arrow):

Responsive Web Design: 50 Examples and Best Practices Deren Keskin Sweet Hat Club Glitch dConstruct 2011 Adaptive Web Design Authentic Jobs Five Simple Steps Splendid Ryan O’Rourke FlexSlider El Sendero del Cacao Do Lectures St Paul’s School Naomi Atkinson Design Ben Handzo Photography Stunning CSS3 Media Queries Example Nordic Ruby Conference Halifax Game Jam Diablo Media ASU Online 3200 Tigres Pixelab Kings Hill Cars 8 Faces Asbury Agile Alsacréations Sleepstreet Inspired: Media Queries Creation site Internet à Bordeaux - Portfolio des réalisations Filter Catégories : Gro’N'Land Robinetterie Foire Aux Plaisirs de Bordeaux DJ Moule Arton Design Team Magento L.Tena – Artiste Plasticienne Wine4Melomanes Encens Compagnie Good2Know En afficher plus... 0Tweet 0Like 0pinterest

alut tout le monde je veux donner des conseils à toute... illustrator vector tutorials Hi Guys! I am writing illustrator vector tutorials for beginners and intermediate level designers. Adobe Illustrator has brought a revolution in theillustration world. Designers can create stunning illustrations using very simple techniques. Luminous Sunset Vector Illustration In this tutorial you will learn how to create luminous vector sunset illustration using Adobe Illustrator. Space Rocket Illustration In this tutorial you will learn how to create luminous vector sunset illustration using Adobe Illustrator. Aircraft Shuttle Vector Illustration Tutorial explains the step by step actions to draw aircraft shuttle using illustrator. Futuristic Music Player Vector Illustration To create futuristic music player you need extensive knowledge of blending and shading. Create A Creative Card With Color Splash Creating creative card with color splashes is a fund. Create a Punk Nouveau Mermaid Using Adobe Illustrator Making a mermaid with an affinity is a fund. Vintage Poster Create a Detail Lighter

CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. Le Responsive Web Design ou comment améliorer l’expérience utilisateur Ce billet a été lu 3175 fois. À votre tour? Le RWD pour adapter votre site aux comportements de l’utilisateur… Avant d’attaquer le développement, penser expérience utilisateur, ergonomie et contenu! Les comportements des utilisateurs mobiles poussent les entreprises à optimiser leur site pour une lecture adaptée à toutes les tailles d’écran. Le Responsive Design : entendons-nous bien Un site Web non adapté aux smartphones, tablettes, ordinateurs, télévisions connectées… perd une part d’audience (et donc de revenu) non négligeable. Le but du Responsive Web Design est de permettre à un site Web de s’autoadapter à la taille de l’écran de l’utilisateur, pour améliorer encore et toujours l’expérience de l’utilisateur dans la navigation Web. Le Responsive Web Design regroupe une série de techniques de conception graphique, ergonomique et de développement. les media queries (CSS3),les grilles fluides etles images flexibles. Le contenu et la navigation d’abord, le développement ensuite Et vous?

50+ Ressources indispensables pour les webdesigners 50+ Ressources indispensables pour les webdesigners Webdesign 24 août 2010 Utiliser les bonnes ressources peuvent parfois vous faire économiser un sacré temps tout en vous apportant une valeur ajouté à votre travail…Vous êtes ainsi plus performant et professionnel ! Il est donc essentiel pour tout webdesigner qui se respect, d’apprécier les différents outils/ressources listés dans cet article présentant les 50 ressources indispensables pour les webdesigner. Inspiration / Showcase Site internet Logo Graphisme / Art digital Wallpapers Outils Générateurs de texte Couleurs Showcase de couleurs Nuances de couleurs Palette de Couleurs à partir d’une image Création de conceptBoard Ressources Icones Fonts Images Gratuites / Libre de droits Payantes (Discount) Payantes ($$$) Textures Motifs Brushes Vecteurs Partagez cet article Vos réactions ... Nadège 24 août 2010 at 20 h 35 minSuper ressources! Laisser un commentaire Articles en relation Articles populaires Articles Récents Recevoir votre code RIO Free Gratuitement

mashable No matter where you’re at in your career, learning something new can only help you. Looking for a new job? A unique skill could easily set you apart from the hundreds of other applicants. Worked in the same position for a long time? Like most other things, though, learning a new skill is easier said than done. Whether you’re interested in programming, graphic design, speech writing, or conflict resolution, there’s bound to be a class for you. P.S. P.P.S. Programming 1. Anyone with a knowledge of high school mathematics is welcome to take this class taught at Rice University. Duration: 50 Hours / 5 Lessons 2. Join more than five million students in learning JavaScript—the programming language of the web. Duration: 10 Hours / 16 Lessons 3. Just like the courses title says, this class is designed for anyone with no prior programming knowledge. Duration: 17 Hours / 75 Lessons 4. Java is the core language used in developing Android apps and is commonly used in back-end web development. 5. 6. 7.

[Boîte à outils] 5 applications pour créer sa propre infographie Esthétiques, claires, efficaces et surtout très virales, les infographies en tous genres envahissent la toile. Très sollicitées pour mettre en avant les chiffres clefs d’une études, les principales tendances d’un marché, elles sont utilisées par un panel d’acteurs : agences, cabinet d’études, blogueurs, médias, etc. Surfant sur cette tendance, plusieurs startups ont mis au point des web applications permettant à n’importe quel internaute de créer tout seul une infographie en ligne, en y insérant ses propres données. Tour d’horizon des 5 principaux outils actuellement disponibles. 1. En mars dernier, la plateforme de datavisualisation Visual.ly a lancé une nouvelle fonctionnalité baptisée Visual.ly Create. Visual.ly Create propose ainsi aux utilisateurs 7 types de templates différents. Visual.ly Create télécharge automatiquement en quelques secondes les données nécessaires. Lancé en juillet 2011, Visual.ly permet aux professionnels de partager leurs travaux de data-visualisation. 2. 3.

Agency | LABS | The very own digital experiences from Epic agency Kineograph As part of a project for one of our clients, it was necessary to play animations in order to make the site more lively. Very quickly we thought about using spritesheets. RubyMotion: Debugging Objective-C Following the release of RubyMotion we can finally talk a bit about it (if you haven’t yet, I definitively encourage you to check it out!) Share your beats with the Drumlet ! The Drumlet is the latest music experiment from Epic.net mixing Javascript, Canvas, Web Audio and Social sharing to bring you the very first Drum Machine using these technologies. Digital Painting With Photoshop Because we like sharing, you’ll find this amazing book made by Epic (thanks Henry) relating theory about painting, colours, composition, lights, textures and so on with « How-to » so you can try these technique yourself and share the love. Animate a 3D Model with the timeline If like us, you enjoy 3D animation, you might like what’s in this post !

Macaw | The code-savvy web design tool.

Related: