Home How we work Case studies Playbook Contact us

Home How we work Case studies Playbook Contact us

Design Styleguides

This page is a stub, please help by expanding it.

The Playbook

The Playbook
About this playbook
About Mashup Garage

How we work

Product Development

Agile development
Your business
Product roadmaps
Sprints
Release cycles
Versioning
Retrospective meetings
Daily standups
Three-point scale
Documentation
Release notes *
Jira tickets
Deployment checklist

Design process

Our design process
Collaborating with clients

Culture

Open collaboration
Bawal ang pikon
Quarterly huddle

Operations

Introduction
Departments
Onboarding

Starting projects

Introduction
Tech services checklist
Project manager checklist
Team member checklist

Security

Introduction
Private keys

How we learn

Learning

Culture of sharing
SlackOverflow channel
SlackOverflow sessions
CSS blitz
Test blitz

Bootcamp

Unix basics
Git
CSS
JavaScript
Ruby
Ruby on Rails

Tech recipes

Our tech stack

Introduction
Backend and devops
Collaboration
Frontend
Miscellaneous

Design

8px grid
Modular scale
Color naming *
Styleguides *
Organizing figma documents
Presenting designs

Workstation setup

Introduction
Asdf version manager
Docker for development
Elixir setup
PostgreSQL setup
Text editors

Elixir

Elixir
Absinthe and GraphQL
Setting up Webpack on Phoenix
Phoenix context modules
Mashup practices

React

Introduction
Components
State & Props
Structure
Flow

Frontend

Bootstrap practices
RSCSS
Adding JavaScript to pages
React elements
Onmount behaviors
JS file extensions

Toolchain

Stylelint setup
Prettier setup
Eslint setup
Tslint setup
TypeScript setup
TypeScript-Eslint
EOF new-lines
Docker shell aliases
Semaphore 2 setup

Rails

Rails practices *
Avoid enums
Testing
Using FactoryBot
i18n practices
File attachments
Rubocop

Git

Global gitignore
Commit Messages
Pull Requests

Other guidelines

Writing and communication

Progressive disclosure
Writing principles
Language tips

Miscellaneous

Introduction
CSS Blitz Challenges
Managing Dependencies