Skip to content

Instantly share code, notes, and snippets.

@cassiozen
cassiozen / pixelbook-dev-setup.md
Last active October 22, 2023 12:06 — forked from denolfe/pixelbook-linux-setup.md
Notes on setting up Pixelbook for development

Pixelbook Setup

Change your channel

Some of the features mentioned in this document only work on the beta or Dev channel. To change your channel:

  1. chrome://help in a browser window
  2. Click Detailed Build Information
  3. Change Channel
  4. Select Beta (Or Dev, if you're feeling adventurous)
@denolfe
denolfe / pixelbook-linux-setup.md
Last active August 19, 2022 21:19
Notes on setting up Pixelbook with Linux apps

Pixelbook Linux Setup

Chromebook Configuration

  • Enable Linux Apps
    • Open drawer in bottom right and click gear icon
    • Scroll down to find Linux Apps or Linux (Beta) and select TURN ON
    • After the install runs, you should have an application in ChromeOS called Terminal

Initial setup of container

@paulirish
paulirish / what-forces-layout.md
Last active April 30, 2024 17:56
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
@bet4a
bet4a / README.md
Last active June 15, 2016 18:52
Chromebook Pixel Lightbar: Rainbow Flow

A gorgeous looping gradient for the Chromebook Pixel lightbar.

To use on your Dev Mode-enabled machine, copy this script, open a Chrome OS shell (Ctrl+Alt+T) and type shell. Right click to paste the code and press Enter; it'll start running after a second.