Resources

Web DevTOOLS

Online Code Code-editors:

• https://jsbin.com/
• https://codepen.io/

Code Text-editors:

• Visual Studio Code
  • Visual Studio Code Keyboard Shortcuts
• Atom
  • Atom Keyboard Shortcuts
• Sublime
• Bracket

WIREFRAME TOOLS

• Figma
• Miro
• Mockplus

VIDEO Editing (open-source):

• Blender
• VSDC

Photo Editing (open-source):

• GIMP Photo Editor (Graphic Manipulation Tool download page
• Inkscape is a free and open-source vector graphics editor
• Online web-based photo cropping tool: http://crop-circle.imageonline.co/
• Online web-based graphic design: https://www.canva.com

Contrast-Checkers:

• WebAim Contrast Checkers

Mobile-Friendly Test Checkers:

• Search.Google.Com
• https://responsivechecker.net/responsive

Documentations:

• https://www.w3.org/
  • Web Content Accessibility Guidelines (WCAG overview)
• https://developer.mozilla.org/en-US/
• https://devdocs.io/
• https://docs.emmet.io/cheat-sheet/

Inspiration Section:

• Interactive Archive Wayback Machine – http://web.archive.org/

UX / UI resources:

• Flat Design
• Floor Fade
• Icons
• Spacing and Layout (using whitespace in your design)

DIAGRAM AND FLOWCHARTING:

• https://app.diagrams.net/

Choosing Base colors:

• Flat UI Colors
• Color Hunt – “Color Palettes for Designers“

Other Information:

• https://www.submarinecablemap.com/
• https://unicode-table.com/en
• https://www.rapidtables.com/code/text/unicode-characters.html
• http://www.fileformat.info/info/charset/UTF-8/list.htm
• https://en.wikipedia.org/wiki/Mojibake
• What’s the difference between Unicode and UTF-8 (StackOverflow)
• https://www.joelonsoftware.com/2003/10/08/the-absolute-minimum-every-software-developer-absolutely-positively-must-know-about-unicode-and-character-sets-no-excuses/
• https://www.thewikigame.com/
• https://medium.com/@eokinch/unicode-characters-in-html-css-a55c77fd3570
• https://axesslab.com/hand-tremors/ (Accessibility tips)
• https://www.prepressure.com/fonts/basics/character-names (Keyboard characters)

Converters

• https://pixelsconverter.com/rem-to-px

JAVASCRIPT KEYCODES

• https://keycode.info/
• https://www.freecodecamp.org/news/javascript-keycode-list-keypress-event-key-codes/

WORDPRESS THEME

• Underscore.me A starter theme for WordPress

Minifier JS/CSS

• Minifier.org – https://minifier.org/

PAYMENT API’s

• Paypal Sandbox Testing

Back to Home