Punct!

Posted Tuesday 21st March, 2006

Most web developers have, at some point, experienced the pain of browsing through client-written content to change symbols into meaningful HTML entities. Of course, a lot of the time, we’re even using the wrong entities!

Well, now it’s a little easier with the help of “Punct!,” a client-side script I have created for two reasons; as an experiment in JSON and to save time when cutting and pasting code from Word documents into web sites.

Punct basically takes any content pasted or typed into it and converts characters such as em-dashes, quotes and horizontal ellipses into their relevant best HTML entities. You can also specify whether to include paragraph tags which helps anyone pasting content into Wordpress (like this very article).To have a go, click the link below:

Punct, a web-based content aid…

Incidentally, this is only version 1.3 — it’s not perfect, it’s not my final word on the matter (it’s the beginning of something far bigger), it jams the content preview into the page using innerHTML (a nasty method) and it’s only available with Javascript turned on since I wanted to utilise client-side processing power. I’m only really launching it here since several of my fellow developers at Rentokil seem quite keen on using it. Watch this space for further developments!

Included in: Development, JavaScript, Typography, Web, Web Standards, XHTML

Categories:

  1. Accessibility
  2. Agile
  3. Ajax
  4. Apache
  5. API
  6. Architecture
  7. Books
  8. Browsers
  9. CMS
  10. CouchDB
  11. CSS
  12. Design
  13. Development
  14. Django
  15. Email
  16. Events
  17. Gaming
  18. Grammar
  19. Hardware
  20. HTML
  21. HTTP
  22. Humour
  23. Idea
  24. Information Architecture
  25. JavaScript
  26. jQuery
  27. Lean
  28. Life
  29. Linux
  30. Literature
  31. Mac OS X
  32. Management
  33. Meme
  34. Microformats
  35. Monday
  36. MySQL
  37. Networking
  38. News
  39. Personal
  40. Photoshop
  41. PHP
  42. Process
  43. Python
  44. Reference
  45. REST
  46. Science
  47. SEO
  48. Server
  49. Site
  50. Sitepimp
  51. Social
  52. Spelling
  53. Syndication
  54. Testing
  55. The Future
  56. Thoughts
  57. Tools
  58. Tutorial
  59. Tutorials
  60. Typography
  61. UI
  62. UNIX
  63. Virtualisation
  64. Web
  65. Web Standards
  66. Widgets
  67. Wii
  68. Writing
  69. Xbox
  70. XHTML