html workflow

html_workflow.md

常见 workflow

assets

• icons
• logos
• stock

html

ui

放置 psd 文件,psd 设置不同的层级

• Header

  • logo
  • Nav
  • background

• Content

  • left
  • right

• Footer

Commonly Encoded Values

• space %20
• ! %21
• " %22

• %23

• $ %24
• % %25
• & %26

Status Code Categories

• 100-199 Information
• 200-299 Successful 200 成功
• 300-399 Redirection 301 Moved Permanently 302 Moved Temporarily 304 Not Modified
• 400-499 ClientError 400 Bad Request Bad syntax? 401 Unauthorized Client might need to authenticate 403 Forbidden 404 Not Found
• 500-599 ServerError 500 Internal Server Error 503 Service Unavailable

scss

• base
• bootstrap
• fonts
• layout
  • _footer.scss
  • _header.scss
  • _main.scss
  • _nav.scss
• modules
  • _btn.scss
  • _dividers.scss
  • _forms.scss
  • _misc.scss
  • _tables.scss
• theme
  • _theme.scss
• utilities
  • _settings.scss
  • _utilities.scss
• style.scss

jQuery

• bind

$('button').bind('click',function(event){
// this is the <button> DOM element;
// this.className += ' clicked';
// $(this) return jQuery object w / 1 element;
// $(this).addClass('clicked');
});

• trigger

模拟事件

$('button').trigger('click');