web tools

August 18, 2017

CSS

• MDN Web docs
• Arrow CSS Generator
• 150 Amazing Examples of CSS Animation & Effects

颜色

• CSS Color Chart

Ribbon 绶带/角标效果

• CSS Ribbon Generator
• https://codepen.io/eode9/pen/twkKm
• https://codepen.io/nxworld/pen/oLdoWb
• 简单的水平绶带 https://codepen.io/raulrpearson/pen/vjRpdR?page=1&
• 带图片资源的水平绶带 https://csswizardry.com/2011/02/css-powered-ribbons-the-clean-way/

Articles

• CSS Arrows (Up, Down, Left and Right Triangle)
• Equal Height Columns with Cross-Browser CSS

Font

• 通用字体 https://websitesetup.org/web-safe-fonts-html-css/

Widgets

Tree Viewer

• jzaefferer - jquery-treeview
• zgs225/easy-tree
• jonmiles/bootstrap-treeview
• longmatthewh/jquery-a11ytree
• jaredforsyth - treed
  • https://github.com/jaredly/treed
  • 能和脑图联动
• mbraak - jqTree
  • https://github.com/mbraak/jqTree
• fancytree
• techbytarun - jquery tree
  • https://github.com/tarunbatta/jqueryUiTreeControl
• wwwendt.de - dynatree
• dbushell/Nestable
• jstree
• vakata - jstree

Dashboard

• ModelN/sDashboard

Button

• https://tympanus.net/Development/CreativeButtons/
• https://tympanus.net/Development/CreativeLinkEffects/
• https://tympanus.net/Development/IconHoverEffects