PDA

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



Rek_Aviles
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)

Rek_Aviles
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!

http://prefixr.com/

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

Rep to you sir. Good find.

NickJames
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/

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

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

http://www.fontsquirrel.com/

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


http://www.moretechtips.net/2009/09/realtime-related-tweets-bar-another.html

Features:

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.