Comments (7)
@emilybrick @emplums One thing I noticed is that we probably want to hyperlink a lot of the things in "what have you learned from or been inspired by?" so should make sure that looks good.
from primer.style.
Shipped š https://primer.style/team
from primer.style.
Here is an example:
Diana Mounter, Design Operations Manager
GitHub handle: @broccolini
Favorite CSS feature: text-decoration: underline wavy
What drew you to design systems?
I was drawn to design systems for many reasonsāthe opportunity to improve design and development workflow efficiency; the potential benefits well-design systems can bring to the user experience; I like to bring order to chaos and enjoy working at the intersection of design and code. I also love that there is still so much to learn in the field and really enjoy the passion of the community behind design systems.
Who have you learned from or been inspired by?
I don't have room on this webpage to list everyone! SMACSS, The Art and Science of CSS, and Veerle Pieters were some early influences. OOCSS by Nicole Sullivan, CSS Wizardary, Basscss, Tachyons, and BEM influenced my approach to CSS architecture. More recently I've been inspired by Rune Madsen's Programming Design Systems, Compositor, Dan Abramov, Sebastian Markbage, and so many design and code wonder women like Many Kerr, Marcy Sutton, Lea Verou, Sarah Drasner and Jina Anne.
Favorite tools: Hyper, Atom, Figma, MDN, and Quip
from primer.style.
@primer/design-systems feel free to return your answers in JS object format to get a gold star āļø
{
name: 'Emily Plummer',
title: 'Design Systems Engineer',
handle: 'emplums',
cssFeature: 'word-break: break-word'
questionOne:
`Up until now, Iāve been mostly working Front End Engineering roles, but Iāve always been interested in finding something that was a good mix between Front End and Design. Design Systems feels like the perfect hybrid between the two!
Iām also really into accessibility, and I found that having a design system that enforces accessible standards is one of the easiest ways to make progress on getting a team on-boarded with accessibility best practices and getting those practices implemented in production
Iām super excited about our React component library that weāve been working on over the past few months!`,
questionTwo: 'Some people & projects that have been inspiring to me are: are Nicole Sullivan, Vaidehi Joshi's [https://medium.com/basecs](BaseCS blog) & [https://www.codenewbie.org/basecs](podcast), Mina Markham's [https://slay.sh/](slay.sh), Una Kravets, Suz Hinton's [https://www.youtube.com/watch?v=hKIQkgPVXH4](talk about accessibility at Dinosaur.js), Marcy Sutton, and Anil Dash.',
favoriteTools: 'Figma, Notion (for taking notes & planning), React'
}
from primer.style.
{
name: 'Shawn Allen',
title: 'Systems Designer',
handle: 'shawnbot',
cssFeature: 'box-sizing: border-box',
questionOne: `I worked in data visualization and map-making for most of my career, and solving design problems with data is my jam. To me there's something uniquely exciting about making a thing that can take complicated and/or unexpected input and, with no human intervention, reduce it to something visually comprehensibleāand hopefully interesting!`,
questionTwo: `Anyone who has ever contributed to [A List Apart](http://alistapart.com/) or posted to the [webdesign-l](http://www.webdesign-l.com/) mailing list between 1999 and 2005. The [CSS Zen Garden](http://www.csszengarden.com/) was hugely inspirational for me, along with web standards pioneers like Eric Meyer, Mark Pilgrim, and Jeff Zeldman. [Jina](https://twitter.com/jina) is one of the hardest-working people in design systems, and her leadership in the community is a tremendous inspiration. I learned everything I know about SVG from [Sara Soueidan](https://twitter.com/SaraSoueidan), and everything I could _hope_ to know about CSS Grid from [Rachel Andrew](https://twitter.com/rachelandrew) and [Jen Simmons](https://twitter.com/jensimmons). If you want to learn about web components, follow [Monica Dinculescu](https://twitter.com/notwaldorf) and [Mu-An Chiou](https://twitter.com/muanchiou).`,
favoriteTools: 'Vim, Things, Chrome DevTools, curl'
}
from primer.style.
{
name: 'Jon Rohan',
title: 'Systems Designer',
handle: 'jonrohan',
cssFeature: `grid-template-areas: "header header header" "footer footer footer"`,
questionOne: `I have had a facination with front end engineering and UI for all of my career. Early on at GitHub I recognized the need to organize our code into reusable components. When the team formalized I had to be involed.`,
questionTwo: `Both past and present I have to acknowledge that Nicole Sullivan has been profoundly influential in the way I front-end and write CSS. When she introduced concepts of OOCSS it brought me from thinking very linearly about CSS to a whole new range of systems thinking.`,
favoriteTools: `Atom, Bash/Shell, Figma, GitHub, iTerm, Javascript, MacBook Pro, Things`,
avatar: 'https://user-images.githubusercontent.com/8960591/46552728-6dee9c00-c890-11e8-827f-89fa8a58441d.jpg'
}
from primer.style.
{
name: 'Emily Brick',
title: 'Systems Designer',
handle: 'emilybrick',
cssFeature: 'align-items: center;',
questionOne: `I was initially drawn to design systems while working on a small team, where we were stretched thin and struggling to keep the front-end and user experience afloat, recreating components and patterns by hand over and over again. We needed consistency, stability, a bridge between designers and developers, and a more efficient workflow. Once we put a design language and system in place, I was sold on the value. I find it fascinating how many approaches to design systems there are out there, and how different they can be depending on the individual product and teamsā needs.`,
questionTwo: `[Inge Druckrey](https://www.youtube.com/watch?v=ldSkPqZKBl0) and [Edward Tufte](https://www.edwardtufte.com/tufte/books_ei) inspired me to get into design, and introduced me to the world of typographic and informational systems (simultaneously). This talk by [Bret Victor](https://vimeo.com/36579366) helped me feel less alone when I was starting out in the industry; at a time when code and design weren't yet openly intertwined. Iām also inspired by the folks behind designbetter.co for making knowledge around design systems transparent and available to everyone. Additionally, and there are too many people to name, people like Una Kravetz, Sarah Drasner, Tim Holman, and Val Head are always on my radar, keeping the internet weird and creative and continuously pushing the boundaries of what's possible.`,
favoriteTools: 'Atom, Figma, Bear, Dash, Slack',
}
from primer.style.
Related Issues (20)
- Problems loading the site on Firefox HOT 1
- Add global search
- Add Presentations to Design dropdown in main nav HOT 1
- Primer.style homepage update: Release 1
- Primer.style homepage update: Release 2 HOT 3
- Primer.style homepage update: Release 3 HOT 1
- Primer.style hompepage update: Release 4 HOT 1
- Use Doctocat Header component HOT 1
- Move team data to Markdown/MDX
- Docked version of SideNav component? HOT 5
- Octicons-v2 webpage not found HOT 4
- Navigation Dropdowns not working on components page HOT 1
- Design and Development navbar dropdowns are broken on https://primer.style/components HOT 2
- Proposal: Rename master to main HOT 2
- Upgrade to Doctocat v2 HOT 1
- Primer.style website incident postmortem
- "Edit this page on GitHub" links broken HOT 2
- [Feature Request]: Collapsable sections in Side Navigation HOT 9
- Latest react release version on the Primer.style is incorrect HOT 1
- `Build and deploy production` workflow fails on forks
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
š Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ā¤ļø Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from primer.style.