LIKE injection
Looking through our exception tracker the other day, I ran across a notice from our slow-query logger that caught my eye. I saw a SELECT … WHERE … LIKE query with lots of percent signs in the LIKE...
View ArticleClik here to view.
A formal spec for GitHub Flavored Markdown
We are glad we chose Markdown as the markup language for user content at GitHub. It provides a powerful yet straightforward way for users (both technical and non-technical) to write plain text...
View ArticleClik here to view.
Topic Suggestions for Millions of Repositories
We recently launched Topics, a new feature that lets you tag your repositories with descriptive words or phrases, making it easy to discover projects and explore GitHub.com. Topic suggestions on public...
View ArticleClik here to view.
Using Figma designs to build the Octicons icon library
Recently our friends at Figma announced their new Figma platform, and we’ve been really excited about its potential. We’ve immediately put the platform to use with Octicons, our SVG icon library....
View ArticleClik here to view.
Making GitHub’s new homepage fast and performant
This post is the third installment of our five-part series on building GitHub’s new homepage: How our globe is built How we collect and use the data behind the globe How we made the page fast and...
View ArticleClik here to view.
How we illustrate at GitHub
In the fourth installment of our five-part series on building GitHub’s new homepage, we’ll explore the artistic pipeline at GitHub to explain story, character and color, and to show how we collaborate...
View ArticleHow we’re continuing to enable all developers to build
GitHub aims to be the home for all developers and we know that it is a great privilege and responsibility to make this a reality. We want to ensure that all developers have the opportunity to...
View ArticleClik here to view.
Creating an accessible search experience with the QueryBuilder component
Overview Throughout the GitHub User Interface (UI), there are complex search inputs that allow you to narrow the results you see based on different filters. For example, for repositories with GitHub...
View ArticleClik here to view.
Unlocking inclusive design: how Primer’s color system is making GitHub.com...
Over 100 million developers around the world come to GitHub to build software. Primer, GitHub’s open source design system, is responsible for creating inclusive, responsive and efficient experiences...
View ArticleDesign’s journey towards accessibility
As a design organization we have the opportunity to make a significant impact on making GitHub inclusive for all developers. Designing complex interactions for users with a wide range of abilities is...
View ArticleClik here to view.
Accessibility considerations behind code search and code view
GitHub prides itself on being the home for all developers, including developers with disabilities. Accessibility is a core priority for all new projects at GitHub, so it was top of mind when we started...
View ArticleClik here to view.
Exploring developer happiness, inclusion, and productivity at GitHub’s Design...
As a design organization, we have the opportunity to make a significant impact on designing the platform for all developers. How does the emergence of creative AI impact our work? How can we achieve an...
View ArticleClik here to view.
How we’re building more inclusive and accessible components at GitHub
One of GitHub’s core values is Diverse and Inclusive. It is a guiding thought for how we operate, reminding us that GitHub serves a developer community that spans a wide range of geography and ability....
View ArticleClik here to view.
Exploring the challenges in creating an accessible sortable list (drag-and-drop)
Drag-and-drop is a highly interactive and visual interface. We often use drag-and-drop to perform tasks like uploading files, reordering browser bookmarks, or even moving a card in solitaire. It can be...
View ArticleHow to make Storybook Interactions respect user motion preferences
Recently, while browsing my company’s Storybook, I came across something that seemed broken: a flickering component that appeared to be re-rendering repeatedly. The open source tool that helps...
View ArticleClik here to view.
Considerations for making a tree view component accessible
Tree views are a core part of the GitHub experience. You’ve encountered one if you’ve ever navigated through a repository’s file structure or reviewed a pull request. On GitHub, a tree view is the...
View Article