Quantcast
Channel: How GitHub approaches UX - The GitHub Blog
Browsing all 16 articles
Browse latest View live

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 Article


Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

How 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article


Design’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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

How 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 Article


Image may be NSFW.
Clik 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
Browsing all 16 articles
Browse latest View live