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!
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.
3. CSS layouts
More simple css based layouts
4. AJAX Scripts
A collection of really cool ajax scripts which help add that touch of class your project
5. ‘Touch of Class’ Design Tips
Some great tips on making designs ‘pop’ by making small, simple changes.
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/
8. 30 Hot Fonts in 2010
A free collection of fonts that are hot in 2010. This one is a definite bookmark
9. 20 Grunge Fonts
More free fonts, this time they’re grunge ones.
10. CSS grid
A quick and slick way of creating a CSS grid which weighs in at, you guessed it, 1kb.
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.
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.
14. 40 free, hip, funky fonts
More free fonts. 40 of them. All pretty cool and arty. Too good for you
15. 30 high quality brushes
Collection of 30 high quality photoshop brushes updated right up until May 2010 (this month).
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!
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.
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…
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!
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?’.
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.
22. iphone GUI kits
A huge collection of iphone / ipad GUI kits. Very handy for iphone developers and wannabe iphone developers.