---
title: Development Tools
created: 2021-12-14 01:52
modified: <%+ tp.file.last_modified_date("YYYY-MM-DD HH:mm") %>
tags:
 - Development
 - Javascript
 - WebDevelopment
---
This is a test.
:::{admonition} Important
:class: important
Here is some text.
:::
![Some image](../../_images/rubber_duck.jpg)
```{image} ../../_images/rubber_duck.jpg
:alt: Rubber Duck
:class: bg-primary
:width: 200px
:align: center
```

```{code-block} python
---
lineno-start: 10
emphasize-lines: 1, 3
caption: |
    This is my
    multi-line caption. It is *pretty nifty* ;-)
---
a = 2
print('my 1st line')
print(f'my {a}nd line')
```

# Development Tools
## Javascript
- Modernizer: Supports old browsers, feature detection tool.
- HTMLS boilerplate: Generic site template
- Normalize CSS: Provide consistency between browsers
- Bootstrap: front-end framework
- Mockflow, Wireframe Pro: Wireframing
## Validation tools
- Litmus: Multi-browser validation
## HTML & CSS
- Sass CSS pre-processor.
- Native CSS emerging.
## CSS Frameworks
- Bootstrap 5 CSS framework.
- Materialize material design.
- Bulma mobile-first.
- Foundation advanced, customizable.
## Visual Studio Code Plugins
- Emmet
- Live Server
- Prettier
- ESLint
- GitHub Copilot