background preloader

Alessiocangemi

Facebook Twitter

Alessio Cangemi

WebDesign Inspiration and Dev Blog. Google Image Sitemaps - Brand Builder Websites. Google Image Sitemaps are an extension to XML Sitemaps.

Google Image Sitemaps - Brand Builder Websites

Using Google Image Sitemaps can help improve your results in Google Image Search (GIS). According to Google’s documentation you can include up to 1000 images per page. This limit is high enough that it practically covers every page. Even on a high-speed connection with plenty of RAM there is no way a browser could handle that type of load. There are two different types of optional text fields that you can associate with an image. The other two fields you can apply are the GEO-location and license fields. Unlike regular sitemaps, you do not need to host these images on your domain. Only submit images in BMP, GIF, JPEG, PNG, WebP or SVG formats. Image Sitemaps in Google Webmaster Tools Google Webmaster Tools is a recommended resource for improving your website. The XML Sitemaps for web pages and images for Brand Builder Websites in the Google Webmaster Tools.

The process to submit an image sitemap the same as a regular XML sitemap.

Theme html5/wordpress

Popular Bootstrap Themes. WP Dev Shed » Free WordPress Designs. 20 Amazing Free Font Typeface Pairings. Contrast and Collaboration Graphic designers generally agree that your different fonts should have an element of contrast (i.e. pairing a Sans Serif font with a Serif font) as well as a sense of collaboration-you want your two pieces of type to complement each other and “get along” rather than clash.

20 Amazing Free Font Typeface Pairings

Things like style, flow, width, kerning, thickness, and more can all be attributes that help two different fonts pair nicely with a healthy amount of contrast and collaboration. Free Fonts Below These fonts are all available (as of the moment I published this post) for free! There are download links below each font pairing example. Acknowledgments: Just some awesome people to mention before we get started… Quotes by the insanely cool, QuotesOnDesign.com » Backgrounds for these fonts provided in the sweet background pack available for free at Line25 » Also, double check to make sure any free fonts you download are available for commercial use. 1. Raleway Download Link » 2. Free Responsive HTML5 CSS3 Website Templates. High-Quality Free Website Templates by Styleshout. Curated network for developers and designers.

The Pattern Library. Web Design Tutorials and High Quality Web Resources - Design, CG Graphics & Inspiration. 49 Free Responsive HTML5 CSS3 Website Templates. HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3.

49 Free Responsive HTML5 CSS3 Website Templates

The css3 website templates we are introducing today are totally free with amazing features like flat design, responsive layout, jquery sliders etc. Free doesn’t make it any bad as you can see most of these html templates look like premium templates. We have took a little extra time to grab new HTML templates in this exciting list of freebies. Download, share these templates with your friends and you have complete freedom to modify the theme to your project needs without any attributions. High quality theme with retina ready solutions may be of interest these days for majority of the audience and you can find many template being remade for this option along with responsive layout.

Also take a look at our previous articles on HTML5 Templates. Web Design Blog. One div - The single element HTML/CSS icon database. The Design Blog - Design Inspiration. Bootstrapious - Free Bootstrap Themes & Templates. List of Twitter Bootstrap Resources and plugins. Coolors - The super fast color schemes generator! Best Web Design websites - beautiful Inspiration Gallery - page 3. Home of free code snippets for Bootstrap.

Home - uroboro project. My WordPress Blog. SVG Coordinate System. The coordinate system of SVG (and most other computer graphics) is a bit different from the coordinate systems of mathematics, graphs etc.

SVG Coordinate System

Video Version Here is a video version of this tutorial: Mathematical / Cartesian Coordinate System In a normal cartesian coordinate system the point x=0, y=0 is at the lower left corner of the graph. As x increases the points move to the right in the coordinate system. Here is an illustration of a normal graph coordinate system with 0,0 at the lower left corner: SVG Coordinate System In the SVG coordinate system the point x=0, y=0 is the upper left corner. Iconfinder - 550,000+ free and premium icons.

SVG Patterns Gallery. Eskimoblood.github. Plain Pattern. Online SVG image converter. Online image converter This free online image converter lets you convert your images to the Scalable Vector Graphics (SVG) format (experimental).

Online SVG image converter

You can either upload a file or provide a URL to an image. Additionally you can select digital effects to enhance the image. If you convert from raster images like PNG or JPG, this SVG converter will convert your shapes and objects to black and white vector graphics that are scalable without any loss in quality. They can be later refined or colored with a free vector graphic program like Inkscape. If you convert from other vector formats like eps or ai, this converter will try to keep all vector and color data and convert your vector file as close as possible. The Scalable Vector Graphics (SVG) converter let you convert from almost 130 input formats. Here is a list of some conversion formats we support: Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of Free Icons. UX Repo is Free open source icons, free fonts, language alphabets and more.