torleifhalseth

namespace MyProject.Models
{
    /// <summary>
    /// Enum RelationLookupType
    /// </summary>
    public enum RelationLookupType
    {
        Child,
        Parent
    }

torleifhalseth

<system.webServer>
    <httpProtocol>
        <customHeaders>
            <!--
            Allow Web API to be called from a different domain.
            -->
            <add name="Access-Control-Allow-Origin" value="*" />
            <add name="Access-Control-Allow-Headers" value="Content-Type, Accept" />
            <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
        </customHeaders>

torleifhalseth

Tools

• More Info
• WCAG 2.0 guidelines to review best practices
• WAVE (Web Accessibility Evaluation Tool) Chrome Extension to check accessibility across your products
• Color Contrast Analyzer App to analyze color contrast
• Color Safe to make accessible color palettes
• Color Oracle to simulate color blindness
• Sim Daltonism to simulate color blindness

Examples

torleifhalseth

Best / our practise on writing styled components

📖 Documentation

• styled-components
• polished

👮🏻 Conventions

Know your components. Look at existing components before you create a brand new one. It is really fun to create new components but please ask yourself or the designer if we already have a component that might do the job first! Maybe you can create a variant of an existing component or just use it out of the box? It is important to evaluate the complexity of creating a variant. Sometimes it is smarter to create a new component. Discuss with your teammates!

DRY - Don't repeat yourself - Use inheritance to share style between similar components.

torleifhalseth

Best practise on writing scalable and modular css

👮🏻 Naming conventions

• BEM Naming convention (Block, Element, Modifier) is a methodology that we use to achieve reusable components.
• Hyphenatedbem

Selectors

• Don't use ID's for style.
• Avoid over-qualified selectors: h1.page-title, div > .page-title
• Use meaningful names: $visual-grid-color not $color or $vslgrd-clr.