Smashing Magazine

Useful Glossaries For Web Designers and Developers

• By Daved Brosche
• May 29th, 2009
• GlossariesMarketingPhotoshop
• 58 Comments

In a day in age where there are just as many freelancers as there are university educated designers, developers, and all around web gurus, it is amazing to me how much many of us don’t know or have forgot about our trade. As a self-taught designer, I will admit to you upfront that there is a lot I don’t know when it comes to official jargon or certain aspects of things like typography and graphic design. It is these reasons that I call upon glossaries from time to time.

These glossaries are also especially useful for those of you who are just getting started in the online business world. By understanding that basics of the core materials that make up whatever it is you are getting into, you will be able to have a better understanding of what’s going on in your industry, as well as be able to learn faster.

But glossaries aren’t just for brushing up on old terms or for calling upon while you learn new things. They can also make a great reference point for your customers. I am sure we have all had clients who thought they knew what they were talking about when it came to SEO or web design. When you try to explain to these clients that they don’t know what they are talking about, the end result can sometimes turn ugly or at least bring on an unwanted headache. In these situations it is handy to have a glossary at hand to point your clients to. This way they can see that they were mistaken and you get the satisfaction of your own personal “I told you so.”

Last week we presented Web Design Industry Jargon: Glossary and Resources⁵⁵¹, a general guide to industry terms that should get you well on your way to understanding what web designers are talking about. In this post we go into detail in each single area of web design such as typography, usability, marketing, Photoshop, wordpress, graphic design, CSS, XHTML, DOM, JavaScript, print design, SEO, social media, software development, Twitter and further areas.

Typography Glossaries Link

You would be surprised how many designers, especially graphic designers, out there don’t know even the most basic of typography terms. I am guilty of this myself. I could probably count the number of typography terms that I know on two hands. I couldn’t tell you what makes one font better than the other aside from the way it looks. If you find yourself in this boat and want to learn more about the basics of typography, these glossaries are a good place to start.

• Fontshop Typeface Glossary
• Typenow Glossary
• Large Typography Glossary²
• Adobe Typography Glossary³
• Thinking With Type Glossary
• The Web Designer’s Typographic Glossary
• A disagreeably facetioustype glossary
• A Typographic Glossary
• Type Terminology
• Font Menu Type Glossary⁴
• Typography Glossary⁵

Usability, UX and IA Glossaries Link

Do yourself a favor and start learning as much as you can about usability and design. You would be surprised how much of a difference a user-friendly landing page can make. Simple things like button shapes, call to action wording, and colors can play a big part in how users interact with your design. Understanding the basics of usability can help you create better designs. Start by learning the basic terms in these glossaries.

• Usability Terms
• The Complete List of Usability Terms⁶
• Glossary of Usability Terms
• Universal Usability Glossary⁷
• 30 Usability Issues To Be Aware Of⁸
• An Evolving Glossary of Experience Design
• Interaction Design UX Glossary⁹
• Information Architecture Glossary¹⁰
• The Information Architecture Glossary¹¹ (PDF)

Marketing Glossaries Link

Following closely on the heals of good usability is understanding marketing. I wouldn’t go so far as to say they are one in the same, but they are definitely closely related. Better understanding how marketing works can do loads for your business and your clients business. Start educating your self by studying up on some of the more basic marketing terms. Or if you are already pretty market savvy, but want to brush up, there are a number of more “advanced” glossaries below as well.

¹²

• The Fundaments Of Web Analytics¹³
• Marketing Glossary and Terms¹⁴
• Professional Marketing Glossary¹⁵
• Business Marketing Terms
• Viral Marketing Glossary
• Brand Glossary
• Branding Glossary¹⁶
• Advertising Glossary¹⁷
• Glossary of interactive advertising terms¹⁸ (pdf)
• Google AdWords Glossary¹⁹
• Google AdSense Glossary²⁰
• Marketing Glossary

CSS, (X)HTML, DOM and JavaScript Glossaries Link

As designers and coders, we often need to look up the definition and the applying rules for an attribute, selector, tree node, a property or a HTML-tag. Therefore lookup-references may come in handy. Good news – there are many reference resources out there. Below you’ll find some really good ones.

²¹

• Sitepoint CSS Glossary²²
• Codestyle CSS Glossary
• CSS Properties²³ (HTMLDog)
• CSS Properties²⁴ (Sitepoint)
• CSS Selectors²⁵
• CSS @-Rules²⁶
• CSS Concepts²⁷
• The complete CSS guide²⁸ (Westciv)
• CSS References at W3C School
• HTML 4 Elements²⁹ (WDG, HTMLHelp)
• HTML Tags³⁰
• HTML Elements³¹
• HTML Common Attributes³²
• HTML Concepts³³
• Full HTML Reference³⁴
• JavaScript DOM Core³⁵
• Full JavaScript Reference³⁶
• Full jQuery Reference³⁷
• Visual jQuery Reference³⁸
• XML Glossary³⁹

Graphic Design Glossaries Link

Perhaps it is because many designers are self taught that they only have a limited understanding of professional graphic design terms. Sure, we all know what cropping and justifying are, but there are so many other terms out there that many of us don’t know. While we can probably get away with never knowing them, it can’t hurt to learn. This is especially true for new designers. Why not go ahead and learn these terms early on while you are still in the learning process?

⁴⁰

• Graphic Design Glossary, Terms and Definitions⁴¹
• Glossary of graphic design and web page design terms⁴²
• Color Glossary⁴³
• Graphic Design Glossary⁴⁴
• Graphic Design Glossary⁴⁵
• Graphics Glossary⁴⁶
• Logo Design Famous Brands Glossary⁴⁷

Print Design Glossaries Link

The transition from print design, with its absolute positioning, fixed layouts and grid-structure to more dynamic and flexible web design isn’t an easy task. Therefore if your colleague is just doing the switch from print design to web design, you may need to be able to communicate with him in “his” or “her” language. Therefore general terms from print design may come in handy as well. Do you know what “4 over K”, “semi-gloss finish” or “column rule” mean? OK, let’s dive into the classic print design terms.

⁴⁸

• Newspaper Design Glossary⁴⁹
• Glossary Of Common Print Design Terms
• Print design glossary
• Design and Print Glossary⁵⁰
• The Glossary Of Printing Terms⁵¹
• Glossary of Printing and Graphic Terms⁵²

Web Design Glossaries Link

I would think that many professional and full time designers and developers already know just about every term in these web design glossaries. However, I know that when first venturing into web design, many of the terms associated with the industry can be a bit foreign. Thus, I decided to add this collection of web design glossaries to the list for those who are getting into web design and developing and could use a little extra help figuring out what everything means.

⁵³

• The Motive Web Design Glossary⁵⁴
• Web Design Industry Jargon: Glossary and Resources⁵⁵¹
• Huge Web Design Glossary⁵⁶
• Sitepoint Web Design Glossary
• Web Design Glossary⁵⁷
• Web Design Glossary
• Web Design Group Glossary of Terms
• Photoshop Glossary
• Complete Glossary of Photoshop Terms and Definitions⁵⁸

SEO Glossaries Link

Try to do some search engine optimization for your website or your clients? Knowing what you are talking about is always a good idea, for both you and your client. So often clients want some search engine optimization done, but really have no clue what they are asking for or what you are saying. Referring them to some of the search engine optimization glossaries below can do wonders to save you and your client a world of headaches when it comes to SEO work.

⁵⁹

• SEO Glossary⁶⁰
• SEO Glossary for 0 to Z⁶¹
• A Complete Glossary of Essential SEO Jargon⁶²
• Search Engine Optimization (SEO) Glossary of Terms⁶³
• The SEO Book Glossary⁶⁴

Social Media Link

Because it seems like something new is always popping up on the social media scene, it is only natural that there may be terms we aren’t familiar with from time to time. This is especially true for those who are just venturing into online business and social media for the first time. This also goes back to the comments I made about SEO terms. You can save you and your clients some frustrations by making sure you are both on the same page by understanding what each other is talking about. Using these glossaries to explain yourself better to a client will work wonders in keeping you two on the same page.

• A-Z of Social Media
• Glossary of Blogging and Social Media Terms
• The Bloggers’ Glossary⁶⁵
• Social Media Glossary
• 25 Social Media Buzzwords Explained
• Giant Bloggin Terms Glossary

Twitter Glossaries Link

You had to know this list of glossaries was coming! With so much going on in the world today about Twitter, it is only natural that new Twitter users are popping up every day. When one first gets into Twitter the list of associated terminology can be very much like foreign language. For outsiders looking in, I think that is very much the case. I think my local news station needs to read up on these, as every time they talk about Twitter they look deeply confused about the words that are coming out of their mouth.

⁶⁶

• Twittonary – The Twitter Dictionary⁶⁷
• My Twittonary: Every Twitter Term and Tool I Can Find
• Twitterspeak: 66 Twitter Terms⁶⁸
• Twitter Glossary
• How to Speak Twitter
• Twitter Glossary: Twitter Lingo Explained For The Utterly Confused⁶⁹

CMS Glossaries Link

WordPress, Joomla, Textpattern and other CMS have a lot of its own and unique terms, tags and definitions. Because many people who run blogs don’t know the first things about servers, PHP, or even WordPress for that matter; it can be a bit intimidating. But, as many CMS users know, there isn’t much to it once you know how everything works. The glossaries below can help both developers and new users to WordPress, Joomla and TextPattern.

⁷⁰

• WordPress Codex Glossary⁷¹
• Joomla 1.5 Glossary⁷²
• Textpattern Tag Glossary⁷³

Software Development Link

While most web designers do both front-end and back-end-development in their regular work, it may be helpful to have a good understanding not only of front-end (covered above), but also of common software development. A glossary with terms used in agile development, software engineering, prototyping and general software development. Apart from that you may want to understand what your colleagues-coders in Python, Ruby on Rails or Java talk about when throwing around fancy programming terms, right?

⁷⁴

• Python Glossary⁷⁵
• Java Glossary⁷⁶
• Ruby on Rails Brief Glossary
• Software Testing Glossary⁷⁷
• Software Engineering Glossary⁷⁸ (pdf)
• An Abbreviated Software Engineering Glossary⁷⁹
• Software Development Glossary⁸⁰
• Agile Development Glossary⁸¹
• Rapid prototyping glossary⁸²

Something is missing? Link

We definitely missed some useful glossaries in this list. Please help us make this list as universal and useful as possible. Please share useful resources with us in the comments to this post! All comments will be considered and useful resources will be added to the post. Thank you.

Footnotes Link

1. 1 https://www.smashingmagazine.com/2009/05/21/web-design-industry-jargon-glossary-and-resources/
2. 2 http://www.owlsoup.com/foamtrain/glossary/aaa.html
3. 3 http://www.adobe.com/type/topics/glossary.html
4. 4 http://www.fontmenu.com/site/glossary.html
5. 5 http://desktoppub.about.com/od/glossarytype/Typography_Glossary.htm
6. 6 http://www.usabilitybok.org/glossary
7. 7 http://www.sapdesignguild.org/editions/highlight_articles_01/uu_glossary.asp
8. 8 https://www.smashingmagazine.com/2007/10/09/30-usability-issues-to-be-aware-of/
9. 9 http://www.interaction-design.org/encyclopedia/
10. 10 http://www.iainstitute.org/en/learn/education/glossary.php
11. 11 http://argus-acia.com/white_papers/ia_glossary.pdf
12. 12 http://marketing.about.com/od/marketingglossary/a/marketingterms.htm
13. 13 http://www.webtrends.com/Resources/WebAnalyticsGlossary.aspx
14. 14 http://marketing.about.com/od/marketingglossary/a/marketingterms.htm
15. 15 http://www.channelventures.com/channelprofessional/marketglossary.html
16. 16 http://www.brandchannel.com/education_glossary.asp
17. 17 http://www.advertisingglossary.net/
18. 18 http://www.iab.net/media/file/GlossaryofInteractivAdvertisingTerms.pdf
19. 19 http://adwords.google.com/support/bin/topic.py?topic=29
20. 20 http://www.google.co.th/support/adsense/bin/topic.py?topic=8526
21. 21 http://reference.sitepoint.com/css
22. 22 http://reference.sitepoint.com/css
23. 23 http://htmldog.com/reference/cssproperties/
24. 24 http://reference.sitepoint.com/css/propertyref
25. 25 http://reference.sitepoint.com/css/selectorref
26. 26 http://reference.sitepoint.com/css/atrulesref
27. 27 http://reference.sitepoint.com/css/concepts
28. 28 http://westciv.com/style_master/academy/css_tutorial/index.html
29. 29 http://htmlhelp.com/reference/html40/alist.html
30. 30 http://htmldog.com/reference/htmltags/
31. 31 http://reference.sitepoint.com/html/elements
32. 32 http://reference.sitepoint.com/html/attributes-common
33. 33 http://reference.sitepoint.com/html/html-concepts
34. 34 http://www.w3schools.com/html/default.asp
35. 35 http://reference.sitepoint.com/javascript/domcore
36. 36 http://www.w3schools.com/js/default.asp
37. 37 http://docs.jquery.com/Main_Page
38. 38 http://visualjquery.com/
39. 39 http://msdn.microsoft.com/en-us/library/ms256452.aspx
40. 40 http://creativecurio.com/graphic-design-glossary/
41. 41 http://creativecurio.com/graphic-design-glossary/
42. 42 http://www.grantasticdesigns.com/glossary.html
43. 43 http://www.sapdesignguild.org/resources/glossary_color/index.htm
44. 44 http://www.ars-logo-design.com/glosary_corporate_logo_design.htm
45. 45 http://www.logotree.com/html/graphic_design_glossary_a.htm
46. 46 http://www.creativepublic.com/glossary_graphics_web.php
47. 47 http://www.logoorange.com/logodesign-A.php
48. 48 http://highered.mcgraw-hill.com/sites/0072407611/student_view0/glossary.html
49. 49 http://highered.mcgraw-hill.com/sites/0072407611/student_view0/glossary.html
50. 50 http://www.cartercommunication.co.uk/print-design-glossary.htm
51. 51 http://www.printusa.com/glos.htm
52. 52 http://www.printindustry.com/glossary.htm
53. 53 http://www.motive.co.nz/glossary/index.php
54. 54 http://www.motive.co.nz/glossary/index.php
55. 55 https://www.smashingmagazine.com/2009/05/21/web-design-industry-jargon-glossary-and-resources/
56. 56 http://www.d.umn.edu/itss/support/Training/Online/webdesign/glossary/
57. 57 http://webdesign.about.com/od/webdesignhtmlatoz/a/blglossary.htm
58. 58 http://www.brighthub.com/multimedia/publishing/articles/8266.aspx
59. 59 http://www.seobook.com/glossary/
60. 60 http://www.seoglossary.com/
61. 61 http://www.seoconsultants.com/glossary/
62. 62 http://www.seomoz.org/blog/smwc-and-other-essential-seo-jargon
63. 63 http://www.bukisa.com/articles/57153_search-engine-optimization-seo-glossary-of-terms
64. 64 http://www.seobook.com/glossary/
65. 65 http://www.dailyblogtips.com/the-bloggers-glossary/
66. 66 http://twittonary.com/
67. 67 http://twittonary.com/
68. 68 http://mashable.com/2008/11/15/twitterspeak/
69. 69 http://bloggingbits.com/twitter-glossary-terms-words/
70. 70 http://codex.wordpress.org/Glossary
71. 71 http://codex.wordpress.org/Glossary
72. 72 http://help.joomla.org/content/view/1607/214/
73. 73 http://textbook.textpattern.net/wiki/index.php?title=Alphabetical_Tag_Listing
74. 74 http://wiki.python.org/moin/PythonGlossary
75. 75 http://wiki.python.org/moin/PythonGlossary
76. 76 http://java.sun.com/docs/glossary.html
77. 77 http://www.aptest.com/glossary.html
78. 78 http://www.comp.lancs.ac.uk/computing/resources/IanS/SE7/ElectronicSupplements/glossary.pdf
79. 79 http://www.rspa.com/spi/glossary.html
80. 80 http://whatis.techtarget.com/definition/0,,sid9_gci935732,00.html
81. 81 http://itknowledgeexchange.techtarget.com/overheard/agile-development-glossary/
82. 82 http://www.tagrimm.com/book/glossary.html

↑ Back to top Tweet itShare on Facebook