Giter Site home page Giter Site logo

seanaes / principles.design Goto Github PK

View Code? Open in Web Editor NEW

This project forked from benbrignell/principles.design

0.0 0.0 0.0 1.47 MB

Work in progress repository of design principles and methods.

Home Page: https://principles.design

License: MIT License

Ruby 16.11% HTML 25.26% CSS 58.36% JavaScript 0.26%

principles.design's Introduction

Please note: This repo is a work in progress, I've pushed it public for performance testing and feedback. Over the next week or so I will finalise the content in the /create and /about sections. Feel free to report any bugs or issues. Feedback welcome. Just remember it's not finished. There's stuff on the roadmap…

Contributing

Add a Design Principles example

There are two ways to contribute. You don't need to be able to code but you will need a (free) GitHub account in order to contribute.

The easy ish-way

Take a look at the template

Firstly you'll have to format your design principles a certain way. Not all fields are necessary, if something is missing (for example author: or summary:) just leave it blank.

Here's the template, copy it from here into a simple text editor of your choice. Replace the things you want to add as described below:

---
layout: example #ignore layout! :)
title: #add title#
author: #add author#
overview:
link: #add full url#
principles:
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
- principle: #add a principle#
  summary: |
    #add a summary (optional)#
---

Navigate to the _examples folder at the top of this page.

screenshot-2017-12-04 11 27 37

Create a new file

Click on "Create new file" at the top right

screenshot-2017-12-04-11 29 20

Name your file

You'll see an empty text area to paste your design principles into. At the top is a field for you to name your file. Give it a descriptive file name (for example here I'm adding the example "Design Well Inc's" design principles and have called the file design-well-in.md)

screenshot 2017-12-04 11 30 54

Paste in your Design Principles

Paste in your design principles. You'll need to format them based on a template which if you don't have it yet can be found here:

screenshot 2017-12-04 11 36 07

Add your new file

Scroll down to the bottom of the text area and 'Propose new file'. Give this a message, for example added example design-well-inc.md

screenshot 2017-12-04 11 36 58

Create pull request

A pull request is something that's created for somebody to review your contribution and check everything is ok. If it's ok it will be merged into the site, if there's a problem somebody will fix it or let you know.

screenshot 2017-12-04 11 37 21

Confirm pull request

Give it a quick glance, make sure everything looks ok

screenshot 2017-12-04 11 37 38

Once a pull request is made it will be reviewed and if everything is ok it'll be merged in and appear on the site. It may take a few days for this to happen.

The harder-ish way

Checkout the this repo and fire up jekyll (more instructions to follow in the next few days)

Features

New features and improvements are welcome but please submit a discussion thread before you attempt or commit anything.

Data types

layout: ignore this

title: The title of this example, e.g. "The Five Principles of Design"

author: The company, team or individual that created these principles

link: A link to a source article or somehwere the original principles were created.

principles:

— principle: Each principle on a new line

tags: Add tags, separated by a comma. Tags aren't available on the site yet but will be soon. It's a good idea to add them in preparation. The proposed tags are:

  • Organistion
  • Personal
  • Product
  • AI
  • UX
  • Accessibility
  • Universal
  • Specific

Notes: Troubleshooting - when bundle update throws An error occurred while installing commonmarker (0.17.6), and Bundler cannot continue. Make sure that `gem install commonmarker -v '0.17.6'` succeeds before bundling.

brew install cmake

principles.design's People

Contributors

benbrignell avatar biddlywiddly avatar clarkeedwardsgrant avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.