14 Helpful Cheat Sheets for Front-end Web Development For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. Here is a collection of useful cheat sheets specifically for front end web development that will help you with HTML, JavaScript, and CSS. HTML 5 Cheat Sheet HTML 5 Visual Cheat Sheet (X)HTML Elements and Attributes HTML Cheat Sheet HTML5 Canvas Cheat Sheet CSS Level 2 Visual Cheat Sheet CSS 3 Cheat Sheet CSS Cheat Sheet (V2) CSS Cheat Sheet JavaScript jQuery 1.4 API Cheat Sheet jQuery 1.4 Cheat Sheet jQuery 1.4 Cheat Sheet mootools 1.2 cheat sheet JavaScript Cheat Sheet About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 1139 shares 20 Fresh CSS3 Tutorials Read More 559 shares
Experimental CSS3 Animations for Image Transitions « Previous Demo: Item Blur Effect Images by Joanna Kustra Back to the Codrops Article next Business Garden Conception de site web et e-commerce : Consultant web et Expert e-commerce - Ludovic Passamonti Cette prestation consiste à modéliser le futur site sous la forme d’une maquette appelée wireframe ou prototype. Ce travail est réalisé par le consultant qui maitrise les aspects techniques, ergonomiques, et éditoriaux liés à la conception d’une interface de site internet. Le document validé est ensuite fourni au prestataire en charge de la réalisation du site pour lui permettre de travailler efficacement sur la phase créative. Qu'est-ce qu'un wireframe ? (ou prototype) Le wireframe est une vision simplifiée de la structure et du contenu de chaque page internet pour l’ensemble du site. Le wireframe permet de s’assurer au niveau global du site que : Je travaille sur une liste d’environ 200 points d’ergonomie / usabilité à prendre en compte, que j’ai constitué au fil de mes 10 ans d’expérience dans ce domaine. Le wireframe peut être réalisé pour les principaux gabarits d'un site ou sur l'intégralité des pages constituant le futur site. Exemple de wireframe Wireframe d'une page d'accueil
50 Excellent 3D Adobe Illustrator Tutorials - Smashing Magazine Advertisement Adobe Illustrator is one of the best applications for making graphic artwork like logos, print designs and Web pages. As time goes on, more and more Illustrator techniques are introduced by talented designers and artists in the industry who achieve some of the best results on the Web. One hot trend nowadays is 3D effects. So, we’ve gathered together some 3D tutorials to give you an idea of what Adobe Illustrator offers and how to use its 3D features. Here then is our round-up of 50 Excellent Adobe Illustrator Tutorials for 3D artwork. You may also be interested in the following related posts: Adobe Illustrator 3D Tutorials How to Create Funky 3D Springs in Illustrator3 In this tutorial, learn how to create 3D springs in Illustrator. Disco Ball Tutorial4 In this tutorial, you’ll learn how to create a disco ball effect in Illustrator. Design Gift Boxes Using Illustrator’s 3D Tools5 Learn how to make a fully editable 3D ribbon and masked 3D typography. Related Posts (al)
Blender 3D Design Course Blender 3D Design Course Note: Added new Lesson #13 - NURBS Surfaces / Meta Objects - April 27, 2013 Note: Added new Lesson #14 - Rigid Body Dynamics- June 1, 2013 Students: This course is also available for downloading to your iPhone or iPad via Tufts University iTunesU. The video tutorials are also available on my Vimeo channel (Blender Video Tutorials - Neal Hirsig) Instructors: If you are an instructor and would like to download the 3D Design Blender 2.6X content (Syllabus, Video Tutorials, PDF Tutorials, Projects and Exercises), send me your name, e-mail address and the name of your school or institution. Neal Hirsig nhirsig@tufts.edu Syllabus Blender Cheatsheet Project 1A - Jewelry Project 1B - Robot Project 2A - The Way Things Work Project 2B - Wind Sculpture Project 3A - Architecture Project 3B - Reality 3D Project 4A - Animal Planet Project 4B - Set Design All Video Tutorials All PDF Tutorials Links Copyright Notice Attribution-NonCommercial-ShareAlike CC BY-NC-SA
50 Websites For Free Vector Images Download Unlike raster images, vector images are flexible and scalable enough to not lose quality when stretched out beyond their original size. This makes it perfect for use for both web and print design. In fact, we have plenty of compilations that feature vector images (you can start with our multipurpose vector icon sets), but in case you want to do your own searches, we have the next best thing. Are you wondering where to download free vectors for your next project? Note: While most (if not all) of them are free, we still encourage you read and understand their license before downloading and using these free vectors. 40+ Websites to Download Royalty-Free Images 40+ Websites to Download Royalty-Free Images Chances are you're pretty tired of seeing traditional stock photos of people in suits shaking hands. Pikbest Pikbest is a design resource platform that has thousands of vectors, along with graphic templates, videos and music. Vecteezy Vecteezy is home to vector icons, art and patterns. Freepik
graphisme Proposition graphique pour l'affiche 2009 du 12e colloque d'Études et Traitements Analytiques par le Psychodrame de Spasm, Société Parisienne d'Aide à la Santé Mentale. Une thérapie par le théâtre. Réalisé en collaboration avec 6DGT dans le cadre du stage de formation. Tuesday Total Textures 45 by paul0v2 Tue, 11/16/2010 - 13:06 Tuesday Total Textures is post series that will bring a new life to your Tuesdays. Every week I'll be posting some free hi resolution free textures that you can download to use in your projects. Ripped Glass Golden Grass Colours Leather Japonese Print Abstract Paint Concrete Grid Wall Texture Paper Texture Cracked Wall Indesign - La découverte du logiciel Mise en pages et PAO - Explication Création d'un nouveau document - Le nouveau document - Paramètres prédéfinis - Environnement de travail - Les palettes et espace de travail - Ouverture d'un document - Enregistrement d'un document - Travail sur plusieurs documents - Fermeture, annulation et quitter un document Mise en pages et PAO Indesign est un logiciel de PAO (publication assistée par ordinateur). Indesign ainsi que le logiciel Xpress de Quark permettent d'intégrer dans un document, des textes et des images. Une mise en pages correctement réalisée n'est jamais un travail de quelques minutes. Outre le fait que vous allez devoir apprendre les logiciels qui permettent d'effectuer une mise en pages, il vous faudra également réfléchir à un certain nombre de points, qui feront que votre mise en pages sera réussie ou pas. Lorsque vous regardez une affiche, vous pouvez voir des images, textes et couleurs placés à certains endroits. N (Ctrl N) sur votre clavier. 1 - La zone de page