Log in

View Full Version : General Useful Resources For Web Designers


robonis
04-02-2012, 22:20
http://www.dynamicdrive.com/
http://www.w3schools.com/
http://www.w3.org/
http://validator.w3.org/
http://www.cynthiasays.com/
http://www.cssplay.co.uk/
http://www.php.net
http://www.webs.com/
http://www.wordpress.com/
http://www.blogger.com
http://www.javascriptkit.com/
http://www.htmlgoodies.com/
http://htmldog.com/
http://tutvid.com/
http://www.javascript.com/
http://www.mysql.com/
http://www.cssmenumaker.com/
http://www.sites.google.com
http://www.picasa.google.com/
http://www.flickr.com/
http://code.google.com/edu/ajax/index.html
http://www.asp.net/
http://notepad-plus-plus.org/
http://www.gimp.org/
http://www.wampserver.com/en/
http://www.freewebtemplates.com/
http://www.httpd.apache.org/download.cgi
http://www.html.net/
http://www.codeacademy.com
Official Website Award Criteria PDF (http://www.usfirst.org/sites/default/files/uploadedFiles/Robotics_Programs/FRC/Game_and_Season__Info/2012_Assets/2012%20website%20criteria%20section%20of%20team%20 manual.pdf)
These are some links that could be useful to anyone programming or wanting to make a website. If you have any more just comment :)
- FRC Team 1980 The Brigade
Our Website (http://www.team1980.org)

zim2411
06-02-2012, 12:35
Hm... a decent list, but it's a little outdated. I would avoid dynamicdrive.com now, most of their scripts are ancient, and kind of trashy. Avoid ASP like the plague.

Javascript Tools:

http://jquery.com/
http://jqueryui.com/
http://jquerymobile.com/
Unfortunately, jQuery has taken their plugins site offline, so you have to Google around to find things
Modernizr (http://www.modernizr.com/) - Brings conditional logic to your CSS and allows you to target browsers by feature sets


Design Discussion

http://www.smashingmagazine.com/ - Excellent resource, lots of user experience articles. If you really want to pursue web design/development, start reading this now.
http://css-tricks.com/

Both of those sites feature responsive design. Resize your browser, and watch how the contents of the page realign so that you never have to scroll horizontally. You will definitely get bonus points if you can do this on your site.

CSS

LESS CSS (http://lesscss.org/) - Write less CSS code. This is awesome, but be sure to compile your CSS for your production site.
Sass (http://sass-lang.com/) - Similar to LESS, lets you write CSS more efficiently.
CSS3 Gradient Editor (http://www.colorzilla.com/gradient-editor/) - Take advantage of CSS3's linear gradients to render nice things in-browser
CSS3 Info (http://www.css3.info/) - More CSS3 information including box-shadows, rounded corners, rgba, and more.
Article about using SVG instead of CSS3 Gradients (http://designfestival.com/a-farewell-to-css3-gradients/) - You have to use SVG for IE9, unfortunately
CSS3 Buttons (http://hellohappy.org/css3-buttons/) - A nice variety of good looking buttons



Testing

Browsershots (http://browsershots.org/) - Get screenshots from just about every browser possible
Expression Web SuperPreview (http://expression.microsoft.com/en-us/dd565874) - Preview what a page looks like in IE6, 7, and 8 on newer computers. Limited functionality though, as you can't really interact with the page.
Microsoft's Internet Explorer Virtual Machines (http://www.microsoft.com/download/en/details.aspx?id=11575) - Test in older IE versions in a virtual machine. You can use the developer tools to debug things.


Misc.

Bootstrap (http://twitter.github.com/bootstrap/) - A frontend framework for responsive design sites
HTML5 Boilerplate (http://html5boilerplate.com/) - Excellent starting point for doing a page from scratch. Use this.
Firebug (http://getfirebug.com/) - The best DOM inspector (in my opinion.) If you do not know about DOM inspectors yet, learn NOW. They are your most powerful debugging tool. Chrome, Safari, and even Internet Explorer ship with DOM inspectors. Firefox has a new one, but it's not nearly as powerful as Firebug.