AliMD / 1Tuts

:+1: Web Design Technology Tutorials
http://ali.md/tuts
62 stars 41 forks source link

C13 W2 S11 #647

Closed AliMD closed 10 years ago

AliMD commented 10 years ago

Sublime for web developer, AliMD Edition

  1. Install Package Controller: ali.md/sl2/pc
  2. Use Package Controller to install some sublime packages Ctrl+Shift+P > install
  3. Set Sublime Setting
  4. Set Emmet Setting

    Useful Sublime Text Packages for web developers

  5. Emmet
  6. Theme - Soda
  7. HTML5
  8. Alignment
  9. BracketHighlighter.
  10. Read More...

    Set Sublime Setting, AliMD Edition

    Edit Preference > Setting - User

// Sublime user setting, Ali.MD Edition ;)
{
  // Sets the colors used within the text area
  "color_scheme": "Packages/Color Scheme - Default/Monokai Bright.tmTheme",

  // Note that the font_face and font_size are overriden in the platform
  // specific settings file, for example, "Preferences (Linux).sublime-settings".
  // Because of this, setting them here will have no effect: you must set them
  // in your User File Preferences.
  "font_size": 18,

  // The number of spaces a tab is considered equal to
  "tab_size": 2,

  // Set to true to insert spaces when tab is pressed
  "translate_tabs_to_spaces": true,

  // Disables horizontal scrolling if enabled.
  // May be set to true, false, or "auto", where it will be disabled for
  // source code, and otherwise enabled.
  "word_wrap": false,

  // If enabled, will highlight any line with a caret
  "highlight_line": true,

  // Additional spacing at the top of each line, in pixels
  "line_padding_top": 1,

  // Additional spacing at the bottom of each line, in pixels
  "line_padding_bottom": 1,

  // The encoding to use when the encoding can't be determined automatically.
  // ASCII, UTF-8 and UTF-16 encodings will be automatically detected.
  "fallback_encoding": "Arabic (Windows 1256)",

  // Encoding used when saving new files, and files opened with an undefined
  // encoding (e.g., plain ascii files). If a file is opened with a specific
  // encoding (either detected or given explicitly), this setting will be
  // ignored, and the file will be saved with the encoding it was opened
  // with.
  "default_encoding": "UTF-8",

  // Determines what character(s) are used to terminate each line in new files.
  // Valid values are 'system' (whatever the OS uses), 'windows' (CRLF) and
  // 'unix' (LF only).
  "default_line_ending": "unix",

  //
  // User Interface Settings
  //

  // The theme controls the look of Sublime Text's UI (buttons, tabs, scroll bars, etc)
  "theme": "Soda Dark.sublime-theme",

  // Set to 0 to disable smooth scrolling. Set to a value between 0 and 1 to
  // scroll slower, or set to larger than 1 to scroll faster
  "scroll_speed": 1.5,

  // remember_open_files makes the application start up with the last set of
  // open files. Changing this to false will have no effect if hot_exit is
  // true
  "remember_open_files": true,

  // OS X only: When files are opened from finder, or by dragging onto the
  // dock icon, this controls if a new window is created or not.
  "open_files_in_new_window": false,

  // List any packages to ignore here. When removing entries from this list,
  // a restart may be required if the package contains plugins.
  "ignored_packages": ["Vintage"]
}

Set Emmet Setting, AliMD Edition

Edit Preference > Package Settings > Emmet > Setting - Default

{
  // Copy any modified settings to `User/Emmet.sublime-settings`
  // otherwise modifications will not survive updates.

  // Path to folder where Emmet should look for extensions
  // http://docs.emmet.io/customization/
  "extensions_path": "~/emmet",

  // Disable completions of HTML attributes
  // with this option disabled, you can get attribute list completions
  // inside opening HTML tags.
  // WARNING: with this option disabled, Tab key expander will not
  // work inside opening HTML attributes
  "disable_completions": false,

  // With this option enabled, all Emmet's CSS snippets
  // will be available in standard auto-complete popup
  "show_css_completions": true,

  // List of scopes where Emmet CSS completions should be available
  "css_completions_scope": "source.css - meta.selector.css - meta.property-value.css, source.scss - meta.selector.scss - meta.property-value.scss, source.less - meta.selector.css - meta.property-value.css",

  // Remove default HTML tag completions on plugin start
  // You should restart editor after changing this option
  "remove_html_completions": false,

  // A comma-separated list of scopes where Emmet’s Tab key
  // abbreviation expander should be disabled  
  "disable_tab_abbreviations_for_scopes": "",

  // A regexp for scope name: if it matches, Tab handler won’t work
  // The reason to use this preference is that ST2 has buggy scope matcher
  // which may still trigger Tab handler even if it's restricted by context
  "disable_tab_abbreviations_for_regexp": "source\\.(?!css).+?\\stext\\.html",

  // Exit tabstop mode when enter key is pressed
  "clear_fields_on_enter_key": true,

  // A comma-separated list of disabled action names.
  // Listed action will not be triggered by default keyboard
  // shortcut.
  // Use "all" value to disable all shortcuts at once
  "disabled_keymap_actions": "",

  // By default, Emmet overrides Tab key to effectively expand abbreviations.
  // The downside of this approach is that you can’t expand regular ST2
  // snippets (like `php`). Since it’s not currently possible to get a list
  // of ST2 snippets via API, you can provide a list of scopes where Emmet’s
  // Tab trigger should be disabled when expanding simple abbreviation.
  // If entered abbreviation (like `php`) wasn’t found in Emmet snippets list
  // or "known_html_tags" preference, Tab handler will not be triggered.
  // Leave this setting blank to disable this feature
  "disabled_single_snippet_for_scopes": "text.html",

  // A space-separated list of single snippets that should be 
  // forcilbly disabled (not handled) for Emmet even if it 
  // has such abbreviation. 
  // This option is useful if you wish the enumerated snippets
  // should be handled by Sublime Text.
  // Example value: "script style html"
  "disabled_single_snippets": "",

  // A space separated list of all known HTML tags,
  // used together with "disabled_on_single_snippets" option
  "known_html_tags": "html head title base link meta style script noscript body section nav article aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr pre blockquote ol ul li dl dt dd figure figcaption div a em strong small s cite q dfn abbr data time code var samp kbd sub sup i b u mark ruby rt rp bdi bdo span br wbr ins del img iframe embed object param video audio source track canvas map area svg math table caption colgroup col tbody thead tfoot tr td th form fieldset legend label input button select datalist optgroup option textarea keygen output progress meter details summary command menu",

  "empty_elements": "area base basefont br col frame hr img input isindex link meta param embed",

  // If set to `true`, Emmet will automatically insert final tabstop
  // at the end of expanded abbreviation
  "insert_final_tabstop": false,

  // Try to automatically detect XHTML dialect in HTML documents.
  // With this option enabled, your custom profile for HTML documents may not work.
  "autodetect_xhtml": true,

  // Use old Tab handler to expand abbreviations.
  // With this option enabled, editor may better handle Tab key
  // (especially with other plugins that overrides Tab key),
  // but will spit "slow plugin" message
  "use_old_tab_handler": false,

  ///////////////////////////////
  // Emmet customization
  // Each section has the same meaning as the same-named JSON file 
  // described here:
  // http://docs.emmet.io/customization/
  ///////////////////////////////

  // Custom snippets definitions, as per https://github.com/emmetio/emmet/blob/master/snippets.json
  "snippets": {
    "html": {
      "snippets": {
        "style": "<style type=\"text/css\">\n\t${child}|\n</style>",
        "script": "<script type=\"text/javascript\">\n\t${child}|\n</script>"
      },
      "abbreviations": {
        "sty": "style",
        "scr": "script",
        "scrs": "<script type='text/javascript' src='$0'>"
    //    "example": "<div class='example' title='Custom element example'>"
      }
    }
  },

  // Emmet preferences
  // List of all available preferences:
  // http://docs.emmet.io/customization/preferences/
  "preferences": {
    // "css.valueSeparator": ": ",
    // "css.propertyEnd": ";"
  },

  // Output profiles for syntaxes
  // http://docs.emmet.io/customization/syntax-profiles/
  "syntaxProfiles": {
    // Enable XHTML dialect for HTML syntax
    "html": "xhtml"
  }
}
Alirezahp commented 10 years ago

@hoseinBL Home work chi bud??? man sheklesho yadam rafte

AminAzGol commented 10 years ago

emroz cancel shod dg man sheklesho yadam raft

AminAzGol commented 10 years ago

Aghayon che faalan kho yeki homework beZare BEBINIM

hbehkamal commented 10 years ago

Homwwork

sakhtane hameye halataye oun mihman mizbane !

hamednosrati commented 10 years ago

my homework:

homework

Alirezahp commented 10 years ago

Ba arze pozesh man PULL REQUEST ro faramush kardam movaghatan in jalase ba Js mizaram http://jsbin.com/ketaj/2/edit az jalase bad PULL REQUEST midam.

AlirezaHB commented 10 years ago

:question: salam chand soal: 1- toye tab 10 intro chera 3 laye div too dar too taerif karde?(be nazaram 2 ta kafi bood!) 2- chera too host va guest min-height taerif karde? 3- "!important" yaeni chi? 4- 01 > 5 be baed ro tozih dahid lotfan.(dar kelas) 5-tooye halat 3 tayi shikar kinim over floe nashe?

AminAzGol commented 10 years ago

Salam HomeWork: https://github.com/MAgolestani/HomeWork agha man natonestam ino bala biaramesh http://jsbin.com/powac/3/edit

hbehkamal commented 10 years ago

Next : C13 W2 S12