Captionss

Dev tools

css library

SHOW HN2014

51points
35comments
#624of 2,272 in 2014
Top 28%of 2014 by points

How HN took it

MixedNo clear lean

6 positive, 8 neutral or asking, 2 mixed, 5 critical, out of 21 comments about the project. Thread score +0.02.

Execution: 1 for, 3 againstDesign: 2 for, 1 againstIdea: 0 for, 1 againstDocs: 1 for, 0 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

  • Clean, pretty design and animations

    From 2 comments
    • Looks very pretty, as does the semantic markup. Personally I'd prefer it if there was a little less alpha, e.g. on the Malta pic the text isn't so clear...
      dustyneuron on HN
    • Looks really nice! The animations are slick and the implementation seems simple enough.
      ssully on HN
  • Useful and simple to adopt

    From 3 comments
    • Just what I needed, thanks for creating and sharing it!
      atteeela on HN
    • I will definitely use this. Kudos for using Bower, first time I've seen it in the wild.
      gwkoehler on HN
    • Yes, in addition to what javajosh found, your class names are rather generic and I imagine might lead to clashes. I'd personally recommend prefixing your class names with…
      netnichols on HN
  • Good documentation style

    From 1 comment
    • Looks really nice, good work. I like your documentation style too.
      davedx on HN

Objections

  • Not touch or mobile friendly

    From 2 comments
    • Frankly, it isn't very mobile/touch friendly right now. That is one of the issues I'd like to address next. For now, I'd recommend not using the overlay or reveal/reveal-smooth…
      jbranchaud on HN
    • Quite nice. You can think about touch interactions (maybe you have, but it was not working on iPhone)
      Ingon on HN
  • Generic class names may clash and figure styling affects default tag

    From 2 comments
    • Looks like some pretty solid CSS with one exception: you are changing font size and colors for the default figure tag. While it's not a common tag, it is used elsewhere. This may…
      javajosh on HN
    • Yes, in addition to what javajosh found, your class names are rather generic and I imagine might lead to clashes. I'd personally recommend prefixing your class names with…
      netnichols on HN
  • Too much alpha reduces text clarity on some images

    From 1 comment
    • Looks very pretty, as does the semantic markup. Personally I'd prefer it if there was a little less alpha, e.g. on the Malta pic the text isn't so clear...
      dustyneuron on HN
  • Plugin is bloated compared to writing a few lines of CSS

    From 1 comment
    • Why is this a plugin? I'm likely only going to be using one of these types of captions, which I can write in about 5 lines of stylus. The rest of the options that you added to…
      woah on HN

Requests

  • Slide up/down animations

    From 1 comment
    • It would be good for it to support animations (fade in/out, slide up/down etc...).
      amarcus on HN
  • Touch support

    From 2 comments
    • Looks simple and cool, thanks for sharing! How does this support touch devices? Do they have to tap on the picture to see the caption, or does it show up automatically? I could…
      publicfig on HN
    • Quite nice. You can think about touch interactions (maybe you have, but it was not working on iPhone)
      Ingon on HN
  • Support for older browsers such as IE8

    From 1 comment
    • It'd help to include at least basic support for some older browsers -- there are still a decent number of users on IE8, for example, but you seem to support only 9+.
      jtheory on HN
  • Slideshow of multiple images with captions

    From 1 comment
    • Nice start! What would be really cool: slideshow of several images + captions.
      hrjet on HN
  • Accessibility and contrast documentation

    From 1 comment
    • I really wish the pages for projects like these would devote even a small section of their documentation to accessibility. I know it's not usually top of mind, and not everyone…
      jimhart3000 on HN

Questions

  • How does it behave on touch devices

    From 1 comment
    • Looks simple and cool, thanks for sharing! How does this support touch devices? Do they have to tap on the picture to see the caption, or does it show up automatically? I could…
      publicfig on HN
  • Can an info icon trigger the caption

    From 1 comment
    • Good one, looks neat, and congratulations on your first open source project! Can there be addition where there is one more mode where there is a small icon lets say 'i' at the a…
      avighnay on HN

Alternatives named

  • Hand-written CSS and JS snippets

    From 2 comments
    • Why is this a plugin? I'm likely only going to be using one of these types of captions, which I can write in about 5 lines of stylus. The rest of the options that you added to…
      woah on HN
    • this is a plugin because: * what the hell is stylus? your favorite tool isn't necessarily ubiquitous. * it can serve as a learning tool for others. open source, remember?…
      beachstartup on HN
  • CSS3 cycle image slider

    From 1 comment
    • http://www.alessioatzeni.com/CSS3-Cycle-Image-Slider/
      hrjet 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/7073697)