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 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 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 »