NOTE: Your mileage may vary, depending on project, and/or perhaps you prefer a different IDE altogether.
The principles here are what we're shooting for, not necessarily that everything be used verbatim.
In the interest of automating code quality, and cutting down on the necessity for manual code reviews, we strongly urge each front-end developer to install these Sublime Text packages.
| // use like: | |
| // var sample1 = new SampleModel(); | |
| // React.render(<SampleComponent model={sample1} />); | |
| define(["underscore", "backbone", "react"], | |
| function(_, Backbone, React) { | |
| "use strict"; | |
| var SampleComponent = React.createClass({ | |
| // Give us those sweet react console warnings if we don't pass the right props |
Sublime Text 2 ships with a CLI called subl (why not "sublime", go figure). This utility is hidden in the following folder (assuming you installed Sublime in /Applications like normal folk. If this following line opens Sublime Text for you, then bingo, you're ready.
open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl
You can find more (official) details about subl here: http://www.sublimetext.com/docs/2/osx_command_line.html
| iPad | |
| 1024 × 690 In landscape on iOS 4.3 | |
| 1024 × 672 In landscape on iOS 5 | |
| 768 × 946 In portrait on iOS 4.3 | |
| 768 × 928 In portrait on iOS 5 | |
| 1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3 | |
| 1024 × 644 Always showing bookmarks bar in landscape on iOS 5 | |
| 768 × 916 Always showing bookmarks bar in portrait on iOS 4.3 |
Resources for learning web design & front-end development:
ONLINE
Design