Skip to content

Instantly share code, notes, and snippets.

Robin Rendle robinrendle

Block or report user

Report or block robinrendle

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@wesbos
wesbos / gist:0d5572a29e4f5688a1c8
Last active Jan 28, 2019
Handy list of widths to target in a responsive website
View gist:0d5572a29e4f5688a1c8
320
321
322
323
324
325
326
327
328
329
@mrmrs
mrmrs / scalable-css-draft.md
Last active May 15, 2019
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.
View scalable-css-draft.md

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

View cbs_interactive.md

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.

@futurefabric
futurefabric / gif_animation_example.pde
Last active Apr 5, 2018
Example code to create an animation and image sequence
View gif_animation_example.pde
// 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_();
@paulirish
paulirish / what-forces-layout.md
Last active Dec 10, 2019
What forces layout/reflow. The comprehensive list.
View what-forces-layout.md

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.

Element

Box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
  • elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
  • elem.getClientRects(), elem.getBoundingClientRect()
View punctuation.js
var paras = document.querySelectorAll('p');
for(var p of paras) {
if (p.textContent.startsWith('')) p.classList.add('p--oq');
}
@tkadlec
tkadlec / perf.js
Created Apr 23, 2015
Super simple example of adding perf timing to the page display during dev work
View perf.js
(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;
@csswizardry
csswizardry / email.md
Last active Sep 5, 2018
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.
View email.md
View trello-css-guide.md

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?

@maxfenton
maxfenton / books2014.md
Last active Aug 29, 2015
Books read in 2014
View books2014.md

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
You can’t perform that action at this time.