EOS-uiux-Solutions / wiki

the wiki for all our code conventions

Welcome to the EOS project wiki

This Wiki defines the Design System used to deliver UX, UI, front-end, and other deliverables for the EOS project found at https://github.com/EOS-uiux-Solutions

EOS product vision

To deliver tools and solutions for front-end developers and UX designers to efficiently deliver and implement industry-standard practices that will help brands achieve consistency and success.

Developing the EOS project

Git

• Naming conventions for new branches
• Pull requests, approvals, and merging to Master
  • PR templates

Writing code

• Writing standard SCSS code
  • Code commenting standards
  • SCSS structure
• Writing standard JS code
• Writing standard pug code
• EOS code snippets

Writing accessible HTML

• A11Y
• Using VoiceOver screen reader on MAC
• Testing A11Y with Axe and Cypress

Releases

• Deploying and versioning releases with tags
• Semantic releases
• Managing front-end packages

Designing the EOS project

• Personas
• Photoshop documents guideline
• Logo icon
• Design process and feedback gathering
• Backing up design files
• Adding design specifications in Strapi

Designing new icons for EOS-icons

If you are sending a new icon to EOS-icons, please make sure your SVG is compliant to all the rules defined at:

1. Icon design guide
2. File conventions for creating new icons
3. Icon review checklist

User Analytics

• User analytics
  • Link event tracking

Investigations

• SVG icons to font
• Autofill the SCSS code snippets automatically

EOS web components

• Development
• Publishing

Learn more about the EOS UX/UI Solutions

• EOS Icons

• EOS User Story

• Follow us on Twitter

• Join us on Slack