Introduction

As a content management system (CMS), Tridion exists within an "ecosystem" of related systems and technologies.

Here are some references Tridion practitioners have found useful for development.

Details

Many SDL Tridion implementations use markup and designs from the customer or agency. Here are some front-end tools and examples to help you quickly get royalty-free markup for testing and examples.

(X)HTML (5) Templates

• http://html5boilerplate.com
• http://getbootstrap.com/
• http://freecsstemplates.org
• http://builtwithbootstrap.com
• http://getbootstrap.com/getting-started/#examples
• http://www.zerotheme.com
• http://html5up.net
• http://www.html5xcss3.com

CSS Tools

• http://learnboost.github.io/stylus/ - Sass based preprocessor, requires node.js
• http://sass-lang.com/ - CSS preprocessor
• http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/ - Meyer reset - the standard
• http://necolas.github.io/normalize.css/ - Normalize.css - Like a reset, but requires less work

Front-End Development Tools (JQuery + CSS + Markup)

online editors

• http://jsfiddle.net - HTML, CSS, JS, JS libraries, realtime collaboration
• http://cssdesk.com - HTML, CSS
• http://cssdeck.com - HTML, CSS, CSS preprocessors, JS
• http://JSbin.com - HTML, CSS, JS, JS Libraries, JS Console
• http://codepen.io/ - HTML, CSS, JS, JS libraries, realtime collaboration

node.js tools

• http://nodejs.org/
• https://www.npmjs.org/ - node package modules
• http://gruntjs.com/ - JavaScript task runner

Code Quality, Accessibility, Validation, and Link Checking

• http://www.jslint.com/ - JavaScript quality
• http://csslint.net/ -- CSS quality
• http://validator.w3.org/ - HTML validation (html5 is still in beta)
• http://jigsaw.w3.org/css-validator/ - CSS validation
• http://home.snafu.de/tilman/xenulink.html
• http://wummel.github.io/linkchecker/

Browser Testing

• http://html.adobe.com/edge/inspect/
• http://www.modern.ie/en-us/virtualization-tools#downloads

Informal Bug Tracking

• http://bugnotes.com

Cloud Hosting

• http://aws.amazon.com

IDEs, Setup, and Tools

• Install Free Tools quickly http://ninite.com/ (wntr)
• Awesome Screenshots (Jan)
• Fireshot Screenshots (Alvin)
• Chrome Screencapture (Alvin)
• http://www.sublimetext.com/2Sublime Text 2

SQL

• http://sqlfiddle.com/ (recommended by Glenn)

Video Gallery Examples

• 360 Degree Panorama (recommended by Yeremy)

Royalty-Free Images

• Stock.XCHNG
• Free Digital Photos (recommended by Susan)
• Ionicons
• Flat Icons Packs