You can also check our previous PSD To HTML conversion tutorials collection here :-

1. 20+ New Conversion Tuts to Design Web Templates .
2. 30+ Fantastic PSD to HTML, CSS Web Design Tutorials .

1. How to Convert a .PSD to .HTML  :- In this psd to html video tutorial you will learn how to use Dreamweaver program for psd to html conversion. You will learn to write the markup language and write the .css for your webpage.

2. Slice and Export a Website Layout + HTML:- You will learn how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file.

3. Website layout coding tutorial from PSD into XHTML and CSS :- It is a 1+ hour tutorial which will teach you converting psd into xhtml + css in a real simple technique.

4. Building a Website ( HTML/CSS Conversion ) :- It is part of PSD to HTML/CSS Conversion video tutorial series and learn how to convert photoshop psd file into the HTML and CSS.

5. Coding a Float-Heavy Theme :- In this video tutorial you will learn Photoshop to CSS conversion, but utilizing floats as a great solution to easy layouts.

6. Converting PSD to HTML/CSS Video Tutorial :- Here is one more conversion tutorial in which you will learn how to convert PSD Layouts to HTML/CSS.

7. Slicing PSD & Coding HTML/CSS :- In this video tutorial you will learn how to slice a psd web layout and code it to html and css. You can subscribe to his channel and wait for 2nd part of this tutorial.

You can subscribe to our blog and get new updates of psd to html video tutorials direct in your email inbox.

You can also check our previous free shield vector graphics Collection here:

1. Vector Shield EPS Packs – 30 Free Shield Vector Set.
2. Shield Vector Pack 2 – 10 Free Vector Shield Graphics.

1. Gold Shield Vector :- It is a gold shield vector graphic design with wings for your antique armory, heraldic illustrations, badge, banner, vintage emblem and insignia illustrations.

2. Free Vector Shields :- In this pack you will get 6 free vector shields and they are ready to use for your designs and artworks.

3. Shield Vector :- Here is one more shield vector art compatible with Adobe Illustrator CS2+ and this vector graphic is free for commercial use too.

4. Golden Vector Shield :- Here is one more free vector shield eps file with a unique combination of stars, leaves and a red ribbon for text writing.

5. Vector Heraldic Shields :- Here is one more heraldic shield vector graphic pack in gold color. These graphics can be used for prints on posters, flyers, t-shirt, adds, business cards and you are free to use it for commercial purposes.

6. Deadly Vector Arm :- It is heraldic shield vector graphic illustration of Evil Shield.

7. Free Vector Heraldry Shield :- Free vector heraldry shield created by mixing floral elements, wings, grunge elements, ribbon and crown as decoration.

8. Vector Heraldry Frame :- It is a heraldic shield vector with floral decor frame design and can be used for advertising, t-shirt prints, music bands logotypes, in CD/DVD covers design.

9. Medieval Heraldic Design :- This free vector graphic is created by mixing floral elements, wings and crown as decoration.

10. Free Vector Shields :- In this pack you will get 3 different shield vector graphics design in different style shapes.

11. Coat of Arms :- In this pack you will get 5 Heraldic shields, created by mixing silhouettes from vector heraldic clip art.

You can subscribe to our blog and get new updates of shield vector graphics direct in your email inbox.

1. Beach Party Flyer Template :- This nice party flyer design is created by Samira for bikini beach party.

2. Valentines Party Flyer Template :- This Flyer was designed by Djemir.com for Valentines Bollywood party in Australia.

3. Winter Blast Party Flyer Template :- This flyer design is created by Alucard309 for Winter part theme.

4. PSD Summer Party Flyer Template :- Here is one more cool party theme based flyer design and it is created by Serhat Ozalp.

5. UV Party Flyer Template :- This party flyer was created for a UV party and designed by Michael.

6. “Back To School” Party Flyer Template :- Everyone loves to join School party and it is one of the best stage or part of our young Life. This Party Flyer design is dedicated to school Parties and designed by João Marques.

7. Dune Party Flyer Template :- This flyer was created for a party night at a beach bar and designed by Dendrilite.

8. Stardust Night Club Party Flyer Template :- A futuristic, eye-catching, sexy flyer template for your next night club party designed by MuzikizumWeb.

9. Magical Night Flyer Template :- This flyer design is dedicated for night party themes and created by Serhat Ozalp.

10. Maximum Furore Flyer Template :-Here is one more flyer design designed for nightclub party themes and created by Serhat Ozalp.

11. Free Summer Tropical Beach Party Flyer Template :- It is a free beach party psd template offered by Flyerheroes.com.

I have just kept this showcase small and shared only party theme based flyer designs this time, but soon we will share more best flyer designs inspiration again.

1. GTmetrix – Website Speed and Performance Optimization :- It is a free tool for analyzing your web page loading speed test and generates scores for your pages, which offers better performance optimization tips.

2. Web Page Analyzer :- It is a free website speed optimization tool for analyzing web page loading speed and improve website performance. This Web Page Analyzing script will calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then offers advice on how to improve page load time.

3. PageSpeed Tools Family :- It is a set of browser extensions which allow you to analyze the performance of your web pages loading speed and to get suggestions on how to improve them. This tool also offers PageSpeed Mobile analysis, which lets developers analyze their site as viewed by a mobile browser, and get suggestions specific to mobile optimization.

4. WebPagetest :- It is a free website to analyze your web pages upload time according to different internet speed connections around the world with detailed web page optimization techniques.

5. Firebug Web Development Tool :- It is a free web development tool add-on for web browser with many useful features for web designer or developer to improve web page performance. It helps you in editing and monitoring CSS, HTML, DOM, XHR, JavaScript and Debug any web page.

6. Closure Compiler :- It is a free web development tool by Google for parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what’s left. This tool is integrated with web page speed report, which makes it easier to evaluate the performance gains you can get by using the compiler.

7. PageSpeed Online :- Here is one more web page  loading speed test tool by Google team to check the performance of the content of a web page, then generates suggestions to make that page faster.

8. Pingdom :- It is a free tool that will analyze the load time of your webpage and find all bottlenecks, So you can optimize the performance of webpages.

9. Load Impact :- It is as an online service which allows your to run a free test on web page load testing and reporting users upload time targeted worldwide.

10. Rapid Website Speed Test :- This web page speedtester tool can be used to check how long a website take to load and if it is better to optimize the website or change a (slow) ISP.

Please do share more good page speed optimization tools in comments section, which we have missed to showcase in this blog post.

You may also like our previous free blogger template 2011 Collections :

1. 3 Column Blogger Templates .
2. New Blogger Templates for Blogspot .
3. Free Blogspot Templates in Feb 2011 .

1. StylishGreen Blogger Template  :- It is a 2 columns blogger template with stylish header design and support all blogger widgest. All blog promotion options are placed on top sidebar and you can easily edit them according to your use.

2. RedLine Blogger Template :- It is 2 columns blogger template dedicated to technology niche bloggers with a nice dark style blog layout design. Blog template contain all latest features like pages enabled, widgets ready, featured posts enabled and search box on menu.

3. FireGames Blogger Template  :- It is 2 column games blogger template dedicated to gaming niche bloggers. Template background design features some cool racing cars and offer all latest updated features of blogspot.

4. RadioRock Blogger Template :- Here is one more 2 columns unique blogger template with dark style layout design that has guitar and some microphones that makes great sound. This blog template is dedicated to music and radio niche but you can easily customize it and use for other niche too.

5. MultiWeb Blogger Template :- It is a free 3 column professional blogger template with clean blog layout design with white background, and nice simple header. This fast loading blogspot template offer all updated functions like pages enabled, drag and drop widgets, featured posts enabled etc.

6. MovieBox Blogger Template :- It is a 3 columns video blogger template dedicated to movie niche. Blogspot theme is updated with all latest features and can be customized easily other niche too.

7. TravelSite Blogger Template :- It is a 3 columns clean blogger template design dedicated to travel niche bloggers. Layout header design has strong and darken colors, like black colors in menu and sidebar.

8. GamingZone Blogger Template :- It is a 2 columns gaming blogger template with fixed width and dark beautiful background layout design. Blog theme comes with all latest features and can be used to review new game or you can also share your Machinima or other gaming videos.

9. SuvMax Blogger Template :- It is a 2 column blogger template adapted from wordpress theme design. It has 3 Column footer section and offer all latest features offered for blogspot.

10. eCars Blogger Template :- It is a free 3 column blogger template with adsense ready layout design for auto niche bloggers.

11. MobiTech Blogger Template :- It is 2 columns free premium blogger template layout design in Web 2.0 style and adapted from wordpress. You can use this blog template for tech niche or om mobile review blogs.

12. BlogPro Blogger Template :- It is a 2 column elegant blogger theme adapted from wordpress template design. This magazine style blogspot template offer all premium features like Slider, Tabbed widget, Top Navigation Bar and Web 2.0 style design.

13. CarMod Blogger Template :- It is a 2 column magazine style blogger template design adapted from wordpress them. Layout design offer all premium features and car be used for auto niche blogs.

14. TravelWP Blogger Template :- It is a 2 columns free professional blogger template dedicated to travel niche.

15. Notch Blogger Template :- It is a 2 columns free blogger template design adapted from wordpress blog theme. This clean blog template can be customized easily and used for multi niche purpose easily.

16. ProEducation Blogger Template :- It is a 2 columns premium blogger template design dedicated to education niche. Blog design has fixed width and offers 4 columns in footer section.

17. NewBusiness Blogger Template :- It is a 2 column white blogger template design dedicated to business niche. Blog skin contain all premium options like content slider featured section, tabbed widget, top navigation bar, Web 2.0 etc.

18. ProSUV Blogger Template :- It is a 3 columns dark black blogger template with elegant style layout design offering all premium features.

19. Vintage Camera Blogger Template :- An illustrated micro blogging theme for the vintage camera enthusiast and supports all latest features.

20. X6 Yellow Blogger Template :- It is a free blogger template adapted from WordPress with 2 columns, right sidebar, exclusive design for Blogger and social icons.

If you have designed new blog template or know other cool templates released in 2012 and we missed them here, you can share them in comment section and we will showcase them in next free blogger templates 2012 collection.

You can also check our previous free high quality texture collections here :-

1. Paper Texture & Old Paper Texture Collection .
2. 70 Best Free Wood Textures for Download .
3. Brick Wall Texture Collection .

1. Create Your Own Leather Texture Using Filters :- In this post designer will teach you how to create a leather texture effect from scratch by using Photoshop filters.

2. Leather Texture Tutorial :- Here is one more leather texture photoshop tutorial in which you will learn to create a leather effect by using filters in just 5 steps.

3. Leather Texture Styling in Illustrator :- In this blog post you will learn to create a leather texture effect using Illustrator program.

4. DMC Leather Texture Tutorial :- In this tutorial you will learn how to add leather texture effect to Coat.

5. Leather Texture in Photoshop :- In this tutorial you will learn how to create a realistic leather texture in Photoshop using filters and other options.

6. Leather Textures Pack :- In this pack you will get high resolution leather texture images.

7. Leather Texture Pack 1 :- In this pack you will get 5 free leather textures with high quality images 38inX28.5in and 96dpi.

8. Leather Texture Pk :- In this free leather texture pack you will get 7 high resolution images with size around 2000×1500 pixels.

9. Leather Texture Set :- In this pack you will get 10 high resolution texture images and can be used for background or other design work.

10. Free Leather Textures :- In this pack you will get 7 free high res leather texture background for web, interface and graphic design.

11. Leather Texture Pack :- In this pack you will get 4 free high resolution textures of leather and they are free for personal or commercial use.

12. Leather Texture Pack 001 :- In this free texture pack you will get 6 leather background images, which can be helpful for web design or other decoration works.

13. Gentle Leather Texture Images :- In this pack you will get 3 free high resolution pics of leather designs, which are mostly used on leather products like Bag , belt etc.

14. Leather Textures :- In this pack you will get 10 free leather textures with high resolution backgrounds. Designer created them using PSD.tuts tutorial and file size is little big (130 mb).

15. Seamless Leather Texture :- In this pack you will get some more extraordinary leather design images provided along with a couple human skin patterns/textures.

16. Leather Photoshop Textures :- In this pack you will get 6 free leather images with various designs like orange leather, brown leather, grey leather, zebra skin hide, leopard skin hide and tiger skin hide.

17. Free Tileable Leather Texture :- In this pack you will get tileable leather Photoshop pattern in 8 different colors and they are free for personal and commercial use.

18. Leather Patterns 1 :- In this set you will get 5+ leather texture in different color and designs.

19. Leather Texture Pack :- In this set you will have 9 high-resolution and large-dimension leather textures that you can use in your personal and commercial work.

20. High Quality Leather Textures :- In this pack you will get 5 vintage grungy leather textures with high resolution size.

21. Free Leather Textures :- In this pack you will get 4 free high resolution Leather texture images and size is around 1500×1500px.

22. Leather Cover Texture :- In this set we have 5 leather cover texture background images with nice texture and thread seam.  They also present a super high resolution(4368×2912 or 2798×4254) that enough for you to customize for your project.

You can subscribe to your blog and get next free texture update direct in your email inbox.

1. Photoshop Abstract Energy Brushes :- In this pack you will get 10+ high resolution abstract energy brushes for Adobe Photoshop 7 and CS Version.

2. Pack of Abstract Brushes :- In this free photoshop brushes pack you will get Abstract Lines, light Brushes Vol 1,2,3 created by same designer and they can be used with Adobe Photoshop CS2 & CS3.

3. Abstract Brushes :- In this pack you will get 11 brushes with cool lightning abstract effect and they only work in  Photoshop CS and CS 2.

4. ZIAs Smooth Abstract Photoshop Brushes :- In this pack you will get 5+ adobe photoshop abstract brushes made in PS7.

5. Doom Abstract Brush Set 2 :- In this pack you will get 12 abstract brushes for photoshop. You can use these brushes have different effects  on web graphics or high resolution art works.

6. Abstract Lines :- In this pack you will download photoshop cs3 brushes with 8 different high resolution abstract line designs. Designer created this pack using Abobe Photoshop CS 3 & Illustrator CS 3 and image pack is also included in download folder.

7. Abstract Brush XII + PSD :- In this pack you will get 1 high resolution brush design and designer also provided .PSD File of it inside download folder.

8. Abstract water Brushes :- In this pack you will get 9 free abstract photoshop brushes and can be used for Photoshop CS and higher versions. You are free to use these brushes for any personal and commercial work but credit with link back to designer account DA account Lileya.

9. Abstract Brushes :- In this pack you will get 5 high resolution free abstract brushes for Photoshop CS+.

10. Abstract Brushes :- In this pack you will get 6  high resolution free abstract photoshop brushes for Photoshop CS+ , Gimp and Pixelmator.

11. Abstract Brush Pack :- In this brush pack you will get beautiful abstract photoshop brushes made in CS4. They have 850×850px resolution and free for Personal and Commercial Use.

12. Cosmic lights :- In this pack you will get 30 high quality beautiful light shapes made in Photoshop CS3. The resolution of this brushes go from 800 to 1200 pixels.

13. Speedy Brushes :- In this pack you will get 5 high quality abstract photoshop brushes.

14. Abstract Brushes Pack :- In this pack you will get 7 abstract brushes for photoshop made in CS+, 7.

15. Abstract Smudge Brushes :- In this pack you will get 5 free abstract brushes for photoshop and can be used for grunge effects.

16. VPDesigns Abstract SP Brush Set :- In this pack you will get 18 different abstract brushes for photoshop.

17. Euphoria Abstract Brush Pack :- In this set you will get 24 abstract  photoshop brushes made in Photoshop CS3.

18. Abstract Brush Set :- In this pack you will get 5+ high quality free photoshop abstract brushes with new unique designs.

19. Vector Abstract Brushes Vol.1 :- In this set you will have 77 vector photoshop abstract brushes made in Photoshop CS2 and working fine with upper versions.

20. Abstract Detail Brushes :- In this set you will have 12 Abstract brushes for Photoshop CS and CS2.

In this blog post we have shared 20 different style, shapes brushes and hope that designers will find them useful. You can also subscribe to our blog and get next free photoshop abstract brushes update direct in your inbox.

1. Vector Shield Icons :- I this pack you will get 2 high quality premium shield vector images with two different color scheme (yellow and purple). Both icons are in vector solid shapes and you can edit and place new text effects for designing corporate logo or your own signs.

2. Red Abstract Shield :- In this pack you will get grunge style shield vector with golden swirls background. Such graphic designs can be used to create antique ornament, classic design, design elements, heraldry graphics, old insignia, majestic labels, nobility vectors, retro symbols or Victorian style images.

3. Vector Heraldic Shield :- Here is one more coat of arm with nice background design and decorative floral ornaments plus ribbon. This free vector shield graphic is free to use it for personal or commercial purposes.

4. Vector Shield Heraldic :- This vector is heraldic shield created by some floral ornaments plus swords and crown as decoration. You can use this graphic design sports logo, t-shirts prints and other artworks .

5. Vector Shield Icon :- In this pack you will get a vector graphic file of coat of arm in .ai and .eps file formats.

6. Vector Shield Coat Of Arms :- Here is one more  grundgesque coat of arms with all the original .psd, .ai and .eps files so you can edit and customize this as much as you like. This free  shield vector graphic is free to use it for personal or commercial purposes.

7. Floral Vector Shield :- Here is simple shield vector graphic design with floral artwork in both side.

8. Cool Heraldic Lion Shield Vector :- It is a free shield vector design with heraldic lions, a crown and wings in vector art format. Coat of arms vector emblem to design medieval animal badges, antique armory graphics, crest decoration elements, knight emblems and insignia, royal shield vector signs or heraldry design elements in vector format.

9. Lion Shield Coat of Arms :- Here is one more free heraldic vector shield with grunge lion graphics and laurel, cool vector stock freebie for your t-shirt graphics, company logo or website design.

10. Heraldry Fashion Tshirt Designs :- In this pack you will gwet some amazing shield vectors with crest’s wings and scrolls for complete T-Shirt designs.

You can subscribe to our blog and get new updates of shield vector graphics direct in your email inbox.

You can also check our previous free high quality textures collections here :-

1. Paper Texture & Old Paper Texture Collection .
2. 70 Best Free Wood Textures for Download .
3. Brick Wall Texture Collection .

1. Grounds Pack :- In this free high quality stock photo pack you will get 14 free stock photos of cool ground pictures with high resolution of 3888 x 2592 pixel. This ground stock photo pack can be used to add a realistic background in graphics and feel free to use these free images for commercial use.

2. Free High-resolution Photos :- In this free stock images pack you will get 34 high resolution free stock images of skies, clouds and sunsets and image resolution is 3360 x 2220 pixels, 300 dpi. This stock pack offer free images for commercial use and personal purposes.

3. Bokeh Effects Pack :- In this free stock photo pack you will get 42 images, all weighing in around 3500 pixels wide at 300 dpi. This bokeh pack has a wide range of different styles, colors, clusters and can be used as a background or even a texture overlay in your design. This stock pack offer free images for commercial use and personal purposes. .

4. Human Skulls :- In this stock images pack you will get 54 images of real human skulls that look awesome in dark style designs or as reference shots. Includes everything from fetal skulls to creepy decrepit skulls. All images are high resolution on a black background.Designer offered free images for commercial use and personal purposes.

5. Liquid Ink Pack :- In this free stock iamges pack you will get 45 stock photos of awesome liquid ink at 300 DPI. You can rotate them and try new color schemes for a unique look and bundle offer free images for commercial use and personal purposes.

In this showcase you will get five different bundles of free stock images and they can be used for upcoming projects. You can subscribe to our blog and get next free update of free images for commercial use direct in email inbox.

You can also check our previous free photoshop brushes Collections :

1. Photoshop Tree Brushes – 10+ Free Tree Brush Packs.
2. Download 100+ Best Swirl and Curl Designs Brushes.
3. Photoshop Flower Brushes – Download 10+ Free Flower Brush Set.
4. Photoshop Pencil Brush : 10 Free Pencil Brushes Packs for Photoshop.

1. Large Splatter Brushes :- In this free bursh pack you will get 11 high res splatter brushes with different shapes and designs.

2. Paint Splatter Brushes :- In this pack you will get 44 photoshop paint splatter brushes and they are free to use personal or commercial as long as you credit designer.

3. Splatter Brushes :- In this free photoshop brush pack you will get 5 amazing grunge style splatter brushes and can be helpful of graffiti drawings.

4. Abstract Splatter Z-Brushes :- Here is one more amazing free brush set of high res splatter brushes with 900px width & height. You can do little settings and they can also drawable as a line.

5. Ink Splatter Burshes :- In this pack you will get 20 Photoshop splatter brushes and can be used for painting porpose easily.

6. Paint Splatter Brushes :- In this pack you will get 13 mid-to-high res paint splatter brushes ranging from 1000-2500pxl and they are free for commercial and personal use.

7. Splatter Brushes :- It is a set of high res splatter brushes around 1000 – 2000 pixels in size.These brushes are completely free for personal and commercial use.

8. Got Sprayed Photoshop Brushes :- This brush pack contains 35 spray HQ brushes (resolution 2500px!) brushes compatible with PS 7 and up!

9. Splatters and Stains Brushes :- In this brush pack you will get 12 large splatters and stains brushes. They can be used to create lots of different designs and compatible with Photoshop CS3 and above.

10. Photoshop Splatter Brushes :- This custom hand made brush pack contains 5 splatter brushes and only work in Photoshop CS+.

11. Splat Brushes :- In this pack you will get 5+ splatter brushes and they are free personal use only and you have to creadit credit in your work.

12. Brushes – Splatter Pack 2 :- In this pack you will get 28 splatter brushes for Photoshop CS3. These brushes are made from me flicking ink at pieces of paper due to boredom, they actually became quite pretty after a while.

13. Nightshade Blood Splatter :- In this pack you will get 100 hi-resolution blood splatter brushes with a high amount of variety in them. Sizes are around 1400-1500 (some up to 1600 and maybe one or two in the mid 1300px range) so that you can create awesome blood effects.

14. Paint Splatter Brushes :- In this pack we have some simple paint splatter brushes with different shape and lines. You have to creadit designer if you want to use them.

15. Watercolour Splatter Brushes :- In this free brush pack you will get 5+ watercolour splatter brushes and resolution is around 675 Pixels.]

16. Splatter Brushes :- In this pack you will get 11 high res splatter brushes and free for personal and commercial use.

17. Blood and Splatter Brushes :- In this pack you will get 10+ blood and splatter brushes and but they do not work in PS 7 or lower versions.

18. Blood or Splatter Brushes :- In this pack we have 50+ blood and splatter brushes with unique shapes and designs.

19. High Res Splatter Brushes :- In this pack we have 14 high resolution Photoshop splatter brushes. The 14 brushes in the set range from 500px to 2500px is size giving you enough variation to get creative.

20. Blood Splatter Brushes II :- In this pack we have 10 photoshop splatter brushes for CS3 and higher version. This brush pack is free for personal and commercial purpose.

21. Blood and Splatter Brushes :- In this pack you will get 13 blood and splatter brushes for ps7 users.

22. Grunge Splatter Brushes :- In this mixed pack you will get 30+ grunge and splatter brushes for Photoshop 7.0.

23. Splatter BRUSHES Photoshop :- In this pack you will get almost 25+ free splatter brushes for photoshop.

24. Free Splatter Brushes :- In this free brush pack you will get 12 splatter brushes and designer created them with Photoshop CS.

25. Splatter Brushes :- In this pack we have some cool paper and watercolor created splatter brush shapes made in Photoshop 7.

26. Blood Splatter Brushes Pack :- In this pack you will get 11 splatter brushes and size is around 208px to 513px.

27. Splatter Brushes :- This pack contains 13 splatter brushes and should work in all versions of photoshop from PS 6 onwards.

28. Glossy Blood Splatter :- In this pack you will get 50 higher resolution blood splatter brushes and can be used for commercial and non-commercial work.

29. Watercolour Splatter :- In this brush pack we have 15 High res watercolour splatter brushes and resolution is around 2000 – 2500px in size.

30. Splatter Brush Pack :- In thisa set you will get 24 splatter shapes grabbed from watercolors. This brush pack is made in Photoshop CS and can be used for grafiiti or other background design creations.

In this blog post we have shared 30 different style, shapes brushes and hope that designers will get some help in selection. You can also subscribe to our blog and get next free splatter brushes update direct in your inbox.