Front-end Design and Development

• Ploneintranet Prototype
  • Design First
  • Clickable design mockup
  • Package layout
  • Standalone Installation: using docker
  • Standalone Installation: without docker
  • Component Development
  • Pattern Development and Integration
  • Releasing a new version
  • Developer’s Background Information
  • If you run into problems
• Javascript and Patternslib Development
  • Creating a new Patternslib pattern
  • Definition of done.
  • Release a new Javascript bundle
  • Update the Diazo theme
• Theme and Layout
  • ploneintranet.theme
  • quaive.resources.ploneintranet
  • ploneintranet.layout
• Theme Switcher
  • How theme switching works
  • Re-using ploneintranet.themeswitcher
• App-specific Browser Layers
  • Browser Layer Switching
  • Implementation
  • Body class marking for app content and views
• UI Translations
  • General thoughts on translation and UI term quality
  • Transifex as the translators workbench tool
  • Translation Workflow
  • Adding terms to the glossary
  • Challenges when translating
  • Expected Workflow for derivative languages
  • Translations and Releases