background preloader

Google Map Icons, Location Pins, Location Markers, POI, Map Application Design Kit

Google Map Icons, Location Pins, Location Markers, POI, Map Application Design Kit

Web design: 6 tendances fortes pour 2014 L’année 2014 commence à peine que de nouvelles tendances dans le monde du design se profilent. Le Web Design Ledger dresse ainsi le tableau des tendances qui marqueront le webdesign cette année, parmi elles: Le Flat Design: c’est la tendance qui s’est le plus imposée en 2013. Apple l’a utilisé dans iOS 7, en mettant par la même occasion le « skeumorphisme » (son opposé) au placard. Il s’agit ici de se débarrasser de tout effet de profondeur pour éviter une impression de superflu visuel. La typographie expérimentale: désormais les graphistes se lâchent avec les polices, l’espacement typographiques etc. Les menus déroulants: pour une meilleure expérience de navigation, les menus déroulants sont de plus en plus utilisés. Le défilement infini: encore une fois c’est la simplicité qui est recherchée. Des couleurs simples: en 2014, de nombreux sites devraient revoir en en partie leur charte graphique. Le reponsive design: il a été très utilisé en 2013 et ce n’est sans doute pas fini.

5 astuces photoshop gratuites avec Photoshop CS5 sur Tuto Voici 5 astuces Photoshop CS5 gratuites pour débutants qui vous feront gagner du temps. Au cours de ce tuto gratuit, nous verrons donc : le paramétrage de la grille, le magnétisme des pixels, les repères commentés, la ré-initialisation des réglages d'un filtre et l'utilité de la fenêtre info. Jetez un oeil à ces autres tuto Photoshop CS5 Pour vous faire un avis, voici un extrait de quelques secondes. TefDesign , Formateur De formation BAC Pro dans la maintenance PC et réseau, je me suis converti depuis peu en Intégrateur WebDesigner. Toutes les formations de TefDesign D'autres tuto de TefDesign Notes attribuées par les utilisateurs ( 35 votes) Note moyenne des utilisateurs Votez pour ce tuto Les avis / Questions des utilisateurs ( 22 ) Donnez votre avis ou posez une question au formateur. Vous souhaitez commenter ce tuto vidéo ?

Inspirograph, en ligne. Plaisir garanti. Le Spirograph, ce jouet qui a fait le bonheur de millions d’enfants dans le monde, est maintenant disponible en ligne et s’appelle «Inspirograph», avec tous les avantages et la précision du virtuel : pas de punaises à fixer, pas de dérapages, pas de bavures, pas de catastrophes qui venaient cochonner tout le dessin, pas de gaspillage de papier. On peut choisir les dimensions des roues ou des règles, les couleurs des crayons et du fond. La manipulation est naturelle et les résultats précis. Le trait s’élargit si on repasse une deuxième et une troisième fois. On peut même utiliser les flèches si on est trop paresseux pour utiliser la souris. On peut évidemment télécharger les résultats et aussi les exposer sur la galerie. Mais on réalise à quel point le fait de manipuler ces choses en réalité nous faisait pratiquer notre dextérité fine : pas trop de pression, mouvement régulier et précis, persévérance, qualité de l’assemblage. Il faudra regarder les enfants s’amuser avec. Niveau : Populaire

Mini AJAX File Upload Form Martin Angelov In this tutorial we are going to create an AJAX file upload form, that will let visitors upload files from their browsers with drag/drop or by selecting them individually. For the purpose, we will combine the powerful jQuery File Upload plugin with the neat jQuery Knob to present a slick CSS3/JS driven interface. The HTML As usual, we will start off with a basic HTML5 document: <! In the head of the document, I have included two fonts from Google Webfonts, and before the closing </body>tag you can see a number of JavaScript libraries. The main element on the page is the #upload form. <li class="working"><input type="text" value="0" data-width="48" data-height="48" data-fgColor="#0788a5" data-readOnly="1" data-bgColor="#3e4043" /><p>Sunset.jpg <i>145 KB</i></p><span></span></li> The input item in the snippet above is hidden with CSS. Mini AJAX File Upload Form The jQuery Code There are two ways a visitor can upload files with this form: assets/js/script.js The PHP Script We’re done!

Créer ses infographies facilement avec easel.ly Les infographies ne semblent toujours pas passées de mode ! Malgré le risque d’overdose, avoir pas mal d’informations compilées en une image est bien pratique, tant que l’infographie est bien réalisée et apporte une valeur ajoutée. Vous avez des données intéressantes à partager, et vous souhaitez les présenter sous forme d’infographie ? easel.ly est pour le moment toujours en version bêta, ce qui explique quelques bugs sporadiques ; mais l’utilisation est tout de même très agréable. Ensuite, il ne vous reste plus qu’à créer l’infographie ! Le menu « Shapes » vous permettra d’inclure des formes, et l’onglet « Sharps » des diagrammes. pour le moment, il n’y a qu’une seule possibilité pour ce dernier, mais on espère en avoir davantage un peu plus tard !

17 Useful & Fresh Tools for Web Designers Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. Despite the fact that there is a huge plethora of web tools that are available for the web developers and designers to help them with their work, designers and developers always need some fresh tool that can expedite their work flow. A useful tool is just like a blessing for the designer and for the web developer as well. Having good tools and useful resources make web development easier and save time as well. Mailrox A web application to quickly build bulletproof HTML emails. BootMetro Simple and complete web UI framework to create web apps with Windows 8 Metro user interface. Spritebox Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image. Tiny Fluid Grid The happy & awesome way to build fluid grid based websites. Sequence.js Sequence is the jQuery slider plugin with infinite style. TiltShift Jarallax Favicon 0to255

50 Great Examples of Data Visualization Wrapping your brain around data online can be challenging, especially when dealing with huge volumes of information. And trying to find related content can also be difficult, depending on what data you’re looking for. But data visualizations can make all of that much easier, allowing you to see the concepts that you’re learning about in a more interesting, and often more useful manner. Below are 50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter. Music, Movies and Other Media Narratives 2.0 visualizes music. Liveplasma is a music and movie visualization app that aims to help you discover other musicians or movies you might enjoy. Tuneglue is another music visualization service. MusicMap is similar to TuneGlue in its interface, but seems slightly more intuitive. Digg, Twitter, Delicious, and Flickr Internet Visualizations

How to Create Glowing Progress Bars Follow this quick tip and learn how to create a glowing progress bar. We will take advantage of the Appearance Panel and use multiple attributes plus plenty of effects: Outer Glow, Inner Glow, Feather, Drop Shadow, Gaussian Blur and Radial Blur. Let's begin!. Step 1 Open a new web document and let's start with the background first. Step 2 Now, take the Rounded Rectangle Tool, click on your artboard and enter the values shown. Step 3 Having the rectangle selected, go to Effect menu > Stylize > Drop Shadow and set the values as shown. For the discrete highlight at the top, go back to Effect menu > Stylize and apply again the Drop Shadow effect. Step 4 Next take the Rounded Rectangle Tool, click on your artboard and enter the values indicated. Now, take the Ellipse Tool (L) and draw a tiny circle. Step 5 Take again the Rounded Rectangle Tool and draw another rectangle. Step 6 Step 7 Step 8 Step 9 Select again Add New Fill and use the gradient from step 5. Step 10 Step 11 Step 12 Step 13 Final Image

Vector animals free flat design Vector Fast food icons vector set 690 22 2 days ago Gemstone vector download 488 47 2 days ago Cloud computing concept infographic 692 11 2 days ago Flat icon set for Web and Mobile App 824 17 2 days ago Pack Cups, Mugs and Glasses 442 73 2 days ago Rounded contact icons vector pack 114.377 57 7 months ago Computer network concept infographic 737 20 2 days ago Social media free vector 170.029 165 10 months ago Birthday card with baby elephant 761 85 2 days ago Happy birthday party icons 714 34 2 days ago Social network background with icons 68.273 116 6 months ago Social media and web rounded icons 67.809 31 6 months ago Template Wedding Invitation with birds 3.543 93 2 weeks ago Study and learning infographic 93.412 191 9 months ago Free vector infography template design 83.763 108 10 months ago Communication icons 14.290 13 3 months ago School Knowledge concept 4.164 17 4 weeks ago People avatars 16.154 51 2 months ago Vector icons flat design 119.297 187 11 months ago Coffee collection 1.586 0 2 weeks ago

25 Beautiful Flyer Design Inspirations As you may know flyers are the key to any public event. Of course now with the use of social media like Facebook and Twitter its easier than ever to spread awereness for an upcoming local event. However flyer are not dead yet, and are still heavily used around the world for promotion. Some businesses just don’t see the valuable use in social media and continue to do thing the traditional way. Flyers are heavily used for music based promotion. Tip: A huge part of our population has smartphones. 1. 22-years 2. 3. 4. 5. 6. oh-snap 7. 8. 9. 10. 11. 12. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. Know of any other awesome flyers?

Fit for a Frame — Home untitled Top 10 des types d'infographies pour faire le buzz ! Les infographies, ça claque, c’est surtout un média simple et rapide à lire et à partager. Très populaire et virale, l’infographie qui buzz le fait souvent via des partages sociaux avec l’atout d’un contenu en lecture flash apprécié sur le web social. “An image is worth a thousand words…” cette conception communément admise booste sans trop d’efforts des éléments importants de la viralité : la vitesse de lecture, les émotions transmises et l’aspect visuel innovant. Une infographie peut sauver un article complexe qui n’aurait jamais connu la célébrité sur le web… Je vous présente donc une sélection des meilleurs exemples d’infographies. Vous retrouverez dans cette sélection, des infographies réalisées par l’agence marketing 1min30, mais également des modèles très intéressant que nous n’avons pas encore mis en place pour nos clients, mais que nous serions ravis de réaliser. 1. Rien de tel qu’une histoire pour développer un cas pratique au sein d’une infographie. 2. 3. 4. 5. 6. 7. 8. 9.

Related: