Design in the realm of Open Source

Ee5bae7fa46b3195869c285ecbb4619e?s=47 Coby Chapple
August 19, 2013

Design in the realm of Open Source

I gave this talk at Refresh Belfast (http://refreshbelfast.com) in August 2013, talking about how design fits into the realm of open source, with the aim of lowering some of the barriers for designers to contribute, and providing some direction and resources to help people get started.

Ee5bae7fa46b3195869c285ecbb4619e?s=128

Coby Chapple

August 19, 2013
Tweet

Transcript

  1. 3.

  2. 4.
  3. 30.

    “view source” for everything. front-end web code mobile apps native

    apps back-end web code systems code VIEW SOURCE docs, ideas & knowledge
  4. 31.

    “view source” for everything. front-end web code mobile apps native

    apps back-end web code systems code VIEW SOURCE docs, ideas & knowledge OPEN SOURCE
  5. 32.

    “view source” for everything. front-end web code mobile apps native

    apps back-end web code systems code VIEW SOURCE docs, ideas & knowledge OPEN SOURCE
  6. 35.

    “Thanks for your input, let me go away and work

    on that for you.” One Mindset
  7. 38.

    Closing disciplines off from one another is a recipe for

    disaster. DIGRESSION Labels are bullshit.
  8. 39.

    People’s skillsets just fall on different parts of a wide

    spectrum. DIGRESSION Labels are bullshit.
  9. 44.

    If the end product is quality soware, Designers, why can’t

    you code? DIGRESSION Labels are bullshit. — Kyle Neath @kneath
  10. 45.

    If the end product is quality soware, Engineers, why can’t

    you design? DIGRESSION Labels are bullshit. — Kyle Neath @kneath
  11. 46.

    Move past labels and focus on the quality of the

    end result. DIGRESSION Labels are bullshit.
  12. 53.

    Review others’ code. See if you can spot room for

    improvement. Evven pointing out typos is handy.
  13. 59.

    A design should start where it’s going to live: in

    the browser. DIGRESSION Designing in the browser. — Meagan Fisher @owltastic hp://24ways.org/2009/make-your-mockup-in-markup/
  14. 61.

    CSS3, Sass, Less. DIGRESSION Designing in the browser. Radii, shadows,

    variables, colour math, mixins, includes. It’s all awesome.
  15. 63.
  16. 67.
  17. 82.

    Jekyll Static site generator. HTML with includes, layouts, variables etc.

    Understands Markdown, knows about blogs. hp://jekyllrb.com
  18. 85.

    GitHub for education. We offer free accounts for students and

    professors to have private repositories.
  19. 86.

    GitHub web flow Create a branch. Create, edit, move, rename,

    and delete files. Open a Pull Request. Merge the branch. Delete the branch.