background preloader

Web Designing

Facebook Twitter

Web Design Blog, Tutorials and Inspiration. 15 High Quality PSD’s that You’ll Actually Use. It now seems that every designer under the sun is offering free PSD’s to help entice new business and increase traffic to their websites.

15 High Quality PSD’s that You’ll Actually Use

I’ll hold my hands up high as i’m one of these people. But out of all these free PSD’s how many of them do we actually find useful? So, i’ve put together a small list of high quality PSD’s I know you’ll love! Be sure to take a look through each of the PSD’s authors websites too, they’ve put a lot of time and effort into providing other designers with these free PSD’s we can all use and learn from! If you have any PSD’s or designers offering free PSD’s that you’d like to recommend, feel free to post them in the comments below! World Map & Pin Author: Thom van der Weerd | Website | Dribbble | Twitter Keepr – 2 PSD Icons Author: Jeremy Sallee | Website | Dribbble | Twitter Transparent UI Kit. 8 Free Tools for Testing Website Speed.

Website speed is not something that should be taken lightly, especially since it has such a big impact on SEO.

8 Free Tools for Testing Website Speed

To help you out, today we gathered 8 free tools for testing your website speed. Some of the tools will generate suggestions to make things faster on your site, while others will give you detailed info about load speed and other things. So make sure to check out each of them. PageSpeed Insights PageSpeed Online analyzes the content of a web page, then generates suggestions to make that page faster. Load Impact Load test your website online, we offer load testing and reporting as an online service to e-commerce & B2B sites all over the world. Neustar Web Performance A quick and easy way to get performance data on any website without having to create a test script. WebPagetest Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds.

OctaGate SiteTimer pingdom Which Loads Faster. Professor Cloud. This tool converts SVG into an HTML5 Canvas JavaScript function.

Professor Cloud

It will work with any host, and I hope it helps people to experiment with Canvas. Most vector art packages (Illustrator, Inkscape etc) can export as SVG. It uses a modified version of the excellent Canvg library. Canvg usually renders the SVG immediately and does not output JavaScript source code. 10 Online HTML5 Tools For Web Designers. If you haven’t heard, HTML5 is taking the web by storm!

10 Online HTML5 Tools For Web Designers

It is currently being enhanced by experts to provide us Web Designers & Developers with awesome new revolutionary web page features! HTML5 Background Information For those of you who are new to HTML5, here is some quick background information to get you up to speed. HTML5 is the new language for presenting content on the Internet (at the time of writing this article it is still in beta but soon to be released in 2012).HTML5 brings new features making it easy to incorporate video, audio, fonts, drag & drop, web graphics & animations into your web pages.HTML5 is backwards compatible to don’t worry about your old designs in HTML 4 or XHML1 they will work just the same! jQuery has started killing Flash, HTML5 will finish it off for sure. HTML5 Online Tools & Resources Online Sprite Box Tool Online 3D Sketch Tool This is no ordinary sketch tool, it uses the power of HTML Canvas to create 3D drawing.

Online Font Testing Tool. Stripe Pattern Generator Tool. Spritebox. Automatoon. For web developers. Sketchy Structures. Sketch in 3D. HTML5 Audio element maker. Font dragr.

10 Things Every Web Designer Just Starting Out Should Know. There are many aspects of creating a website design.

10 Things Every Web Designer Just Starting Out Should Know

Web designers often have to play multiple roles and be very knowledgeable about building effective and usable site layouts. Most of the lessons you’ll learn in web design comes from work experience; learning is an iterative process and there is no better way to gain knowledge than to make mistakes (and then and learning from them). In this article, we discuss 10 essential and general tips that every novice web designer should know. 1.

Optimize Web Graphics for Better Page Load Times Learn how to optimize your web graphics by selecting the proper format and making sure that it’s as small as it can possibly be. Here a general rule of thumbs for picking the right file format: images that have solid colors are best saved as PNGs and GIFs, while images with continuous colors (such as photographs) are best saved as JPGs. 2. A good web design is not just one that looks visually appealing, but also one that is user-friendly. 3. 4. 5. 6. 7. 8. 9.