Colophon

Software

• Local server environment on MacOSX

  • Mamp

  • httpster

  • httpslocalhost

• OJS

  • Open Journal Systems

• OJS plugins

  • Backup

  • iThenticate

  • Allowed Uploads

  • Custom Header

  • backup

  • Google Analytics

  • DOI

  • StaticPages

  • Shariff plugin

  • JATS Template Plugin

  • QuickSubmit plugin

• File allowance (inside MacOSX)

  • BatchMod

• Word processor

  • Bean: word processor for MacOSX

• Code editor

  • Aquamacs Emacs: Editor for Text, HTML, LaTeX, C++, Java, Python, R, Perl, Ruby, PHP, and more...

  • Atom Editor:

• Virtual environment

  • Vagrant environment for OJS: a kind of virtual machine to proof plugins and templates

  • Hotel: Start apps from your browser and use local domains/https automatically (even proxy server!)

• Dependencies & task runners

  • Gulp

  • NPM

• GIT (workflow)

  • SourceTree: GIT client

• Coding

  • Firebug: deprecated by Mozilla (html, javascript & css editor on browser add-on)

  • Firefox Developer tools: (html, javascript & css editor on browser add-on

  • Carbon: (Automatization on code screen sharing)

  • EditorConfig: consistent coding styles between different editors and IDEs

  • Jest (javascript testing tool)

  • FOSSA (Dependency tracking, license compliance and attribution notices)

  • BlindText Generator snippets

  • Libraries.io: searcher and check dependencies and Github repos

  • Animate.js: css animations

• Terminal recorder

  • Asciinema

• Table HTML editor:

  • DIV Table

  • HTML Table Generator

• 3D digital asset creator

  • Blender: 3D creation & edition

• Cron jobs

  • Visual Cron Editor: cron editor

• Testing (in a browser)

  • Cypress: tester end-to-end integrations

• 3D render

  • Blender Cycles: 3D rendering of virtual objects

• Browser & Responsive Test

  • crossbrowsertesting: responsive tests

  • Responsivedesignchecker responsive tests

  • Deviceponsive: responsive tests

  • Browsersync: responsive tests

  • Google Chrome Developer tools

  • Chris Pederick's web developer

  • Apple Safari

    • Go to Safari > Preferences > Advanced > Enable Show Develop Menu in menu bar

    • Then go to Develop > Enter Responsive Design Mode

• HTTPs:

  • SSL for free: Free SSL Certificates & Free Wildcard SSL Certificates

• Font management:

  • FontBase

• Fonts:

  • Google Fonts

  • Font Face observer: widow paragraph/font protection - font webfont loader

  • Font Testing Page

  • Google Noto

  • Font previewer

    • FontGoogles: Interactive Previewing and Comparing fonts in a glimpse

  • Installation/uninstallation of software:

    • Munki: installation/uninstallation automated of MacOSX software

    • Chocolatey: installation/uninstallation automated of Windows software

  • SEO Tools & metadata

    • Dublin core generator form

  • HTML to Epub

    • Sigil

  • Bootstrap editors:

    • Bootstrap Magic

    • Epic Bootstrap

    • Bootply

    • Bootstrap.build

  • Accessibility tests:

    • Web Accessibility Checklist

    • Colour Contrast Analyser: accessibility

    • aXe Developer Tools: a kind of internal auditor inside Mozilla Firefox.

  • CSS:

    • LESS.js

  • Link checker:

    • html-proofer: outer html links checker

  • Graphics:

    • Gimp (graphics manipulation / editor)

    • DPI Love: finds the DPI/PPI of any screen

    • Image Shrinker: minify images and graphics

    • Designer rule (aka screen ruler): Google Chrome extension > chrome-extension://mlbnpnlmfngmlcmkhjpbfokdphfehhjj/update.html

    • RGB to Hex

    • Grunt.js: automatization of javascript workload. Check the less plugins for css processing

    • Keycastr: keystroke visualizer

    • Plantuml: Diagram / deployment diagram / critical path

    • LICEcap: animated screen captures

Online tools

• StyleGuide: styles across site deployment

  • Web-Fonts previewer

    • Fonty

  • Robots (SEO et alia)

  • Fonts Ninja: online fonts inspector

  • User suggestions

    • Imhicihu's Uservoice

  • Can I use: provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

  • Screenfly (Test your website at different screen resolutions)

  • Placeholder: image disposal

  • Table converter

  • GitHub & BitBucket HTML Preview

  • Icons:

    • Favicon checker: checkin' your favicon

    • Favicon creator: creation from a plethora of modes

    • Iconvericons: convert icons to meet system criteria according every major operating system

  • Base64: Graphics & code encoders and decoders

  • CDNJS: repository, searcher of web libraries

  • WeTransfer: moving of digital assets between parties

  • Word counter:

  • Less to SCSS: edition of .css type files

  • Libraries.io: searcher of open-source projects

  • Lighthouse: analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices.

  • Google Analytics (query explorer)

  • Accesibility tests

    • Wave

    • Aria

    • Aural UI of the Elements of HTML

  • Velocity tests

    • Google Page test

    • Pingdom

    • HTTP vs HTTPS

  • Plugins (curated and discriminated by topics)

    • Awesome design plugins

Documentation

• Developer certificate