instacss

Dev tools

css reference

SHOW HN2011

90points
45comments
#131of 1,097 in 2011
Top 12%of 2011 by points

How HN took it

MixedNo clear lean

9 positive, 13 neutral or asking, 4 mixed, 8 critical, out of 34 comments about the project. Thread score +0.01.

Execution: 1 for, 3 againstDocs: 0 for, 3 againstDesign: 2 for, 1 againstPerformance: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Fast search-as-you-type

    From 3 comments
    • cool, super useful. +++ superfast, the search-as-you-type is especially useful (not having to wait for something you just wanna "quickly lookup if you got it right in your head"…
      kittxkat on HN
    • This is fast. period. But when I searched for 'width' (without quotes) it showed all results (*width) but not for 'width' (exact). Same with 'background' css property. Otherwise…
      Rumnha on HN
    • definitively useful, but some feedback: + Need a way to do an explicit search. There are a lot of shorthand properties and searching for "border" requires me to scroll way down…
      hackernews on HN
  • Clean UI

    From 2 comments
    • Very nice. Way to use Bootstrap!
      grantjgordon on HN
    • What's the license for your code? You should put one in before you accept patches. ;-) And the UI is totally awesome.
      joliss on HN

Objections

  • Results sorted randomly and poorly ranked

    From 3 comments
    • How are you sorting these? I did a search for "border" just to try it out. It returned 18 entries with pretty much every variation of border-*, but border itself was the 16th…
      epenn on HN
    • Right now it just sorts randomly, which I admit is pretty bad. The search itself is very basic--it just takes your query and regex matches it on property names in the db.
      rgarcia on HN
    • This looks really useful, thanks! One suggestion: if you put "color" in the search box, you currently get "border-bottom-color", "column-rule-color", "border-top-color", and…
      julian37 on HN
  • W3schools is a poor source

    From 3 comments
    • W3schools isn't the greatest source. I agree, MozDev would be a better target for your scraping. Also, many examples appear twice. (Try text-shadow, border-spacing)
      artursapek on HN
    • w3schools? I'd recommend MozDev.
      kenok on HN
    • Any chance you could use the MozDev CSS reference instead? https://developer.mozilla.org/en/CSS/CSS_Reference
      2arrs2ells on HN
  • Search only matches property names, not values

    From 2 comments
    • Placebo search button? Based on effect it doesn't seem to do anything, and visually it looks like it "sticks" and doesn't ever get "pressed" when you click on it. also, it can't…
      Trezoid on HN
    • Thanks for the feedback--I only search on property names (not descriptions or possible values), so that's why gradient doesn't work. It's a two-line change to add matching on…
      rgarcia on HN

Requests

  • Use MozDev CSS reference as source

    From 3 comments
    • Any chance you could use the MozDev CSS reference instead? https://developer.mozilla.org/en/CSS/CSS_Reference
      2arrs2ells on HN
    • Yeah. If you can speed up the MozDev reference, you've got something. Also, needs an index for those times when I can't remember what I'm looking for.
      drivingmenuts on HN
    • just switched to MozDev, try it out!
      rgarcia on HN
  • Exact match search option

    From 3 comments
    • definitively useful, but some feedback: + Need a way to do an explicit search. There are a lot of shorthand properties and searching for "border" requires me to scroll way down…
      hackernews on HN
    • A checkbox you can click to do a non-regexp exact match search would be handy.
      sheppy on HN
    • This is fast. period. But when I searched for 'width' (without quotes) it showed all results (*width) but not for 'width' (exact). Same with 'background' css property. Otherwise…
      Rumnha on HN
  • Permalinks or hash URLs for searches

    From 2 comments
    • Please consider using the HTML5 history API to change the page location to a URL that will work as a permalink to the search results.
      JoshTriplett on HN
    • needs support for hashtags: http://instacss.com/#background
      noformnocontent on HN
  • Add a license to the code

    From 1 comment
    • What's the license for your code? You should put one in before you accept patches. ;-) And the UI is totally awesome.
      joliss on HN
  • Support more docs such as Python

    From 2 comments
    • This is great, congrats! I would love to have access to Python docs this way (builtins, the standard library, etc.). And Django's methods & template tags too...
      gregsadetsky on HN
    • [proposal] add some layer of abstractions so different insta-docs (i.e. insta- html5, js, node, some-api) could be easily build on top of that engine
      noformnocontent on HN

Alternatives named

  • MozDev CSS reference

    From 2 comments
    • Any chance you could use the MozDev CSS reference instead? https://developer.mozilla.org/en/CSS/CSS_Reference
      2arrs2ells on HN
    • W3schools isn't the greatest source. I agree, MozDev would be a better target for your scraping. Also, many examples appear twice. (Try text-shadow, border-spacing)
      artursapek on HN
  • w3schools CSS reference

    From 1 comment
    • W3schools isn't the greatest source. I agree, MozDev would be a better target for your scraping. Also, many examples appear twice. (Try text-shadow, border-spacing)
      artursapek on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/3222253)