these libraries look promising for making CSS more manageable:

http://code.google.com/p/css3-mediaqueries-js/
http://lesscss.org/

I think I came across less being used with other javascript library... backbone.js.

looking into SVGfig... python library to help with SVG generation

sudo easy_install reportlab

sudo easy_install mako

sudo easy_install sphinx

sudo easy_install beautifulsoup

Old notes taken from:
/c/technical/system/python-install.txt


#2010.05.04 15:28:49 pil archive
for the original library, this works best:

do this after libjpeg install
http://biomunky.wordpress.com/2010/04/19/pil-10-6-using-pip/

sudo easy_install pip

then

sudo pip install http://effbot.org/downloads/Imaging-1.1.6.tar.gz

can test and verify installation with:
cd /c/scripts
python image_resize.py notice_world.jpg 100

#2009.01.21 10:13:12 imaging pil
The other component that you will need to install is the Python Imaging Library (often abbreviated as PIL).

http://www.pythonware.com/products/pil/

Binaries for windows are available at the main site. Binary packages are much easier to install than from source.

For Mac OS X you can use ports, or find a binary package like the following:
http://pythonmac.org/packages/py25-fat/index.html
This also requires the 2.5 version of Python from python.org. (The one distributed with Leopard won't work)

See also:
http://code.google.com/appengine/docs/python/images/installingPIL.html



MISC
==========

#2009.01.21 10:23:06 virtualenv
If you are on a shared system, Virtual Env may help isolate your Python instance from other Python instances on the system.

#2010.04.19 15:32:01 mercurial
mercurial is usually installed earlier in the process...
it is needed before other python libraries
make sure you have it, and if not, install it now

also [2009.06.22 09:08:16]
notes for this are elsewhere
but this is also a good time to install mercurial
easy_install mercurial

on Mac OS X this does require Xcode to be up to date
(can still download an executable for mac)





if freetype2 support in PIL is important to you, get that now too

might try Pillow this time around...
see if it's any easier

sudo easy_install pillow

test with:
python
import PIL

(may need to update a few scripts to use "import PIL" instead of "import Image"









/c/technical/instances.txt
/c/technical/system/launch.sh
/c/technical/system/default_account.txt
/c/technical/system/python-install.txt
/c/technical/system/browsers.txt
/c/technical/system/macosx.txt

consider browser configurations:
browsers.txt

Download and compile the latest libjpeg library: (be sure Xcode is set up first)

http://www.ijg.org

export VERSION=8d
#curl http://www.ijg.org/files/jpegsrc.v6b.tar.gz > /tmp/libjpeg.tar.gz
#curl http://www.ijg.org/files/jpegsrc.v8a.tar.gz > /tmp/libjpeg.tar.gz
curl http://www.ijg.org/files/jpegsrc.v$VERSION.tar.gz > ~/Downloads/libjpeg.tar.gz

tar -xzvf ~/Downloads/libjpeg.tar.gz
cd jpeg-$VERSION
./configure

sudo make install

cd ../
sudo rm -rf jpeg-$VERSION



PIL (Pillow)
=============

The Python Imaging Library is a tricky beast to get set up on systems where it is not included by default.

If you plan to make more than one system account, consider setting up a default account first to use to propigate (blank) settings. See:
default_account.txt

clone any other personal repositories as needed

hg clone /media/CONTEXT/mindstream /c/mindstream

cd /c/moments
sudo python setup.py develop

cd /c/mindstream
sudo python setup.py develop

Set good place for first few terminals to open (where emacs lines up)

also [2010.04.19 15:52:25]
open two terminals
Window->Save Windows as Group
default window group
select "use window group when Terminal starts"



be sure to check in and sync any changes you've made to this document on the USB before cloning locally.

cd /path/to/USB
hg stat
hg ci -m "changes to mac os x configuration notes"
cd /c/technical/
hg pull /path/to/USB
hg update

System Preferences -> Security & Privacy:
Allow applications downloaded from:
Anywhere
or
Ctrl-Click -> Open
to bypass Gatekeeper and Signed Applications

Space have been merged with Mission Control (option-up or F3)
to add a new Space, open Mission Control, then hover in the upper right corner to see a "+" to add a new space
http://mattgemmell.com/2011/07/27/using-spaces-on-os-x-lion/

System Preferences -> Keyboard:
disable Ctrl-arrows to navigate between spaces in Mission Control.
this interferes with Emacs
Option-arrows is a better choice (and doesn't appear to have any conflicts)

these days macs no longer come with optical media for os installations
I believe the system is smart enough to download and install a fresh instance for you, should you wipe the system clean.

but to be safe, it's always good to take an image of the machine at different stages of installation
that way you can always revert back to an original state.

moving elements:
https://www.google.com/search?q=html5%20drag%20and%20drop&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&source=hp&channel=np#hl=en&client=firefox-a&rls=org.mozilla:en-US%3Aofficial&channel=np&sclient=psy-ab&q=html5+get+position+of+element+after+drag&oq=html5+get+position+of+element+after+drag&gs_l=serp.3...109773.117585.3.117824.34.30.0.0.0.0.1611.17490.0j2j2j2j2j9j3j3j2.25.0...0.0...1c.BjQep709IGs&psj=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=cacde5bfcc741c6a&biw=994&bih=616
https://www.google.com/search?q=html5%20drag%20and%20drop&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&source=hp&channel=np#hl=en&client=firefox-a&rls=org.mozilla:en-US%3Aofficial&channel=np&sclient=psy-ab&q=html5+get+position+of+element+after+drag&oq=html5+get+position+of+element+after+drag&gs_l=serp.3...109773.117585.3.117824.34.30.0.0.0.0.1611.17490.0j2j2j2j2j9j3j3j2.25.0...0.0...1c.BjQep709IGs&psj=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=cacde5bfcc741c6a&biw=994&bih=616
http://stackoverflow.com/questions/6230834/html5-drag-and-drop-anywhere-on-the-screen
http://stackoverflow.com/questions/6230834/html5-drag-and-drop-anywhere-on-the-screen
http://stackoverflow.com/questions/3977596/how-to-make-divs-in-html5-draggable-for-firefox
http://stackoverflow.com/questions/3977596/how-to-make-divs-in-html5-draggable-for-firefox
http://www.w3schools.com/html5/html5_draganddrop.asp
http://www.w3schools.com/html5/html5_draganddrop.asp
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_draganddrop
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_draganddrop
https://www.google.com/search?q=jquery+move+element&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&channel=fflb
jquery move element - Google Search
http://stackoverflow.com/questions/4998757/moving-elements-with-jquery
moving elements with jquery - Stack Overflow
http://jsfiddle.net/pHwMK/
Edit this Fiddle - jsFiddle