1 / 7

Color picker automatically shown on typing of hash

Color picker automatically shown on typing of hash. XML comments to declare swatches at top of CSS file. Swatch picker automatically shown on typing of dollar, auto-selects swatch from list as user types, replaced with hex-value when complete. Hover over tooltip of hex RGB values.

mattox
Download Presentation

Color picker automatically shown on typing of hash

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Color picker automatically shown on typing of hash

  2. XML comments to declare swatches at top of CSS file Swatch picker automatically shown on typing of dollar, auto-selects swatch from list as user types, replaced with hex-value when complete Hover over tooltip of hex RGB values TreeView of swatches by category

  3. Named color picker automatically shown on typing of alpha character Preview of named colour in list picker

  4. List of browsers that warnings should be displayed for ToolTip for CSS attribute showing description of purpose Green “squigglies” to warn of known browser incompatibilities based on those chosen in list in toolbar Hyperlinks to further information on browser support

  5. ToolTip for CSS selector showing meaningful description of what it selects (description taken from http://gallery.theopalgroup.com/selectoracle/) CSS specificity score shown with hyperlink to further details on how it was calculated

  6. Inline preview of images with size and dimensions (a url picker would be nice here too)

  7. Inline preview of font families showing font type and font name rendered in the font itself (ala Word) Automatic indenting of declarations based on descendant or child selectors (if they appear after each other)

More Related