Here’s a check-list of terms that every Web Designer or Developer should know. It’s not an extensive tutorial with long definitions, just a list to check how much you know. The purpose of this post is basically intended for non-native English speakers that work in English design agencies so some of the words you’ll see here are really basic (although frequently used while at work).
Some of the definitions are made by me keeping them short and strictly to the point, some are from Wikipedia. The Learn more links to the Wikipedia article or sometimes to another website I found had more accurate information than Wikipedia.
(I’m working on it but published it prematurely since a friend needs it urgently, please search the words not still defined in Google. I’m also planning on translating the words into Spanish. Any help/feedback or corrections are truly appreciated.)
Job titles description
- Graphic Designer: A graphic designer that does designs for things that need to be printed (posters, magazines, vouchers) or other digital pieces. Learn more
- Web Designer: A graphic designer that specializes in designing websites. Learn more
- Web Developer: A programmer that codes websites, converting static images to full-featured coded pages with interaction features. Learn more
- Content Editor: A writer that creates articles, news or posts for a website. Learn more
- Freelancer: Someone that works on short-term contracts (one week to six months but can be more or less). Usually from home but can work in the client’s office. Learn more
- Project Manager: Learn more
Project Management vocabulary
- Branding: The application of marketing techniques to a specific product, product line, or brand. Learn more
- Specifications (especificaciones): Learn more
- Deadline (fecha límite): Time when a milestone needs to be finished. Learn more
- Milestone: The end of a stage that marks the completion of a work package or phase. Learn more
- Target (objetivo): An objective that needs to be met. Learn more
- Agile Development: An intense but really effective work methodology. Learn more
Graphic Design vocabulary
- Mockup: (Esbozo) Learn more
- Wireframe: Learn more
- Assets: Files used during the creation of something.
- Copy: The text that goes in a web page.
Frequently used adjectives in web design
- Intuitive: Learn more
- Minimal: Simple, with the fewest objects as possible and using white space in a smart way.
- ‘Make it pop‘: Just ignore that.
Web Design vocabulary
Web Development vocabulary
- Update (actualizacion): Part of a software that includes fixes and tweaks.
- Upgrade (mejora): Bigger than an update, has major changes to the code.
- Alpha release: Really early version of a product, barely functional and not thoroughly tested.
- Beta version: The next stage in development of a product.
- Local Server (): The server in your computer or Intranet with private access.
- Development Server (): The server used to develop websites.
- Staging Server (): The server used to test websites, also known as Testing Server or Environment.
- Production Server (): The server that is published to the Internet and publicly viewable, also known as Live Server.
- Bug: Error in the code.
- Project Plan: Learn more
- Salary raise (aumento de sueldo).
- Promotion (aumento de rango, promoción)
- Job title: (título de la profesión)
- 60K pa: 60,000 pounds per annum (year). Learn more
- Preview: Learn more
- Purpose: Learn more
- Outsource: To ask for an external company to take care of a part of a project or work. Learn more
- Circa (aproximadamente): around, approximately. Learn more
- Cold call: a business call to someone who doesn’t know you.
Parts of a website
- Header (cabecera): The top part of a website that repeats along all the pages in the site. Usually composed by a logo and main heading.
- Menu (menú): Learn more
- Body (cuerpo, contenido): Learn more
- Sidebar (barra lateral): Learn more
- Footer (pie de página): Learn more
- Quote (cita): Some text that someone wrote, normally stating an opinion on a product or service. Learn more
- Heading (título): Learn more
- Post (artículo): Learn more
- Nips (trocito de texto): Small pieces of text.
- Banner: A graphic advertisement in a website. Learn more
- Front page (página principal): Learn more
- Sitemap (mapa del sitio): A site map is a list of all the pages a web site has, it is accessible to crawlers or users. Learn more
- ToS: Terms of Service. Learn more
- Logo (logotipo): Learn more
- Tagline (Eslogan): A tagline is a variant of a branding slogan. Learn more
- Strapline (Eslogan): Secondary sentence attached to a brand name. Learn more
- CTA (botón de acción): Call-to-Action. Se refiere al boton xxx Learn more
- Theme (): A design for a website. Learn more
- Template (plantilla): Sometimes used as a synonym for Theme. Sometimes means
- Testimonial (): Someone’s personal experience with a product or service. Learn more
- ROI: Return On Investment. Learn more
- Pro-Rata: Learn more
- Contract (contrato temporal): Learn more
- In-house (interno): Something done for the company. Learn more
- FY10: For year 2010. Usually used to refer for previsions and planning on that year. Learn more
- Q3 (tercer cuatrimestre): Third Quarter. Three months. Q1 is January to March, Q2 is
- UI (interfaz de usuario): User Interface. What the user sees and interacts with. The placement of buttons, links, text, forms… Learn more
- Drop down (menú desplegable): Learn more
- Radio button: Learn more
- Checkbox (casilla): Learn more
- Textarea (caja de texto grande): Learn more
- RGB (Rojo, Verde y Azul): Red Green Blue. A way of writing colours for screen displays. The amount of colour for each. From 0 to 255 (like 255.0.0 would be pure red, 0.0.0 would be black, 255.255.255 is white). Learn more
- Hexadecimal: A way of writing colours usually for websites. Learn more
- CMYK: Cyan, Magenta, Yellow, K. A way of writing colours for printed media. Learn more
- Web Safe colors: Traditional color palette used tune ago when screens could display limited colors and these looked different in every screen. It is not necessary to stick to web safe colors nowadays. Learn more
- CAD: Computer Assisted Design. Used by architects and engineers to produce 2D and 3D graphics of models, buildings, etc. Learn more
- Web 2.0: A new way of Internet were users have much more importance and can not only read content but rate, comment and participate. Learn more
- Social network: Learn more
- Professional network: Learn more
- Bookmarking network: Learn more
- Front-end: Designs the user interface with its buttons, images, boxes… and animations.
- Back-end: Programs the coding and sets up the database.
Languages used: PHP, MySQL, ASP, ASP.Net, Python, ColdFusion, ActionScript…
- WWW: World Wide Web. The Internet. Learn more
- FTP: File Transfer Protocol. A protocol to upload and download files from a server. Learn more
- ASAP: As soon as possible.
- ATM: At the moment.
- IMHO: In my honest opinion.
- LOL (jajaja): Laughing out loud.
- TY: Thank you.
- TA: Thank you.
- HTML: The language in which websites are coded. It is not a programming language but a markup language. Learn more
- HTML5: The new version of HTML. xxx Learn more
- Flash: Learn more
- ActionScript: Learn more
- FLV: Flash Video. A video format commonly used by web streaming services liek YouTube, Vimeo… Learn more
- Quicktime: Learn more
- RealPlayer: Learn more
- Java: Learn more
- Silverlight: Like Flash but made by Microsoft instead of Adobe. Learn more
- CSS: The style sheet of the websites that define colors, background images, font sizes and families, etc. Learn more
- PHP: A website programming language. Very popular. Learn more
- Cross-browser: Learn more
- ASP: Learn more
- ASP.NET: Learn more
- Perl: Learn more
- Production Server: Learn more
- Development Server: Learn more
- Apache: A web server software that can be installed in Windows, Linux, OSX and Unix. Learn more
- IIS: A web server software from Microsoft and for Windows only. Learn more
- Linux: (correctly written as GNU/Linux) Learn more
- Unix: Learn more
- OSX: The newest version of the Apple Mac operative system. Learn more
- Chrome: An internet browser from Google. It’s fast and simple. Learn more
- Safari: An internet browser from Apple. It’s simple and the default browser on Macs. Learn more
- Firefox: An internet browser from Mozilla. It has lots of features and addons that help web developers and designers. It is slow and memory consuming. Learn more
- IE: Internet Explorer. An internet browser from Microsoft. Version 6 doesn’t follow the web standards and it is a nightmare for web developers. IE7 is better but still not compliant and IE8 is quite compliant. Learn more
- W3C: World Wide Web Consorcium. A non-profit organization that focuses on standarisation of the WWW. Learn more
- Ruby: Another programming language. Learn more
- RoR: Ruby on Rails. Means Ruby coding powered by a Rails server. Learn more
- SQL: A database language. Learn more
- MySQL: A variation of SQL optimized for websites running PHP. Learn more
- Framework: Learn more
- Creative Commons: Learn more
- Copyright: Copyright is the set of exclusive rights granted to the author or creator of an original work. Learn more
- Cookie: Learn more
- Variable: Learn more
- Session: Learn more
- LAN: Learn more
- WLAN: Learn more
- WAN: Learn more
- IP address: Every device that connects to the Internet has one (computers, web servers, mobile phones, printers…) Learn more
- Hostname: Learn more
- DNS: Learn more
- Domain name: Learn more
- SEO: Search Engine Optimization. Tricks and practises to improve websites so that target specific keywords in a search engine and appear first in the results. Learn more
- SEM: Search Engine Marketing. Learn more
- SERP: Search Engine Page Results. Learn more
- Conversion:When a user ends a process (like visiting an informational website and buying from it). Learn more
- Affiliate: A company that gives comissions to other companies. Learn more
- PPC: Pay per click. Learn more
- Google Adwords: A way to advertise. Learn more
- Google Adsense: A way to show ads and earn money. The main difference to other advertising systems is that shows relevant ads based on the website content or what the user searched. Learn more
- Google Analytics: Learn more
- WordPress: A very popular and easy to use blog system. Learn more
- CMS: Content Management System. Learn more
- Blog: Learn more
- Microblog: Learn more
- Twitter: A real-time microblogging tool. Learn more
- LinkedIn: A professional network to publish your work experience, offer job positions, etc.
- Stumble Upon: Learn more
- Digg: Visit site
- Meneame: The spanish version of Digg. Learn more
- Design Float: A Digg for web developers and designers. Learn more
- Delicious: A bookmarking network. Learn more
- Reddit: Learn more
- Flickr: Learn more
- DeviantArt: Learn more
- Behance: Learn more
- Posterous: A blogging system that automatizes everuthing and everyone can post content very easily and quick. Learn more
- Tumblr: Like Posterous but being even more simpler (but maybe even more powerful). Learn more
- Vimeo: Like YouTube but for artists and creatives. Higher quality videos.
- Stack Overflow: Questions and Answers for programmers
- W3Schools: Online tutorials for web development.
Advanced techy vocab
- Localhost: The hostname of the current computer, device or server. Learn more
- 127.0.0.1: The IP address of the current computer, device or server. Learn more
- DoS: A denial of service attack, the most common and easy attack to web servers. It exhausts the server by sending tons of resource consuming requests. Learn more
- XSS: Cross Side Scripting. Learn more
- SQL injection: Learn more
- Phishing: A fraudulent verbatim copy of a website that pretends to be the real one but gathers personal information such as passwords from users. Learn more
- RegEx: Regular Expressions. A kind of coding that can extract and interact very accurately with text (detect valid e-mails, extract data from code…). Learn more
- Microformats: Learn more
- MVC: Model-View-Controller.
- OOP: Object Oriented Programming.
- Excuse me, I have an appointment with Mr. Smith.
Top image by Stephen Mitchell
TrendLiker.com lists hundreds of nice items and lets you know when they go on sale on Amazon.Looking for cool gift ideas?