digg

Join DiggAbout

Discover the best of the web!
Learn more about Digg by taking the tour.

tingelets - color your HTML!

tingelets.com — tingelts is a new service for web designers and developers. It provides a set of helpful bookmarklets to add a tinge of color to tags, CSS classes or ids on the site you are currently visiting, giving you the possibility to compare web layouts in a large number of different browsers on the fly. If you're creating websites, check it out, it's free!

Bury
show profanity settings
expand all
  • jcblitz, on 10/12/2007, -6/+33I see no practical application of this. It seems like a toy.
    • iterrell, on 10/12/2007, -6/+1jedit
    • Scatropolis, on 10/12/2007, -1/+13Yeah, I'd take the Firebug and Web Developer extensions any day.
    • nofxjunkee, on 10/12/2007, -2/+4It's a toy, but at least it can be useful. I don't always have the web dev toolbar showing and these are fun to play with. Definitely dugg tough, just for the coolness of the idea alone.

      Biggest problem: obscuring text when you tinge things.
    • essjay, on 10/12/2007, -1/+1I think this is more complementary than competing wrt the Web Developer Extension and X Ray. Combine the 3 and you've got a pretty powerful way to dissect the markup of pages.
    • TheIconoclast31, on 10/12/2007, -0/+1...and you have toolbars filling half your screen.

      They need to make it smaller, and then maybe I'll install it.
    • Scatropolis, on 10/12/2007, -0/+1I've the got the Web Developer extension next to my file menu and firebug only has an icon in the bottom toolbar.
  • Cyanbane, on 10/12/2007, -16/+3This is great for Web Devs.
    • Aupajo, on 10/12/2007, -1/+26Check out the Web Developer add-on for Firefox, blows this away.
    • bushawa, on 10/12/2007, -1/+4Anyone know of a simple text-editor to code in for windows that will allow different font colors based on the tag used?
      I love notepad and all, but I need something with a little more, but nothing above and beyond. If I had a mac I would use textmate.
    • rpike, on 10/12/2007, -1/+6@bushawa

      Notepad 2 is what you are looking for.

      http://www.flos-freeware.ch/notepad2.html
    • Cabeza2000, on 10/12/2007, -1/+2http://www.editplus.com/
    • MarvelingOne, on 10/12/2007, -1/+2I prefer Textpad
    • symbha, on 10/12/2007, -3/+4@bushawa et. al.
      UltraEdit blows that other stuff away. It's extremely well supported, massively configurable and a number of novel features such as open and save from/to FTP.
      http://www.ultraedit.com/
    • isdereks, on 10/12/2007, -1/+10Notepad++ for sure on Windows.
    • bushawa, on 10/12/2007, -1/+2Thanks for all the suggestions guys, I knew I could count on ya!
    • PlaidPhantom, on 10/12/2007, -0/+1May be a bit more than what you want, but I'm partial to Crimson Editor. Some of my profs use it, and they turned me on to it.
    • nofxjunkee, on 10/12/2007, -3/+5"I love notepad"

      You ***** masochists make me sick! ;-)
  • superdeluxe, on 10/12/2007, -13/+1Yes, this is great for web developers... very useful!
    • thepope, on 10/12/2007, -0/+26You know what else is good for developers? Firefox.

      Try out Firebug and the Web Developer Tools and this will look like a child's toy
  • bondjamsbond, on 10/12/2007, -5/+3Heck yeah... these are fantastic for devs. You can use these to visually perceive how a website is built or for your own debugging needs, they could provide at-a-glance diagnosis for rendering issues.

    You can already identify elements visually with other tools like Firebug and others, but these appear to do a better job on just the visual aspect.

    My only complaint is that there are so many! Eaten up that browser chrome.
    • dgritsko, on 10/12/2007, -4/+1Agreed - if only the Web Developer toolbar could integrate the functionality of these bookmarklets. That way they'd take up less space but still be accessible (if they had their own submenu or something like that).
  • toconnor, on 10/12/2007, -2/+8The IE Developer Toolbar can outline any tag type in specific colors as well as countless other extremely useful DOM related tricks. I've only been using it for a couple hours and don't know how I've ever lived without it!

    http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
    • noahhoward, on 10/12/2007, -0/+3And... since the IE dev Bar is a copy of the Firefox Dev bar, your know it's just as good if not better.
      http://chrispederick.com/work/webdeveloper/

      Seriously Web Developer and Aardvarrk are the only tools I've ever used to spot my layout problems.
    • codenexus, on 10/12/2007, -0/+3I agree that Web Developer is a way cool add-on for Firefox.

      If you don't have either Firefox and/or Web Developer and you are in web development I suggest you get them both now. Firebug is also good but I find that I don't use it as often as Web Developer.

      Another add-on I use is FireFTP. Just for keeping things handy though it isn't the best FTP client out there it is useful if you quickly want to upload a file.
    • Pyro979, on 10/12/2007, -0/+8If you like those two, I highly suggest Firebug
      https://addons.mozilla.org/firefox/1843/
  • mikev, on 10/12/2007, -4/+1These are really useful. I hope the offline version comes soon - I _must_ change the images that are used, and well, it's getting hammered by digg. :)
  • eksujoy, on 10/12/2007, -3/+0I have tried it, it works great but the bad thing is that I have to use it only when my pc is connected to internet..
  • solidad, on 10/12/2007, -3/+1seems like it's down...yay! :P
  • patik, on 10/12/2007, -0/+1There is hardly anything on that site. This one has a lot more, even though it hasn't been updated in a while.
    http://www.squarefree.com/bookmarklets/
    The "clone slowly" one is great, and AFAIK web developer doesn't have that.
  • excidy, on 10/12/2007, -2/+0Hmm,,, the "Digg eFFect" phenomenon again!
  • wcbzero, on 10/12/2007, -0/+1http://www.duggmirror.com/
  • Dreamchaser, on 10/12/2007, -0/+1Sounds great! Though took time to load.. due to Digg effect :D !
  • doubledowndan, on 10/12/2007, -1/+0Firebug is the premiere addon for today's developer. Blows this and the web developer toolbar away. But Dugg because i love seeing digg cover developer tools. It's the thought that counts.
    • Bamborzled, on 10/12/2007, -0/+3"Firebug is the premiere addon for today's developer. Blows this and the web developer toolbar away."

      I dunno about that--the Web Developer toolbar has a lot of features FireBug doesn't have, and vice versa. I personally use them both.

      Anything is better than these bookmarklets, though.
  • antechinus, on 10/12/2007, -0/+3bookmarklets - what a wanker
  • tablelegs, on 10/12/2007, -1/+1I prefer to just like, look at sites instead of turning their different tags retarded with stupid tiled backgrounds. How does this help web developers?
  • Jaymz, on 10/12/2007, -0/+1I think Aardvark handles this better:
    http://karmatics.com/aardvark/
  • tom12, on 10/12/2007, -4/+0I think there are more better tools than this to view HTML in color.

    http://www.desiclassifieds.com/index.php?catid=20
  • thecha, on 10/12/2007, -0/+2I don't get it?
  • tobaco, on 10/12/2007, -1/+1the great advantage of these bokkmarlets is, that they work in all modern browsers. firebug is just for ff. IE Developer Toolbar is just for ie. tingelets use can use anywhere.
    • yahoofrom, on 10/12/2007, -1/+1I agree with you though your spelling is weird.
  • thesimo, on 10/12/2007, -0/+1i cant really see the advantage of using this, Web developer toolbar does the same, but while automatically displaying info of wherever you hover the mouse
  • lcarsdeveloper, on 10/12/2007, -0/+1I always look out for new tools to help me with my web design and programming.
    I use Firebug, Web Dev and HTML Tidy (for validation), and they do everything I need. This may be a cool proof-of-concept, or pet project, but it's still next-to-useless. One of those things where you go "wow" and get bored 2 minutes later when you realise you have no practical need for it. Kind of like 99% of the items on ThinkGeek.com :)
  • smhill, on 10/12/2007, -0/+2Pretty much overkill. There is no reason to rely on a remote server for simple javascript. You can enter it right in your URL bar and bookmark it.

    Since I can easily paste javascript in digg comments, I put together a page with some examples:
    http://scott-hill.net/bookmarklets/

    Basic examples of how it works, but you can easily get the point.

    But really Firebug is the way to go for Firefox. Or if you prefer Safari, WebDevAdditions : http://www.laszlo.com.pl/webdev/
  • jellygraph, on 10/12/2007, -0/+1Sorry, I don't understand the point of this
  •  

    Login or register to add a comment

    Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.


© Digg Inc. 2008 — Content posted by Digg users is dedicated to the public domain.
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.