Highlighter.js

http://720kb.github.io/highlighter.js/

by 720kb • 11 years ago

40 22 11 years ago

720kb.github.io

leeoniya• 11 years ago

zooming in on Android 4.4.4 browser prevents scrolling for me

720kb10• 11 years ago

Hi, thanks for reporting the issue, it's still at early stage we need to improve it.

Here you can check what's wrong and post new issues https://github.com/720kb/highlighter.js/issues

Any help is appreciated!

S4M• 11 years ago

I don't get why this requires a special purpose library. Why not create a css class highlighted where the borders of an elements would be in fluorescent green and modify the class of the elements of the DOM one wants to highlight with jquery?

720kb10• 11 years ago

This is intended to be used without jQuery :)

davej• 11 years ago

I agree, most of the code in the library is for element navigation. Why not open-source that and let people define their own CSS props.

By the way, I believe it uses the `outline` CSS property as opposed to `border` (border changes layout, outline doesn't).

720kb10• 11 years ago

Yes it's outline, just because it is probably the less used css rule available for the scope. Probably the alternative could be box-shadow. Having to modify borders will probably result in breaking third parties CSS etc.. more troubles guess.

The code is already open-source, feel free to open issues, fork and PR also if you want to add new features, the door is open wide!

curiousjorge3• 11 years ago

yup, normally I'm all for new projects but this just seems like an overkill. You could achieve this with even just a css. I don't think it's worth it at all to be using a specialized library for it.

720kb10• 11 years ago

Sorry i don't understand the point, CSS is not programmatic

err4nt• 11 years ago

Neat little tool, and love the size constraint!

I made a little JS bookmarklet a while ago that reveals script, style, and meta tags, and tries to display which tags are used to build the layout: http://www.youtube.com/watch?v=wp2d24t2POI

Are there any plans in the future to make your tool so the highlight follows that I tap on mobile? Keep up the great work!

720kb10• 11 years ago

Hi, thank you a lot for supporting, the aim, actually, is to stay lightweight, but for sure you can bind it for your own pourposes and needs, like tap and select, or click and select, why not :)

This project was meant to easily surf the nodes and maybe highlight them, but it's still at early stage and any help is much appreciated!

Thanks for sharing the video, very interesting :)

slaction• 11 years ago

People were doing this 15 years ago, before all the hipster web designers picked up javascript, opened terminal and called themselves programmers.

I"m sure the old JS programmers moved on to a real programming language, but they put you new guys to complete shame, and they didn't need 18 dependencies and a dependency manager to get it done.

jQuery was a great invention for web development, but everything since then has been total crap. Angular, React, Node, all of it's crap. The only people who like it are those who aren't smart enough to be real programmers.

volaski• 11 years ago

Whatever you say old man

Highlighter.js

Related Stories