Engineering Blog

Blog posts tagged 'Design Tools'

ARIA Grid: Supporting nonvisual layout and keyboard traversal

Posted about a year ago

The logical grid is a generic UI design pattern that web applications can adopt to reduce interface complexity and improve keyboard interaction support. Read more...

Emil SjölanderSoftware engineer at Facebook

Yoga: A cross-platform layout engine

Posted about a year ago
blog post · Mobile · Web · Open Source · Front End · iOS · Android · Design Tools · C

The open-source layout engine allows product engineers to build layouts quickly for multiple platforms. Read more...

Mark PengEngineering Manager at Facebook

Keyframes: Delivering scalable, high-quality animations to mobile clients

Posted about a year ago
blog post · Mobile · iOS · Android · Open Source · Front End · User Experience · Design Tools · JavaScript

The open source library is able to export and play back high-quality, lightweight animations, such as the ones seen in Facebook Reactions. Read more...

F8 registration is now open!

Posted about 2 years ago
blog post · Culture · Web · Mobile · Android · iOS · Development Tools · Design Tools

Save the date: F8 will be April 12 and 13 in San Francisco. Read more...

Chris MarraProduct manager at Facebook

Favorite hacks of 2015

Posted about 2 years ago

The passion people have for ideas generated at hackathons results in everything from new products to open source tools. Read more...

Lee Byronmobile hacker at Facebook

GraphQL: A data query language

Posted about 3 years ago
blog post · Mobile · Data · @Scale · Open Source · Languages · News Feed · IDE · Design Tools · Development Tools

GraphQL is a data query language and runtime designed and used at Facebook to request and deliver data to mobile and web apps since 2012. Read more...

Zheng MiEngineering Manager at Facebook

Mobile performance: Tooling infrastructure at Facebook

Posted about 3 years ago

We built a performance monitoring and prediction platform to help us understand the performance implications of a code change and ultimately decrease the number of regressions engineers have to deal with. Read more...

Jeffrey WielandEngineering

Introducing the Accessibility Toolkit

Posted about 3 years ago

How do you incorporate accessibility within the company's existing engineering environment?. Read more...

Introducing ComponentKit: Functional and declarative UI on iOS

Posted about 3 years ago
blog post · Mobile · Data · iOS · Open Source · Performance · News Feed · Development Tools · Design Tools

We're open-sourcing ComponentKit, a native iOS library for functional and declarative UI. It is inspired by React and is used in News Feed in the Facebook iOS app. Read more...

Brandon WalkinProduct Designer at Facebook

Introducing Origami Live

Posted about 3 years ago
blog post · Mobile · iOS · Design Tools · Platform

We’re excited to release Origami Live for iOS, along with a major new version of Origami for Mac. Origami Live is a new app that lets you use your Origami prototypes on your iPhone or iPad. Read more...

Omer StrulovichSoftware engineer at Facebook

Fast Rendering News Feed on Android

Posted about 3 years ago
blog post · Mobile · Android · News Feed · Platform · Compute · Design Tools · Performance

Fast Rendering News Feed on Android.

Nick PetroEngineering

F8 Developer Conference - Hacker Way Recap

Posted about 4 years ago
blog post · Data · Infra · Mobile · Web · Performance · Optimization · Open Source · Hack · Messages · Design Tools · Android · iOSmore

Over 1,700 developers traveled to the Concourse Exhibition Center in San Francisco for Facebook’s F8 Developer Conference last week. Read more...

Kimon TsinterisEngineering Manager at Facebook

Introducing Pop, the animation engine behind Paper

Posted about 4 years ago
blog post · Mobile · iOS · Open Source · Framework · Design Tools

A couple of months ago we launched Paper, a fluid and beautiful way to explore and share stories. Today we’re open-sourcing Pop, the animation engine behind the application’s smooth animations and transitions. Using dynamic instead of traditional static animations, Pop drives the scrolling, bouncing, and unfolding effects that bring Paper to life. Read more...

Product engineering at Facebook

Posted about 5 years ago

Only a few years ago, 10 engineers were responsible for innovating, building and maintaining all of the products (a.k.a. features) on Facebook, including Profiles, Pages, Groups, Messages, Photos, and Events. These people were our first product engineers, a role that is a mix of generalist engineer, product designer, and product manager. Read more...

Philip SuSoftware engineer at Facebook

Meet a Facebook Engineer: Philip Su

Posted about 6 years ago
blog post · Culture · Web · London · Seattle · Messages · Design Tools

At Facebook, our engineers collaborate to create an open environment where ideas win and are executed quickly. Each week, our engineers will give you a look into what it's like to ideate and build at Facebook in our new "Meet a Facebook Engineer" Q&A series. Check back weekly to hear from different engineers about what problems they're passionate about solving right now, what they're up to at Facebook and what advice they have for you. Read more...

Philip SuSoftware engineer at Facebook

Building Video Calling

Posted about 7 years ago
blog post · Web · Chat · Messages · Design Tools · User Experience · Seattle

We introduced video calling today. It's my first project since joining Facebook in the Seattle office nine months ago. It was an exciting challenge to create a way for people on Facebook to instantly call any friend or family member anywhere in the world. Read more...

Stefan ParkerUI Engineer at Facebook

Hackathon 22: Redesigning Pixelcloud

Posted about 7 years ago
blog post · Culture · Web · Hacking · Design Tools · Framework

Hackathons – all-night coding sessions where engineers create new products that aren’t part of their daily work – are at the heart of Facebook’s culture. For my latest hackathon project I rebuilt an internal tool called Pixelcloud (we originally wrote about it in 2009). Pixelcloud is a simple internal site used mostly by Facebook’s design team that allows you to upload images so other employees can comment on them. Designers use it to upload mocks and screenshots of prototypes to start discussions and critiques, but other employees use it as well as sort of an internal photo sharing tool. Read more...

Keep Updated

Stay up-to-date via RSS with the latest open source project releases from Facebook, news from our Engineering teams, and upcoming events.

Facebook © 2018