Abbr’s for Web Nerd Acronyms

Avatar of Chris Coyier
Chris Coyier on (Updated on )

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

I’m really lazy about using <abbr> tags for acronyms. Most people who read a techy blog like this probably understand them, but surely there are some visitors who don’t where a simple tooltip explanation would be beneficial. Maybe with this easy copy-and-paste resource to reference I’ll actually start doing it. This is an education blog, after all.

<abbr title="Customer Relationship Management">CRM</abbr>
<abbr title="Content Management System">CMS</abbr>
<abbr title="Structured Query Language">SQL</abbr>
<abbr title="International Organization for Standards">ISO</abbr>
<abbr title="PHP: Hypertext Preprocessor">PHP</abbr>
<abbr title="HyperText Markup Language">HTML</abbr>
<abbr title="eXtensible HyperText Markup Language">XHTML</abbr>
<abbr title="Cascading Style Sheets">CSS</abbr>
<abbr title="JavaScript">JS</abbr>
<abbr title="European Computer Manufacturers Association Script">ECMAScript</abbr>
<abbr title="Internet Service Provider">ISP</abbr>
<abbr title="Internet Protocol">IP</abbr>
<abbr title="HyperText Transfer Protocol">HTTP</abbr>
<abbr title="Really Simple Syndication">RSS</abbr>
<abbr title="Internet Relay Chat">IRC</abbr>
<abbr title="File Transfer Protocol">FTP</abbr>
<abbr title="Asynchronous JavaScript and XML">AJAX</abbr>
<abbr title="Domain Name System">DNS</abbr>
<abbr title="Document Object Model">DOM</abbr>
<abbr title="Object Oriented Programming">OOP</abbr>
<abbr title="Don't Repeat Yourself (programming principal)">DRY</abbr>
<abbr title="Secure Sockets Layer">SSL</abbr>
<abbr title="Ruby on Rails">RoR</abbr>
<abbr title="Keep it Simple, Stupid">KISS</abbr>
<abbr title="Linux, Apache, MySQL, PHP (common server configuration)">LAMP</abbr>
<abbr title="Cross Site Scripting">XSS</abbr>
<abbr title="Search Engine Optimization">SEO</abbr>
<abbr title="Joint Photographic Experts Group (file format)">JPG</abbr>
<abbr title="Graphics Interchange Format (file format)">GIF</abbr>
<abbr title="Portable Networks Graphics (file format)">PNG</abbr>
<abbr title="Photoshop Document (file format)">PSD</abbr>
<abbr title="Adobe Illustrator (file format)">AI</abbr>
<abbr title="Software as a Service">SaaS</abbr>
<abbr title="Syntactically Awesome Stylesheets">SASS</abbr>
<abbr title="Red Green Blue">RGB</abbr>
<abbr title="Hue Saturation Lightness">HSL</abbr>
<abbr title="User Interface">UI</abbr>
<abbr title="User Experience">UX</abbr>
<abbr title="JavaServer Pages">JSP</abbr>
<abbr title="Active Server Pages">ASP</abbr>
<abbr title="What You See Is What You Get">WYSIWYG</abbr>

Maybe there could be some WordPress plugin that could REGEX post content and automatically do it?

Got some ones I should add to the list? I’ll probably keep the list above specifically web development acronyms not general computer/internet ones.