Free Outline Icons Today we have a huge set of free icons. They are minimal icons designed with an outline style, and are highly useful for a wide variety of web and app design projects. The set includes almost 200 icons. They come in .png format in 3 different colors (black, white, gray), and the PSD files are included as well. This icon set has been designed by Grandiz for our readers. Download the icons (2 MB zip file) Looking for hosting? Maplace.js - A small Google Maps Javascript helper. 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.
Yahoo! Weather Feed Plugin for jQuery - Zazar Online Website Builder This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use. Features Define one or more locations.For jQuery versions 1.4, 1.5, 1.6 and 1.7.Choose to include background image indicating condition.Displays day or night images.Returns city, current temperature and condition description.Choose to include high/low temperatures and wind speed.Optional link to read the full forecast supplied by the Weather Channel.Produces all HTML code and style classes.Specify the target for forecast links.User callback function.Supports Yahoo! Demonstration Download Latest version 1.2.1 - Click here to download Getting Started First include the jQuery and zWeatherFeed libraries. Add a DIV tag where you wish the weather feeds are to display and give it an ID. Our example gets the weather for London, Luxor, Glasgow, Vancouver and Hong Kong. Parameters Plug-in Options HTML and CSS Styling License
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.
Google Map Plugin for jQuery - Zazar Online Website Builder This plugin simplifies the adding Google Maps via the Google Map API (v3) and plots custom locations with pop-up descriptions. Simple and easy to use. Features Choose map type: road map, satellite, hybrid or terrain.Add locations via an address, without long/lat values.Enable/disable tool tipsAdd clickable locations with pop-up descriptions.Define map size and initial zoom level. Demonstration Basic Google Map example Download Latest version 1.0.1 - Click here to download Getting Started First include the jQuery, Google Maps API and zGoogleMap libraries. Add a DIV tag where you wish the map to display and give it an ID. Now add the script to call the zGoogleMap plugin with the locations to add and any options. <script type="text/javascript"> var aLocations = new Array(); var aTitles = new Array(); var aDetails = new Array(); Parameters Plug-in Options HTML and CSS Styling The plugin returns the following HTML and styling classes. <div id="test" class="mapGoogle"> ... License
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