Follow link or search in Chrome extensions store.
| Name | Link | What is it? | Tip from |
|---|---|---|---|
| 30 seconds of knwoledge | https://30secondsofknowledge.com/ | Chrome/Firefox extension that helps you to learn about web technologies | Pat |
| Muzli | https://muz.li/ | A site/extension of pretty projects for Design Inspiration | Gillian |
| Colorzilla | https://www.colorzilla.com/ | An extension that lets you use an eyedropper to grab the colour of anything on a webpage or produce a palette of all colours | Gillian |
| CORS changer | https://chrome.google.com/webstore/detail/moesif-orign-cors-changer/digfbfaphojjndkpccljibejjbppifbc | Helps with CORS issues with APIs | FAC18 |
| Design Grid Overlay | https://chrome.google.com/webstore/detail/design-grid-overlay/kmaadknbpdklpcommafmcboghdlopmbi | A grid overlay that helps with CSS grid | Bobby |
| HTML5 Outliner | link tbc | View page outline in Chrome | FAC |
| Accessibility Developer tools | link TBC | Run audits for A11y, performance, best practice and SEO optimisation | FAC |
| ChromeVox classic | Link TBC | Screen reader extension to check a11y | FAC |
| JSONView | Link TBC | Shows JSON onjects in readable format | FAC |
| Moesif Orign & CORS Changer | Link TBC | Another CORS helper if API issues | FAC18 |
Search for them in your extensions tab/window If it is a VSCode extension and you have Atom there will most likely be a similar version and vice versa if you search. Choose one with many downloads/good rating.
| Name | What is it? | Tip from |
|---|---|---|
| Live Server | Click to view an autoupdated version of a page you are making | FAC |
| ESLint | popular javascript linting extension | FAC |
| Bracket Pair colourizer | gives bracket pairs their own colour to improve readability | Tony and Georgia FAC17 |
| Color Picker | Gives a colour wheel for custom css colour picking | Tony and Georgia FAC17 |
| Path Intellisense | Autocompletes filepaths. Very useful | Tony FAC17 |
| vs-code pigments | Gives a little background to all css colours in code in the colour they will be on page | Tony and Georgia FAC17 |
| Prettier/Beautify | Makes code pretty on save. | FAC |
| Gitlens | See git commit info for you project in the code editor | Tony and Georgia FAC17 |
| Javascript code snippets | Autocompletes certain regular js snippets | Tony and Georgia FAC17 |
| Material icon theme | Shows nice filetype icons for vscode or atom | FAC |
| turbo console log | Make more descriptive console logs | Tony and Georgia FAC17 |
| platformio-de-terminal | add an integrated terminal for atom | Tony and Georgia FAC17 |
| codeMetrics | Gives functions a complexity score | FAC18 |
Search on slack
| Name | What is it? | Tip from |
|---|---|---|
| Polly | Make quick polls to decide things as a group | Reggie/Reda |