Web Design Terms Glossary
What is Adaptive Web Design?
Another approach is to build multiple versions of a website and use server side detection to then present custom code for that device or viewport size. You could decide to have your mobile site on a separate domain for example m.domain.com. The server will then automatically serve all mobile traffic to that domain. The server… Read more »
What is Bootstrap?
The Bootstrap CSS framework is a front end toolkit built in style guide form. Or basically a collection of CSS and JS code recipes call components to help developers build responsive websites quickly. When Bootstrap was first created at Twitter it was built as a toolkit of reusable components with additional documentation and code snippets on… Read more »
What does compile mean?
In web development you often see the term compile which means to convert a higher level code (source code) to a lower level (distribution code). Often its LESS or Sass into CSS using a tool like Grunt, Gulp, or desktop application like codekit. In node.js based projects you will often find a source folder containing… Read more »
What is a component?
“A component is a minimal software item that can be tested in isolation.” The keyword in that phrase is isolation. Since CSS cascades down to child elements how do you isolate things and write styles to target specific components and leave everything as is? The solution Bootstrap presented is the use of css classes with… Read more »
What is a Code Dependency?
If you are working on a Node.js or using Grunt/Gulp/Bower you might hear the term code dependency or list of dependencies. What this means is your project depends on another code library or framework to function properly. So your project lists these dependencies inside your package.json file and if you use Bower in a bower.json… Read more »
What is Flexbox?
In Bootstrap 3 and for the majority of websites, the only way to build multi-column layouts was to set column widths and use floats. Then on mobile, you would just remove the float and width property so that it would change to be one column. Now with flexbox, or flexible box, you will be able… Read more »
What does HTML markup mean?
Another name for HTML or hyper text markup language. Commonly used to reference just the HTML or structure of the page and not the styles or scripts associated with it.
What Does Mobile-friendly Mean?
You might have seen a little note under your website in a Google search result page saying your site is not mobile-friendly. But what does that mean? How do you make your site or web application mobile-friendly? How is it Different from a Responsive Website? Mobile-friendly is essentially the broad term for a site having… Read more »
What is a Preprocessor?
A preprocessor is a program that processes its input data to produce output that is used as input to another program. – wikipedia In web design we use a lot of CSS preprocessors like Sass, LESS, or stylus. A preprocessor converts these raw input data and outputs regular CSS that a web browser can read… Read more »
What is a Repo or Repository?
What is Responsive Web Design?
Responsive design was introduced to help designers build one site on one domain that responds to a users viewport. The two necessary elements for a responsive design are a meta viewport tag to disable scaling and media queries to alter the design of the page gets smaller. Responsive design is a lot less expensive and… Read more »
What is Sass or SCSS?
Sass stands for syntactically awesome stylesheets. Sass is a scripting language that is compiled into regular CSS. It was created to help writing CSS easier and more efficient. Some ways it can help you with development You can create variables for colors, font-sizes, and any other value. You can then use that variable throughout your styles… Read more »
What is UI or User Interface Design?
UI design produces a product’s skin – a product’s visual/graphic presentation. It is also responsible for communicating a brand’s strengths to best enhance the user’s experience. In an application, it also guides the user through the interface and provides help notifications, error messages, and visual interaction feedback.
What is UX (User Experience)?
When designing something you have to consider how it looks (UI) and how it functions (UX) but these two overlap a lot. Basically the user experience considers how someone would interact with your website or application. What information do they need to succeed in their goals? How do they feel after using the site? Was… Read more »