22 cool webmaster resources

webmaster resources

Here’s a list of 22 resources i’ve bookmarked over the last few weeks. CSS, AJAX, JQuery, Photoshop, Fonts, Wireframes, Design & Productivity Tips… you should find something of interest!…

1. CSS Menus


A collection of pure CSS based horizontal menus. Just view the source code and css styles to use them in your own projects!

Link: http://www.tympanus.net/Tutorials/CSSonlyMenus/

2. Custom Google Maps


This is a really cool way to add that touch of class to a google map. You can customize markers and info boxes and even download the sample files that stiern.com have created.

Link: http://stiern.com/tutorials/adding-cu+stom-google-maps-to-your-website

3. CSS layouts


More simple css based layouts

Link: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

4. AJAX Scripts


A collection of really cool ajax scripts which help add that touch of class your project

Link: http://miniajax.com/

5. ‘Touch of Class’ Design Tips


Some great tips on making designs ‘pop’ by making small, simple changes.

Link: http://buildinternet.com/2009/06/five-minute-upgrade-making-your-design-pop/

6. Javascript WYSIWIG Editor


It’s like a wysiwig editor but for javascript all done on the web page! Very cool and handy for building javascript driven forms and interfaces, especially if you don’t like coding or coding from scratch.

Link: http://www.ixedit.com/

7. HTML Character Entities


How often have you seen a website use (c) rather than © ??? Too often! Don’t be lazy, use the html and you can find the basic character entities here. Here’s a bonus collection of some pretty wierd ones… http://www.turtleblog.co.uk/2009/11/character-entities-you-might-not-know/

Link: http://www.w3schools.com/html/html_entities.asp

8. 30 Hot Fonts in 2010


A free collection of fonts that are hot in 2010. This one is a definite bookmark šŸ˜‰

Link: http://slodive.com/freebies/top-30-free-very-professional-fonts-for-2010/

9. 20 Grunge Fonts


More free fonts, this time they’re grunge ones.

Link: http://www.mostinspired.com/blog/2010/04/16/20-free-grunge-fonts-you-just-must-have/

10. CSS grid


A quick and slick way of creating a CSS grid which weighs in at, you guessed it, 1kb.

Link: http://www.1kbgrid.com/

11. CSS3 inline Editing


Edit code in place and watch how your editing changes the element inline. Very handy for getting to grips with basic CSS3 and understanding how it works.

Link: http://css3please.com/

12. Code Snippet Resource


It’s like a webmasters version of a scrapyard. You’ll have a field day on snipplr. Get snippets on code and save yourself tonnes of time. No point in reinventing the wheel and there’s a good chance you’ll find the right wheel for you on snipplr.

Link: http://snipplr.com/

13. CSS and Javascript Compressor


Now that google takes speed in to consideration for rankings, you want any little boost you can get. Compressing your CSS files or javascript files will give you a theoretical boost, so why not do it. This is an excellent tool for just that. Copy & paste your existing code, then copy the output. It’ll do the same job, it just gets rid of all the white space and crap.

Link: http://compressor.ebiene.de/

14. 40 free, hip, funky fonts


More free fonts. 40 of them. All pretty cool and arty. Too good for you šŸ˜‰

Link: http://naldzgraphics.net/freebies/40-best-fonts-for-better-typography-designs/

15. 30 high quality brushes


Collection of 30 high quality photoshop brushes updated right up until May 2010 (this month).

Link: http://visionwidget.com/resources/vectors/527-free-photoshop-brushes-in-jan-apr-2010.html

16. Build you own jQuery theme


Allows you to roll your own jquery based theme. Uber cool. Pity i only discovered this now and not a few months ago when i could have used it in a project for extra wow effect!

Link: http://jqueryui.com/themeroller/

17. Search flickr images by colour


Search for creative commons flickr images by colour. Very cool if you’re trying to use images to blend in to an overall theme.

Link: http://labs.ideeinc.com/multicolr/

18. Wireframes for websites & mobile apps


Old school pen and paper design may be dead in your eyes but it can still be useful to come up with ideas and visualize things better. Wireframes are basically templates to design with. You can get them for browsers, iphone, graphs…

Link: http://www.geekchix.org/blog/2010/01/03/a-collection-of-printable-sketch-templates-and-sketch-books-for-wireframing/

19. Free Photoshop 3D Plugin


I mentioned this tool before but it’s free and useful and worth another mention. If you’re in to 3D & photoshop, you need this tool!

Link: http://www.3dvia.com/products/3dvia-for-adobe-photoshop/

20. Should you use tables?


There are plenty of people who will revert to tables just because they think they’re easier to use and it’s what they’re used to. This site does an excellent job of answering the question ‘should i use tables for layout?’.

Link: http://shouldiusetablesforlayout.com/

21. Watermark images quickly


Ever wanted to watermark all of your images? If you have hundreds in a directory, it might take you a while to manually add watermarks to them all. Luckily, this site explains how to watermark entire directories of images with just a few simple lines of code.

Link: http://systembash.com/content/php-gd-htaccess-to-watermark-all-images-in-directory/

22. iphone GUI kits


A huge collection of iphone / ipad GUI kits. Very handy for iphone developers and wannabe iphone developers.

Link: http://speckyboy.com/2010/04/30/iphone-and-ipad-development-gui-kits-stencils-and-icons/

3 thoughts on “22 cool webmaster resources”

  1. I just want to tell you that I am very new to blogging and honestly savored this web blog. More than likely Iā€™m want to bookmark your website . You really come with very good well written articles. Many thanks for sharing your web-site.

Leave a Reply