View Full Version : Web design tools [ Official web link list ]

01-30-2012, 02:04 PM
I will try to post all sites I use for web tips and tricks.

http://www.google.com/webfonts (http://www.google.com/webfonts)(Open-source font optimized for the web)
http://www.stripemania.com/ (http://www.stripemania.com/) ,http://www.stripegenerator.com/ (http://www.stripegenerator.com/) (Create stripe background and borders)
http://www.colourlovers.com/ (http://www.colourlovers.com/)(Create & share color palettes and patterns)
http://lipsum.com/ (http://lipsum.com/)(Demo content filler, dummy text)
http://1bit.markwheeler.net/ (http://1bit.markwheeler.net/) , http://www.alsacreations.fr/dewplayer-en (http://www.alsacreations.fr/dewplayer-en) (Flash Mp3 player)
http://fancybox.net/ (http://fancybox.net/)(Image lightbox plugin)
http://prefixr.com/ (http://prefixr.com/) (Customizes CSS code to the browser being used) - thanks to Claude Perdu
http://validator.w3.org/ (http://validator.w3.org/) (W3C Markup Validation)
http://listjs.com/ (http://listjs.com/) (organizing and editing html lists)
http://lesscss.org/ (http://lesscss.org/) , http://sass-lang.com/ (http://sass-lang.com/)(CSS preprocessors )
http://www.fontsquirrel.com/ (commercial use free fonts)

01-30-2012, 02:11 PM
BTW, I love the new auto-save feature. reloaded page by mistake, lost everything but had the option to click and restore content. :slayer:

Claude Perdu
02-06-2012, 09:58 AM
Prefixr is a good one. Have to say it's not always complete though so double check!


02-06-2012, 11:18 AM
wow, that is awesome. Never heard of this site.

Rep to you sir. Good find.

02-06-2012, 11:39 AM
Good tool to make sure you did everything right:
- W3C Markup Validation (http://validator.w3.org/)

Claude Perdu
02-10-2012, 12:06 PM
Cross-browser Javascript for organizing and editing html lists - http://listjs.com/

Haven't checked these out yet, but CSS preprocessors are most definitely in the lift at the moment - http://lesscss.org/ - http://sass-lang.com/

02-13-2012, 10:31 AM
Updated. :tup:

07-13-2012, 01:23 PM
Found another good site for fonts.


08-13-2012, 02:06 PM
Add custom Twitter feed to your site, showing your posts or key word related Tweets, with jQuery.



Show realtime related tweets based on your post tags.
Show your twitter timeline; related to your post or not.
Return only tweets with links or return all.
Limit tweets by 1 or more users. (from/to/mention users!)
Limit tweets by a location geocode and a radius.
Search by tags in Or-ing or And-ing mode.
Many tweets' transition options like opacity, height, font-size.
Each part of the tweet like Avatar, links, Hashtags.. has its own class so you can customize its style.
Show or hide some parts of the tweet like avatar, author name, date.
Use a typical JS call or auto-load div elements that have "related-tweets" class.

songwriters arg
08-13-2012, 07:27 PM
Thanks for the information.