background preloader

Créer entièrement un site web gratuitement et simplement avec Dreamweaver et Photoshop CS5

Créer entièrement un site web gratuitement et simplement avec Dreamweaver et Photoshop CS5
Related:  Veille Webdesign

Approche Théorique du Webdesign Heather (Thomas Vuillermet) explique quelques bases du webdesign dans un tutoriel théorique. Bonjour à tous, voilà un petit dossier pour vous parler de méthodologie et de théorie, en matière de webdesign. Je pense que si vous en êtes à lire ceci, c’est que le domaine vous intéresse et que vous avez pu observer durant de longues années les sites web sur lesquels vous êtes tombés. Je ne prétends pas être expert en la matière, loin de là , simplement, il y a 2-3 ans, un tutoriel de ce style m’aurait été d’une grande aide. Un point sur vous. Le webdesign est un métier, et il est très important de prendre l’approche qu’il faut avec ce mot là . Un point sur le Design Design veut dire « concevoir, réaliser ». Et aujourd’hui, les communautés graphiques, les écoles, les magazines, ont tendance à « donner » une technique plutôt poussée pour apprendre à maitriser des logiciels, mais très peu abordent le sujet de la simplicité du message et de sa mise en forme. Le contenu L’arborescence Le Zoning

Tendance du webdesign : double scroll | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels - Directement inspirés par les interfaces mobiles, certains sites osent ce que l’on pourrait nommer le « double scroll« … L’utilisation du défilement de page pour créer des effets originaux sur les sites est en vogue depuis maintenant bien 2 ou 3 ans, voir plus. Avec la ligne de flottaison définitivement enterrée, plus de soucis aujourd’hui les gens scrollent. La parallaxe, le scroll « story-telling« , entre autres ont permis d’apporter de la dynamique et de la profondeur dans notre expérience de navigation. Comme toutes les tendances, la parallaxe s’est elle aussi essoufflée après avoir lassé les concepteurs web et les internautes. Une expérience en deux colonnes Découlant directement des ces tendances passées, mixées avec une expérience utilisateur très représentée sur tablette et mobile, voici le double scroll. ACTV/ RCVR de Puma La page d’accueil présente le site avec une double entrée. Fade or Eddy Carles Palacio Vespillo Pour conclure : Ressources : Iscroll 4 Que pensez-vous de cet effet ?

Design Spartan : Art digital, digital painting, webdesign, illustration et inspiration… | Le blog sur l'art digital, le webdesign, l'illustration et le digital painting Ui Tiles la ressource pour préparer vos web designs Cette semaine une ressource très intéressante à découvrir avec Ui Tiles qui propose un véritable kit pour réaliser des wireframes en toute simplicité ! Un kit complet pour préparer vos sites web Si vous avez l'habitude de réaliser en amont de vos web designs des wireframes ou croquis pour imaginer l'ensemble des pages et fonctionnalités de votre projet, vous devrez aimer Ui Tiles. Cette ressource regroupe une grande diversité de pages et d'éléments afin de composer facilement et rapidement vos idées. Une ressource complète, libre de droits et gratuite ! Ui Tiles propose 72 modèles de bases, ensuite vous êtes libre de pouvoir composer les vôtres selon vos idées et besoins. Si vous êtes webdesigner, chef de projet, ergonome ou simplement passionné par le web, cette ressource devrait vous servir. Pour la télécharger, le site demande simplement un mail pour vous envoyer le lien. Découvrez la ressource Ui Tiles en images et pour la télécharger rendez-vous ici : pixelbuddha.net/ui-tiles

la Veilleuse Graphique - La Veilleuse Graphique : l'actu graphisme, de l'imprimé au webdesign! 1001 Free Downloads une banque de ressources pratiques et gratuites | BlogDuWebdesign Aujourd'hui nous vous proposons la découverte de la plateforme 1001 Free Downloads qui vous sera pratique pour rechercher des ressources pour vos futurs projets. 1001 Free Downloads rejoint une grande série de sites qui proposent des ressources à télécharger gratuitement, on avait déjà Dribbble, Behance ou GraphicBurger qui proposent une grande multitude d'éléments, PSD, typographies, textures, mockups, etc. Sans oublier le BlogDuWebdesign, qui vous permet de découvrir des sélections spécialisées :) 1001 Free Downnloads se démarque par sa quantité de ressources et sa diversité, vous avez le choix entre 10 catégories qui sont : - Le vectoriel - La photographie - La typographie - Icônes - Wallpapers - Brushes - Styles Photoshop - Textures et Motifs - Clipart - La meilleure de toutes ! Les ressources présentes sont variées il y a un peu de tout, du bien mais aussi du moins bien qui sera dur à utiliser pour vos projets, sauf si vous recherchez un style "particulier".

12 Erreurs à éviter dans votre portfolio Le portfolio, votre site personnel, outil indispensable de tout créatif, véritable vitrine numérique, est votre meilleure chance de trouver vos prochains clients ou emplois. Son importance est capitale car il reflète qui vous êtes, ce que vous savez faire et ce que vous avez déjà fait. Autant dire qu’il vaut mieux soigner son portfolio. Voici donc 12 erreurs à éviter dans votre portfolio, un article qui j’espère vous aidera. 1. Votre portfolio doit ressembler à un portfolio. Vous pouvez même écrire clairement dès la première page ou dans votre header « Portfolio du webdesigner/illustrateur/etc Rachid Boulaouane. Sur les deux exemples ci-dessous, dès l’arrivée sur le site, le créatif se présente : 2. Je suis pour l’originalité. Mais il y a un mais : soyez assuré de mettre en place une navigation efficace, même si elle est originale. On ne doit pas chercher l’information, elle doit venir à nous. 3. Ci-dessous un exemple de classement de contenu par catégories simple et efficace : 4. 5. 6.

Future of Web Design – A conference for web designers & developers in 2015 & beyond. Create an SVG Animation using CSS and JavaScript SVG, or Scalable Vector Graphics, is an application of XML to provide vector graphical information in a lightweight form. Unlike the other rasterized image format such as PNG and JPEG, SVG can be scaled without loss of image quality. Creating SVG graphic can be designed using Adobe Illustrator and other graphic editing software or manually using XML/SVG DOM tags and settings to create element, shapes or paths. Although these are XML graphics it is possible to put some animation on them which can be implemented in many different ways such as CSS, JavaScript and SMIL (Synchronized Multimedia Integration Language). In today’s tutorial, I am going to show you how you can animation SVG using CSS and JavaScript using icons, text and vector graphics. Resource you need to complete this tutorial: SVG IconsSVG TextSVG Vector Plant and VaseKnowledge about HTML and CSSTime and Patience Exporting Adobe Illustrator Files to SVG Using SVG in HTML 1. 2. 3. This is the preferred way to import SVG images.

SVG + EMAIL = ♥ - Un voyage animé au pays des <table> Cette année, contrairement à 2014, LunaWeb a opté pour des vœux au format papier, du beau papier, bien découpé, très coloré. En plus d’un envoi postal et parce que oui, nous sommes une agence web, nous nous devions d’accompagner cette jolie carte par un email responsive à la hauteur de la version physique. Nous avions alors deux possibilités : réaliser un email statique bien classique ou sortir un peu des sentiers battus en proposant un email animé. Après quelques discussions, nous avons opté pour la deuxième solution. Notre choix fait, comment réaliser notre email ? Nous aurions pu le faire grâce à des gifs animés comme nous l’avions fait pour nos vœux 2014, ou encore en intégrer directement de la vidéo. Après avoir écarté ces deux solutions, notre choix s’est donc porté sur le format SVG. Email responsive + SVG, mais Email quand même… Comme l’écrivait Florentin, le support des technologies « avancées » HTML/CSS des clients mails tel que Outlook, Lotus Notes, etc. est très limité.

web2partner html5 css3 css4

Related: