Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Coding Forum


You are currently viewing our Coding Forum as a guest. Please register to participate.
Login



Reply
225+ Web Development Resources
Old 06-10-2008, 03:43 PM 225+ Web Development Resources
VirtuosiMedia's Avatar
Web Design Made Simple

Posts: 1,228
Trades: 0
Open Source Code Editors

http://www.activestate.com/Products/...odo_edit.mhtml Komodo Edit
http://notepad-plus.sourceforge.net/uk/site.htm Notepad++

Development Environments

http://www.apachefriends.org/en/xampp.html XAMP will install PHP and MySQL on your computer – comes with an easy installer

FTP Clients

http://filezilla-project.org/ FileZilla
http://www.smartftp.com/ SmartFTP

Essential Browsers

http://www.microsoft.com/windows/pro...e/default.mspx Internet Explorer
http://www.mozilla.com/en-US/firefox/ Firefox
http://www.opera.com/ Opera
http://www.apple.com/safari/ Safari

Additional Browsers

http://flock.com/ A social web browser
http://lynx.isc.org/ A text-only browser

Browser Information

http://marketshare.hitslink.com/repo...ame=M&qpsp=111 Current Browser Market Share statistics
http://en.wikipedia.org/wiki/Comparison_of_web_browsers Web browser comparison chart

Essential Browser Plugins

http://www.joehewitt.com/software/firebug/ Firebug will help you debug JavaScript and can also help with HTML and CSS issues as well (Firefox)
http://developer.yahoo.com/yslow/ An add-on for Firebug that displays site load time and tells you how you can improve (Firefox)
http://chrispederick.com/work/web-developer/ Web developer lets you isolate different aspects of your page by letting them turn them off (Firefox)
https://addons.mozilla.org/en-US/firefox/addon/6683 Firecookie is another plugin for Firebug and it lets you control your cookies (Firefox)
http://www.opera.com/products/dragonfly/ Dragonfly is Opera’s answer to Firebug, but is currently still in an alpha release (Opera)

(X)HTML

http://www.w3.org/MarkUp/ The official (X)HTML specification
http://www.w3schools.com/Html/default.asp An HTML tutorial with quizzes
http://www.htmlcodetutorial.com/ A reference guide for common (but not all) HTML tags

CSS

http://www.w3.org/Style/CSS/ The official specification
http://www.w3schools.com/css/ Tutorial for CSS with quizzes

JavaScript

http://www.virtuosimedia.com/article.php?id=53 My tutorial for MooTools, but you’ll learn a lot of what you need to know about JavaScript here as well. You’ll love MooTools once you figure it out
http://www.w3schools.com/JS/default.asp Tutorials with quizzes
http://developer.yahoo.com/yui/theater/ Video tutorials - Watch all 3 series by Douglas Crockford, Javascript, Advanced JavaScript, and Theory of DOM- You’ll need to take notes and go over them to understand, but you’ll learn it the right way.

XML

http://www.w3.org/XML/ The official XML specification
http://www.w3schools.com/xml/default.asp Tutorials with quizzes

PHP

http://www.php.net/ The official site with documentation- You’ll find you reference it a lot as you work
http://www.tizag.com/phpT/ Tutorials for PHP
http://www.w3schools.com/PHP/php_intro.asp PHP tutorials and quizzes
http://www-128.ibm.com/developerwork...y/os-php-read/ IBM has some great PHP resources

Database Design

http://bytes.com/forum/thread585228.html A thread about normalization, a very important concept in database design
http://www.simple-talk.com/sql/datab...sign-mistakes/ Database design no-no’s and solutions

MySQL

http://www.mysql.com/ The official site with documentation
http://www.ilovejackdaniels.com/chea...l-cheat-sheet/ A MySQL cheat sheet
http://www.tizag.com/mysqlTutorial/ A MySQL tutorial
http://ca.php.net/mysql PHP functions for MySQL

PostgreSQL

http://www.postgresql.org/ The official site with documentation
http://us2.php.net/pgsql PHP functions for PostgreSQL

Database Abstraction

http://www.webmaster-talk.com/the-da...straction.html A thread where I learned a lot about database abstraction. Multiple links are in the thread

Code Validation

http://validator.w3.org/ HTML, XHTML, SMIL, and MathML Validation
http://jigsaw.w3.org/css-validator/ CSS Validation
http://validator.w3.org/checklink Link Validation
http://validator.w3.org/feed/ RSS and Atom Validation
http://www.totalvalidator.com/validator/ValidatorForm Checks spelling and other site factors
http://www.xmlvalidation.com/ An XML validator
http://www.stg.brown.edu/service/xmlvalid/ Another XML validator

Optimization and Testing

http://stevesouders.com/cuzillion/ A tool that lets you check to see what the optimal page arrangement for including your scripts and stylesheets will be
http://www.websiteoptimization.com/services/analyze/ Checks page size and speed
http://services.google.com/websiteoptimizer/ Google's website optimizer
http://www.websitegrader.com Gives your site an SEO grade
http://vandelaydesign.com/blog/tools...-your-website/ A long list of analytics and optimization tools

Emulators

http://browsershots.org/ Test your site in different browsers

VirtuosiMedia is offline
Reply With Quote
View Public Profile Visit VirtuosiMedia's homepage!
 
 
Register now for full access!
Old 06-10-2008, 03:44 PM Re: 225+ Web Development Resources
VirtuosiMedia's Avatar
Web Design Made Simple

Posts: 1,228
Trades: 0
Inkscape (for graphics, open source)

http://inkscape.org/download/ You can download it here (official site)
http://inkscapetutorials.wordpress.com/ Tutorials for Inkscape
http://www.pixel2life.com/tutorials/inkscape/ More tutorials for Inkscape (and other software that could be very useful)
http://wiki.inkscape.org/wiki/index....torialsAndHelp A list of Inkscape tutorials and tutorial sites

GIMP (for graphics, open source)

http://www.gimp.org/ The official site for GIMP
http://www.gimp.org/tutorials/ Tutorials, but I think they are more focused on how to use the program than on how to create specific graphics (but there is some of that too)
http://tutorialblog.org/gimp-tutorials/ A selection of tutorials
http://gimp-tutorials.net/ A GIMP tutorial site
http://www.tutorialized.com/tutorials/Gimp/1 More GIMP tutorials, but check out the rest of the site too, lots more tutorials on lots of subjects

Photoshop

http://psdtuts.com/ One of the best Photoshop tutorial sites I’ve found
http://photoshoptutorials.ws/photoshop-tutorials/ More tutorials
http://www.tutorialized.com/tutorials/Photoshop/1 A very large collection of tutorial
http://www.pslover.com Another, even larger, collection of tutorials

Code Compression

http://www.cleancss.com/ A CSS code compressor
http://www.cssdrive.com/index.php/main/csscompressor/ CSS code compressor
http://tools.arantius.com/css-compressor Yet another one for CSS
http://www.julienlecomte.net/blog/2008/01/42/ JavaScript and CSS
http://dean.edwards.name/packer/ A JavaScript compressor
http://javascript.crockford.com/jsmin.html JavaScript

Generators

http://www.smashingmagazine.com/2006...ne-generators/ A ridiculously long and useful list of generators including some for ASCII, color, CSS, domain names, emails, favicons, flash, forms, graphics, .htaccess, metatags, passwords, pdfs, PHP, popups, robots.txt, RSS, sitemaps, text, tooltips, weblogs, xml, and more
http://pinoy-blog.isoftinno.com/2007...ne-generators/
Another long list of generators

Analytics

http://www.feng-gui.com Simulates eye-tracking, but not foolproof- free
http://www.fusestats.com/ An analytics package, free trial, paid premium options
http://crazyegg.com/ Another analytics package, free trial, paid premium options
http://www.google.com/analytics/ In case you didn't know about it - free
http://www.w3counter.com/ Another free trial, paid premium option
http://advertising.microsoft.com/adv...nter-analytics Microsoft’s free analytics package

Mobile

http://www.w3schools.com/wap/default.asp A WAP/WML tutorial
http://code.google.com/android/ Google's mobile platform
http://mtld.mobi/emulator.php Test your site's appearance for mobile phones
http://iphonetester.com/ Test your site's appearance on the iphone
http://www.marketcircle.com/iphoney/ A downloadable program to test for the iphone
http://www.mobisitegalore.com/ Build an ad-supported mobile site for free

Design

http://www.colourlovers.com/ Helps you choose your site's colors
http://www.joehallock.com/edu/COM498/index.html A study on color
http://www.virtualhosting.com/blog/2...cking-studies/ An article about scientific web design
http://developer.yahoo.com/ypatterns/index.php The Yahoo Design Pattern Library
http://groups.ischool.berkeley.edu/u...terns/home.php
A UC Berkeley resource for building user-interfaces
http://www.bluevertigo.com.ar/bluevertigo.htm A great resource for all sorts of design elements to include on your sites including stock photography, fonts, brushes, logos, clip art, sounds, icons, and more
http://psychology.wichita.edu/surl/u...ws/3S/font.htm A font usability study
http://ilovetypography.com/ A site about typography
http://www.boxesandarrows.com/ A great site with design theory, case studies, and examples


Design Inspiration

http://designshack.co.uk/gallery/all/ Choose by color, layout, and more from over 1300 designs
http://www.thebestdesigns.com/
http://cssremix.com/
http://cssmania.com/
http://screenfluent.com/
http://www.screenalicious.com/
http://onepagelove.com/ One page websites
http://www.csszengarden.com/ See what you can do with CSS
http://www.deviantart.com A community site for photography, graphics, drawing, etc

Widgets, Apps and APIs

http://code.google.com/apis/opensocial/ Google's Open Social network app development center
http://developers.facebook.com/ Build apps for facebook
http://sproutbuilder.com/ A widget builder (still in beta)
http://www.amazon.com/gp/browse.html?node=3435361 Amazon's API
http://www.paypaldeveloper.com/ PayPal's developer community
http://developer.revver.com/ API for Revver, a video sharing site
http://code.google.com/apis/youtube/overview.html YouTube's API
http://code.google.com/apis/maps/ Google Maps API
http://code.google.com/more/ All of Google's APIs
http://apidoc.digg.com/ Digg's API
http://www.widgetbox.com/ A widget creation tool and library
http://www.addthis.com/ A social bookmarking widget
http://openid.net/developers/ Make your site OpenID enabled
http://twitter.com/help/api Twitter's API
http://developer.authorize.net/ Authorize.net API
http://techmagazine.ws/full-web-20-api-list/ A HUGE list of APIs for almost anything you will need

Code Frameworks

http://mootools.net/ A JavaScript framework
http://jquery.com/ Another JavaScript framework
http://www.prototypejs.org/ Another JavaScript framework
http://script.aculo.us/ User interface component for Prototype
http://developer.yahoo.com/yui/ Yahoo's User Interface Library
http://framework.zend.com/ An open source PHP framework
http://pear.php.net/ Another PHP framework
http://www.cakephp.org/ Cake PHP Framework
http://codeigniter.com/ Another PHP framework
http://www.contentwithstyle.co.uk/Articles/17/ A CSS framework?


Offline or Out-of-Browser Apps

http://www.adobe.com/products/air/ Adobe's AIR
http://gears.google.com/ Google Gears
http://www.mozilla.org/xpfe/ Mozilla Platform

RSS and Atom

http://searchenginewatch.com/showPage.html?page=2175271 An RSS tutorial
http://www.syndic8.com/ A feed directory
http://pipes.yahoo.com/pipes/ A feed aggregator and manipulator
http://www.feedburner.com Hosts, builds, and distributes feeds

Tutorials

http://developer.yahoo.com/yui/theater/ Over 40 video tutorials and presentations - Highly recommended
http://www.htmlcodetutorial.com/ Learn HTML
http://www.tizag.com/ Tutorials for HTML, CSS, PHP, PERL, AJAX, ASP, VBScript, XML, SQL, MySQL, and Flash
http://www.w3schools.com/ Tutorials on most web-based programming languages
http://www.howtocreate.co.uk/tutoria...ript/important A JavaScript tutorial
http://www.simple-talk.com/sql/datab...sign-mistakes/ An article on database design
http://about.stompernet.com/library More video tutorials, though some are product advertisements

Script Libraries

http://sourceforge.net/ All open source, all languages- have fun!
http://www.ajaxrain.com Over 1000 AJAX snippets
http://www.hotscripts.com/ Another large collection in multiple programming languages
http://www.dynamicdrive.com/ A DHTML and JavaScript library
http://www.phpclasses.org/ An ugly and annoying site that actually provides very useful PHP classes
http://regexlib.com/ A library for Regular Expressions

Keyword Research Tools

https://adwords.google.com/select/KeywordToolExternal Google's keyword helper
http://freekeywords.wordtracker.com/
http://www.wordtracker.com Paid service
http://inventory.overture.com/ I couldn't get it to load, but it should be there

Semantic Web

http://www.ysearchblog.com/archives/000527.html Yahoo is supporting semantic web formats
http://microformats.org/ A site describing microformats, with news updates
http://microformats.org/wiki/hcard A description of hCard
http://microformats.org/wiki/hcalendar A description of hCalendar
http://microformats.org/wiki/hreview A description of hReview
http://microformats.org/wiki/hatom A description of hAtom
http://microformats.org/wiki/xfn A description of XFN
http://en.wikipedia.org/wiki/Dublin_Core Overview of Dublin Core
http://dublincore.org Official Dublin Core website
http://www.foaf-project.org/ The FOAF project
http://www.georss.org/ GeoRSS website
http://search.yahoo.com/mrss MediaRSS specification
http://www.w3.org/TR/xhtml-rdfa-primer/ Primer for RDFa
http://en.wikipedia.org/wiki/Embedded_RDF Description of eRDF
http://www.xml.com/pub/a/2001/01/24/rdf.html Article explaining RDF
http://www.rdfabout.com/ Explains RDF
http://www.w3.org/RDF/ W3C specification for RDF
http://www.w3.org/TR/owl-features/ W3C specification for OWL

Internationalization and Localization

http://unicode.org/cldr/index.html Provides local equivalents for countries, languages, measurements, date and time formats and more
http://code.google.com/apis/ajaxlanguage/ Google's translator as an API
http://www.w3.org/International/ W3C site on internationalization

Search Engine Optimization (SEO)

http://www.mattcutts.com/blog/ Google’s unofficial conduit to the SEO industry
http://googleblog.blogspot.com/ Google’s official blog
http://www.ysearchblog.com/ Yahoo’s official blog
http://sphinn.com/ A social bookmarking site for SEO
http://www.seobook.com/ Probably the most knowledgeable person in the industry outside of those working for search engines
http://www.seomoz.org/article/search-ranking-factors An article about 25 different factors that affect your page’s ranking
http://www.seomoz.org/ Another leading SEO site and blog

Marketing

http://www.grokdotcom.com/ A great marketing site specific to marketing, conversion, etc. for websites

Industry News

http://ajaxian.com/ Keeps track of news related to Ajax and Javascript…you’ll find a lot of cool little apps and programs here
http://www.techcrunch.com/ Reports mainly on startups and company news
http://www.downloadsquad.com/ Covers programs news
http://blog.programmableweb.com/ Covers news about Application Programming Interfaces (APIs)
http://www.readwriteweb.com/ Industry coverage, but with articles and analysis mixed in
http://allthingsd.com/ Some coverage, but mostly interviews with execs and CEOs
http://www.engadget.com/ Covers the hardware and gadget sector

Cheat Sheets

http://www.ilovejackdaniels.com/cheat-sheets/ Cheat sheets that that you can print out for almost every language you’ll be using
http://www.petefreitag.com/item/455.cfm A list of 30+ cheat sheets for various uses (some duplicates from above)
http://whatis.techtarget.com/definit...826135,00.html A LOT of cheat sheets
http://www.cheat-sheets.org/ Cheat sheets get their own website

Free Stock Photos

http://www.sxc.hu/ A great site with lots of photos, but be careful to read the license agreements for each one. Photos with people are off-limits, I think, for commercial use.
http://www.virtualhosting.com/blog/2...-stock-images/ 100 legal sources for free stock images

Free Stock Video

http://www.masternewmedia.org/video_...e-20070828.htm A list of 9 sites to get free stock video

Free Website Templates

http://www.oswd.org/ a site to download free web design templates 2080+ templates
http://www.templatemonster.com/ Not all of the templates are free, but some are
http://www.freewebsitetemplates.com/ All free templates
http://www.dreamtemplate.com/templat...Templates.html A LOT of templates, but not everything is free

Free Website Icons and Graphics

http://www.noupe.com/freebie/40-extr...eviantart.html 40+ Icon sets
http://www.smashingmagazine.com/2007...and-templates/ Free icons, buttons, and templates
http://www.smashingmagazine.com/2008...free-download/ 40 more icon sets
http://www.smashingmagazine.com/2007...esh-icon-sets/ 20 more icon sets

Free Online Photo Editing (basic)

http://www.picnik.com/ A great little site that doesn’t require registration to use it
http://a.viary.com/ I’m not sure if everything is free and it looks like there is still quite a bit of beta, but it looks like an amazing software suite, and not just for photo editing
https://www.photoshop.com/express/ Adobe’s slimmed down version of Photoshop for the web

Free Productivity Software

http://www.adobe.com/acom/ Adobe’s free online suite of productivity software
http://docs.google.com Google Docs online
http://www.openoffice.org/ Desktop alternative to Microsoft Office
http://office.microsoft.com/en-us/of...754491033.aspx Microsoft Office Live (free is used loosely here) is Office online

Media Embedding (excluding videos and photos)

http://www.scribd.com/ Embed documents
http://www.slideshare.net/ Embed slide presentations

Webmaster Tools For Search Engines

https://www.google.com/webmasters/tools Google’s webmaster tools
https://siteexplorer.search.yahoo.com Yahoo’s Site Explorer
http://webmaster.live.com/ Live’s webmaster tools

Miscellaneous But Useful

http://www.456bereastreet.com/ Articles and news on web standards, accessibility, and usability
http://www.alistapart.com/ A webzine for developers
http://www.thinkvitamin.com/ A web developer resource
http://mashable.com/2007/10/27/creative-commons/ 25 sources for creative commons content
http://mashable.com/2007/10/14/web-coding/ Over 250 web development resources
http://24ways.org/ A series of great articles that come out every year
http://lifehacker.com/ Tech tricks, tips and downloads for getting things done
http://www.askdavetaylor.com/ Miscellaneous tech question and answer blog
VirtuosiMedia is offline
Reply With Quote
View Public Profile Visit VirtuosiMedia's homepage!
 
Old 06-11-2008, 12:23 PM Re: 225+ Web Development Resources
VirtuosiMedia's Avatar
Web Design Made Simple

Posts: 1,228
Trades: 0
Drop down Menus (suckerfish menus)

http://www.alistapart.com/articles/dropdowns A mostly CSS based drop down tutorial
http://www.tjkdesign.com/articles/dropdown/
http://www.cssplay.co.uk/menus/dd_valid.html

Content Management Systems (CMS)

http://www.joomla.org/ Joomla
http://wordpress.org/ Wordpress
http://drupal.org/ Drupal
http://www.opensourcecms.com/ A site where you can try out demos of most of the popular open source scripts for CMS, blogging, shopping carts, forums, wikis, and more
VirtuosiMedia is offline
Reply With Quote
View Public Profile Visit VirtuosiMedia's homepage!
 
Reply     « Reply to 225+ Web Development Resources
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.29952 seconds with 12 queries