background preloader

49 Free Responsive HTML5 CSS3 Website Templates

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. 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 Spore – Free HTML5 Masonry Blog Template DemoDownload Burstfly – Free Grid HTML template DemoDownload Mart eCommerce Template Nava Lens | Design, CG Graphics & Inspiration | Web Design Tutorials and High Quality Web Resources - 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. 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, » 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. Lora Download Link »

Google Image Sitemaps - Brand Builder Websites Google Image Sitemaps are an extension to XML Sitemaps. 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.

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. 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. Here is an illustration of an SVG coordinate system with 0,0 at the upper left corner: Coordinate System Units You can specify what 1 unit in the SVG coordinate system corresponds to. If you do not specify any units after a coordinate value, the unit is assumed to be pixels (px). Here is a list of the units you can use with SVG elements:

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). 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. 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:

Coolors - The super fast color schemes generator! Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of Free Icons Iconfinder - 550,000+ free and premium icons UX Repo is Free open source icons, free fonts, language alphabets and more.