Pavel Linkesch linkesch

Last updated 2020/03/04

Some links from twitter on the topic of parsing PSD files (haven't looked into them in details). PSD include a flattened rasterized image so this is easy to load if that's the only thing you need. Most software / librairies have support for extracting this flattened data (e.g. stb_image.h does).

However if you want access to individual layers, render non-rasterized layers, emulate every photoshop features, extract or apply effects with more granularity, more code is needed. May range from easy to lots-of-work depending on what exactly you need.

As far as I know there isn't a trivial stb-like ready-to-use C++ library to do that sort of things. Posting all links here. Some are probably bloated or hard to use into your project, some lacking features.

TODO: Actually look into the pros/cons of all those.

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

The future is here: Classless object-oriented programming in JavaScript.

Douglas Crockford, author of JavaScript: The Good parts, recently gave a talk called The Better Parts, where he demonstrates how he creates objects in JavaScript nowadays. He doesn't call his approach anything, but I will refer to it as Crockford Classless.

Crockford Classless is completely free of class, new, this, prototype and even Crockfords own invention Object.create.

I think it's really, really sleek, and this is what it looks like:

function dog(spec) {

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	// UPDATE: In 2023, you should probably stop using this! The narrow version of Safari that
	// does not support `nomodule` is probably not being used anywhere. The code below is left
	// for posterity.

	/**
	* Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will
	* load <script nomodule> anyway. This snippet solve this problem, but only for script
	* tags that load external code, e.g.: <script nomodule src="nomodule.js"></script>
	*
	* Again: this will not prevent inline script, e.g.:

	<?php
	namespace ExampleBundle\Admin;

	use Sonata\AdminBundle\Admin\Admin;
	use Sonata\AdminBundle\Form\FormMapper;
	use ExampleBundle\Entity\ExampleTranslation; // is a Personal Translation

	class ExampleAdmin extends Admin
	{
	/**

	// Simulate config options from your production environment by
	// customising the .env file in your project's root folder.
	require('dotenv')().load();

	// Require keystone and i18n
	var keystone = require('keystone'),
	i18n= require('i18n');

	// Initialise Keystone with your project's configuration.
	// See http://keystonejs.com/guide/config for available options

	#!/usr/bin/env bash
	# author: Thomas Aylott SubtleGradient.com
	# author: Nathan Nobbe quickshiftin.com

	# Find out where HEAD is pointing
	head_ref=$(git show-ref --head -s \| head -n 1)
	# Check to see if transmit tag exists, and get transmit tag hash
	_transmit_ref=$(git show-ref --verify -s refs/tags/transmit)

	# If there's not transmit tag, create it for the first time.

	// require modules
	var express = require('express'),
	i18n = require('i18n'),
	hbs = require('hbs'),
	app = module.exports = express();

	i18n.configure({
	locales: ['en', 'fr'],
	cookie: 'locale',
	directory: "" + __dirname + "/locales"

	git branch -m old_branch new_branch # Rename branch locally
	git push origin :old_branch # Delete the old branch
	git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote