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? Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons Cosmo mini is a free version of Cosmo icons and includes 1566 icons in 40×40 sized pixel-perfect PNG + “testdrive” icons in PSD, AI, CSH, SVG, 60×60 sized PNG. All icons are monocolored and divided into following categories: Baby, Basic, Building, Culture, Devices, Documents, Education, Finance, Food 1-3, Holiday, Layout, Medicine, Mobile, Multimedia, Navigation, Player, Symbols, Transport, User, Weather, Work, Furniture, Appliance. License: These icons are free to use in any kind of commercial or non-commercial project unlimited times.Ammount of icons: 1566Sizes: 40×40File Types: .pngTestdrive file types: PSD, AI, CSH, SVG, 60×60 sized PNG. If you need vector and hi-res version of these icons you can buy them on Creative Market: Cosmo icons.
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
Maplace.js - A small Google Maps Javascript helper. 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.
Cikonss | Pure CSS Responsive Icons 50 Free Responsive HTML5 Templates for Designers HTML5 is one of the most popular language amongst developers and designers as it provides number of functionality and assists developers to easily design web applications. HTML5 has many attributes such as modern browser support (like Firefox 6, Google Chrome, IE9 etc.), structure specific tags, visual elements like rounded corners are now built in, drag and drop interactive, new video, audio and canvas elements and many more. Responsive HTML5 templates automatically adapt to the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, which is an extension of the @media rule.Media queries allow for a page to use a variety of CSS style rules based on characteristics of the device by which the site is being viewed on, which is most commonly the width of the browser. In this article, we are rounding up a collection of 50 Free Responsive HTML5 Templates, Following templates let you create stunning websites, and creative web designs.
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
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
Unicode character table Про Юникод. Юникод (англ. Unicode) - это стандарт кодирования символов, представляющий знаки многих письменных языков. Кодирование – это сопоставление элементам текста (буквам, цифрам, знакам препинания) последовательности длиной в один или несколько символов другого алфавита. Про символы Юникода. Все символы в Юникоде имеют свой номер и HTML-код. Что есть в Юникоде и чего нет. Юникод включает большинство современных письменностей: латинскую, кириллицу, греческую, грузинскую и т.д. Консорциум Юникода не придумывает новые буквы и знаки. Товарные знаки кодируются только в порядке исключения. CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. 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
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 !