working with HTML editors … a few tips ;)

… in case your head is spinning with the new world of coding…
TacoHTMLedit – mac [http://tacosw.com]
CrimsonEditor – pc [http://www.crimsoneditor.com/]

Just a few points on how to use TacoHTML on the MAC and CrimsonEditor on the PC

TacoHTMLedit – mac [http://tacosw.com]

  • write your own customised HTML template set up your preferences to use it for each new page:
    bare sample of HTML template
    1. top menu > Taco > Preferences
    2. select ‘Documents’ tab
    3. tick box: ‘Create new documents with the code form the following file’
    4. ‘browse’ to select your template file
    5. close preference window (which saves your settings)
  • always work in the project directory – rather than individual files. This makes it easier for you to keep an eye on the relevant file paths as well as being a faster working method.
    project directory snapshot
  • some useful keyboard shortcuts to speed up workflow:
    • [apple] + S = save current file
    • [apple] + Y = preview in default browser
    • [apple] + B = check code syntax
    • [apple] + control + O (letter O) = organise tags
  • remember to save all files before previewing your files – this might take some getting used to…
    keep an eye on the appearance of the file icon within your project directory and you will see all saved files as normal – any unsaved files will appear as if selected in a darker shade:
    snapshot of saved/not saved files




CrimsonEditor – pc [http://www.crimsoneditor.com/]

  • write your own customised HTML template open as template for each new page:
    bare sample of HTML template
    1. write template and save under meaningful name in a specific directory
      (ideally you start using 1 overall folder for all your web work creating site specific folders within it – this main folder would be suitable location for your new default template file)
    2. instead of creating a new file via ‘File – New’ – you can now choose your template instead in one of the following ways:
      • File Open Template
      • keyboard shortcut: alt + shift + O (letter O)
    3. save the new file as appropriate into your project directory
  • Crimson Editor makes it easy for you to navigate between your files by displaying all open documents as tabs below the toolbar. Make sure though to keep an eye on your project directory which will make it easier to target each file:
    project directory snapshot - crimson editor
  • for faster workflow – open up the pages you are working on in each browser you are testing in.
    While writing your code in the editor – you can then jump between applications to preview the pages in one of the following ways:

    • use the taskbar at the bottom of your screen to view each page
    • hold down the Alt key and press Tab to access the different applications
    • ! remember to refresh your page !

  • always make sure to save all files before you preview your pages…!
    Crimson editor indicates saved and not saved files by a coloured dot preceding the file name in the tab:
    snapshot of saved/not saved files - crimson editor
07/10/2006 blog,handcoding,tips & tricks

4 Responses to “working with HTML editors … a few tips ;)”

  1. Gravatar Mohamed says:

    Very useful tips and good reference to go back to if we are lost :). Thank you Prisca

  2. Gravatar Wen says:

    Prisca, I used Microsoft Visual Studio to write my CSS code mostly before I know Crimson. I definitely feel Crimson has more functions but I still feel MVS more friendly. I am not sure if you can advise me more about difference between these two. I would certainly like to change into a better one for a long term view.

    Thanks

    Wen

  3. Gravatar prisca says:

    Thanks for the comments :)

    Wen – I have never used MVS before and wanted to give everyone a cheap option, in this case both editors are freeware. Not sure how they would compare….

  4. Gravatar wen says:

    Thanks prisca, I can definitely try Crimson, which I was not very experienced before, but I go through your article again today, it gives me some ideas. I feel more confident trying again.

Leave a Reply

graphiceyedea prisca schmarsow – portfolio

portfolio