![]() ![]() If you’re like me, you often forget a lot of CSS rules. Check out HTML, CSS, PHP, and Javascript. Try the HTML book - it’s an extremely efficient and fast way to quickly get reference.īonus Tip: our docs are available online, anywhere. To add a book to your tabs, click the Tab Plus, then Book. Ok, so our built-in Books aren’t quite a “Secret”, but they’re so dramatically overhauled in Coda 2 that I really don’t want you to miss them. Here’s a little one: double click the line number in the bottom bar, and you get a handy jump to line pop-up. It’ll then show up as a bookmark in the Code Navigator: In any syntax mode, just type a comment and prefix its contents with a !, like so: It’s fine and dandy to have your named HTML elements show up in the navigator, but what if you could add any line to it, like a bookmark? You totally can. You might already know about the Navigator, the handy Sidebar tool that lets you easily jump to pieces of your code.īut did you know that if you click the document name in the Path Bar, you can access the Navigator right then and there? Access the Code Navigator in the Path Bar To change the User Agent, just click the Preview gear menu in the bottom bar.Ĩ. It’s just an approximation - and it’s comical if you try to use the web inspector in this view - but for mobile developers, it gives you a nice head start on layout. What happens when you change the “User Agent” in Preview to something iPhone/iPad related? Unbelievably, this happens: Wrong! Click the Rules tab in Preferences, and you can have Coda show or hide certain types! Sure, you can turn on “Show Invisible Files”, but then it’s all or nothing, right? You don’t want to see all the hidden files littering your server. ![]() Second, did you know that if you keep resizing the tab bar all the way down, Coda switches to space-saving Text Tabs? ![]() Use Text Tabsįirst, did you know the tab bar was resizable? Just drag the bottom. Just covering the basics: you do know that you can make Site Groups, right? To do so, simply drag a site onto another site. That’s it - just like in iOS, you can now open up the Site Group, re-arrange the members of that group, drag new items in, etc. You’ll likely find something you didn’t know you could do! 4. That reminds us - and, ok, this is a pretty lame tip - but we really recommend it: take a few minutes to check out each of the Preferences panels. The best part: as you tweak your CSS, your changes will be applied live in the Preview! 3. Now, using Tip #1, open your CSS file in this new split (we like dragging files to the pathbar). Finally, click back in your first HTML split, click the New Split button again, and choose Preview. Second, click the New Split button, and choose New Untitled to get a blank split. Use the Golden HTML + CSS + Live Preview Setup Or, change your default direction in the Prefs.Ģ. Right click a file and say “Open in Split”īonus Tip: Hold “Option” while clicking the New Split button to change the split direction to vertical.Drag any file to the pathbar of your freshly opened split.Option-Double-Click a file in the sidebar, pathbar, or Files tab.Open A New File in a SplitĪfter splitting your view in via the New Split button, there are three ways to open a new file in a fresh split. My promise: give this post a few minutes of your time, and you’ll learn something you didn’t know about Coda 2! (If you don’t, I’ll send you a free tweet.) 1. Coda 2 is, as you probably know by now, a surprisingly capable app, and I’m here to help you get the most of it. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |