Skip to content

Instantly share code, notes, and snippets.

View robinrendle's full-sized avatar
📝
Blogging furiously

Robin Rendle robinrendle

📝
Blogging furiously
View GitHub Profile
@caseyg
caseyg / metadata.md
Last active December 30, 2016 15:07

Author/Contributor Metadata

Information about an author can include: firstname, lastname, fullname, lastname-comma-firstname, role, primary-or-notprimary, photo, photo credit, photo orientation, residence, biographical information. Some books have multiple contributors.

Site Notes
iBooks Author information is entered in a native Mac app, iTunes Producer, on the "details" tab of a new book file, and stored locally as an .itmsp file. Dropdown for Role (with an insane long list of predetermined roles), dropdown specifying whether the role is Primary or Not Primary, two text areas for author name: "Firstname Lastname", and "Lastname, Firstname"
Nook Separate fields for First Name, Last Name, and Role, entered on Title & Description page of NOOK Book Details section. Max of 5 "contributor" objects. Plain-textarea limited to 2,500 characters for "About the Author(s)".
Kobo Single text field for "Firstname Lastname". First entry is automatically designated as Primary autho
@maxfenton
maxfenton / books2014.md
Last active August 29, 2015 14:04
Books read in 2014

Books I finished reading in 2014.

Challenging myself to finish some books I've started before starting new ones.

Finished:

  • Open City — Teju Cole
  • It’s Complicated – danah boyd
  • Every Day is For the Thief – Teju Cole
  • The People’s Platform – Astra Taylor
  • The Dark – Lemony Snicket
@bobbygrace
bobbygrace / trello-css-guide.md
Last active April 22, 2024 10:15
Trello CSS Guide

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets


Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

@csswizardry
csswizardry / email.md
Last active September 5, 2018 14:31
I frequently get asked about over-abstracted CSS, and ‘can CSS be too modular’, so I thought I’d publish this anonymised email I received, along with my reply.
@tkadlec
tkadlec / perf.js
Created April 23, 2015 11:54
Super simple example of adding perf timing to the page display during dev work
(function () {
var perfBar = function(budget) {
window.onload = function() {
window.performance = window.performance || window.mozPerformance || window.msPerformance || window.webkitPerformance || {};
var timing = window.performance.timing,
now = new Date().getTime(),
output, loadTime;
var paras = document.querySelectorAll('p');
for(var p of paras) {
if (p.textContent.startsWith('“')) p.classList.add('p--oq');
}
@paulirish
paulirish / what-forces-layout.md
Last active April 24, 2024 12:47
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
@futurefabric
futurefabric / gif_animation_example.pde
Last active September 1, 2020 11:20
Example code to create an animation and image sequence
// Example code from http://futurefabric.co.uk/mooooooving
// Based on the work of Dave Whyte — http://beesandbombs.tumblr.com
int[][] result;
float t;
void setup() {
setup_();

Hi [redacted],

Some answers for you:

What interested you in composing this image and what does it mean to you.

I work on satellite imagery at Mapbox, so I see a lot of pictures of Earth. I’ve always been interested in the history and culture around the Whole Earth: the image of the sunlit planet floating in space. When the Himawari-8 data started coming out, I tried different things with it, and the most compelling for me was that Whole Earth – what we call a full disk image. Because you get a frame every 10 minutes, you can make a fairly smooth animation, and I wanted to show that off. We don’t get a lot of chances to think about the face of the Earth as something in motion.

As for what it means to me personally, I think of a few things.

@mrmrs
mrmrs / scalable-css-draft.md
Last active February 19, 2023 16:02
WIP thoughts on my last few years thinking about how to scale css for large and small teams working on large and small web applications.

How not to scale css

Several years ago I got curious about how css worked at scale. When I first started out, there weren’t nearly as many learning resources as there are now. CSS zen garden was amazing, at the time it showed how much you could change a design without altering the html.

In the beginning, that’s what people sold me as a feature. By writing css, you could make a change one place and have it propagate everywhere. In principle this sounds pretty good. I’m lazy so I like doing things one time. But eleven years later, my experience on both large and small teams is that this is the most terrifying thing about css.

https://twitter.com/thomasfuchs/status/493790680397803521

In the past few years a lot of very smart people have been thinking more about CSS and this has lead to some fascinating discussions around how to build ‘scalable’ ui and how that relates to CSS. When I first started to think about scalability I naturally started to read every blog post and watch every tech talk I could get