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

1

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

2

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

3

More simple css based layouts

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

4. AJAX Scripts

4

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

5

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

6

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

7

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

8

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

9

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

10

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

11

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

12

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

13

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

14

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

15

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

16

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

17

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

18

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

19

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?

20

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

21

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

22

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/

  • http://www.cubeisland.com Gerard

    Here is another one http://www.mysqlformatdate.com, he help you format date in mysql queries. Great for format dates for new page etc

  • Anonymous

    Really a great update and it would be so helpfull as well.
    cell phone tracking

 

Your browser is out of date. It has security vulnerabilities and may not display all features on this site and other sites.

Please update your browser using one of modern browsers (Google Chrome, Opera, Firefox, IE 10).

X