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

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 ?

identité Archives - IchetKarIchetKar Il y a bientôt un an Annabel Karim Kassar, confiait à Ich&Kar le soin de dessiner son identité globale. Londres, Beyrouth, Dubaï, Paris… la vie de l’architecte Annabel Karim Kassar se joue à l’échelle de la Méditerranée. Au Liban, elle a crée le bâtiment de l’Entertainment Center Souks, récemment inauguré. Il comprend un multiplex 14 salles, un mégastore et plusieurs restaurants. À Dubaï elle vient de terminer le Restaurant Almaz by Momo. Une identité à géométrie variable, qui raconte avec modernité l’architecte cosmopolite.Ich&Kar dessine une grammaire visuelle en « segments » s’inspirant des outils premiers de l’architecte : la ligne et l’angle. Un monogramme réversible De simples batonnets – forme simple et primitive par excellence – permettent un jeu recto verso. Le nom Annabel Karim Kassar, s’inscrit dans la même logique pure, simple et élégante. Les bases sont posées, les « bâtonnets » réinventent et bousculent le quadrillage en de multiples motifs.

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!

Palette de couleur - Alpha Design Lors de la création d'un site internet, pour choisir la palette de couleur de votre site, utilisez les outils suivant : le Créateur de nuanciers et le Cercle Chromatique Accessible. Le Créateur de nuancier de couleurs d'Eric Meyer Le Créateur de nuanciers ("The Color Blender") a été créé par Eric Meyer sous une licence Creative Commons Attribution-ShareAlike 1.0 . Le Cercle Chromatique Accessible de Giacomo Mazzocato Environ une personne sur vingt souffre d'une forme ou d'une autre de daltonisme. Giacomo Mazzocato a développé "Le Cercle Chromatique Accessible" qui vous permettra de visualiser les couleurs comme certains daltoniens (deuteranopes, protanopes et tritanopes). A noter que le "Cercle Chromatique accessible" offre maintenant deux choix d'algorithme comme critère de sélection de couleur : celui du WCAG2 (Web Content Acessibility Guidelines 2.0, recommandé) ou celui du WCAG1.

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

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

Related: