Jessica Lord jlord

CSS Typing Animation

A CSS typing animation, inpsired by Lea's, but the "cursor" is relative to the type so that you aren't limited to just monospace typeface, and this does not require background/span color matching so are free to use any background you want.

Here is the codepen.

woo!

@jllord

I'm getting closer (or so it seems) to the next Sheetsee update. I'm excited about it! It will change a lot and take care of a lot of stuff I've been wanting to do for a while.

It will: allow you to paginate your tables, use polygons, lines and multipolygons in your maps (and color them!), be modularlized so, if and only if you want, you can just build the parts of Sheetsee that you want to (ie: a version with just tables and maps).

I've got the modules in their own cozy repositories on GitHub and am working on the modules branch of jlord/sheetsee.js, which will remain the main repository with all documentation and the full version of sheetsee for users who don't wish to build a custom one.

Here is my to-do list, mostly for me because I wrote it on paper and then lost it, but also for you, if you're interested:

Finish new documentation
About

On your server, if you need to, isntall ruby1.9.1-dev:

apt-get install ruby1.9.1-dev

Then install t:

gem install t

Follow along @sferik's great readme on t to get keys from Twitter and authorize t.

Here's what I think I did, pulled out from all the non effective things I did.

$ ln -s /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl /usr/local/bin/sublime
# had to change permissions on something 
$ chmod 700 /usr/local/bin/sublime
# or maybe it was
$ chmod 700 /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl
# then changed the name of the shortcut to 'subl'
$ cd /

	<?php
	$posttext = $post->post_content;
	$regex = '~<img [^\>]*\ />~';
	preg_match_all($regex, $posttext, $images);
	$posttext = preg_replace($regex, '', $posttext); ?>

	<div id="thePostText">
	<?php echo $posttext; ?>
	</div>

	<html>
	<body>

	<div class="span1">
	<h3>Lastest Instagram</h3>
	<div id="instagram"></div>
	</div>
	</div><!-- end span1 -->
	<div class="span2">
	<div id="pocketReader"></div>

	<html>
	<!-- I'm ommiting a lot of stuff, keeping this to the point -->
	<head>
	<!-- load in tabletop and mustache -->
	<script src="/wp-content/themes/Starkers/tabletop.js" type="text/javascript"></script>
	<script src="/wp-content/themes/Starkers/ICanHaz.js" type="text/javascript"></script>
	</head>
	<style>
	/* confine your image to a circle */
	.instaImgCirc img {border-radius: 1000px;}

	<html>
	<!-- the head tag holds information and resources for the page -->
	<head>
	<!-- the title tag holds the page title -->
	<title>Hello WWW!</title>
	</head>

	<style>
	/* changing background color and the margin (spacing) between the edges and our content */
	body {

	<!-- a placeholder in the body of your page -->

	<div id="twitterTweet"></div>

	<!-- a template before /body closes -->

	<script id="twitterTweet" type="text/html">
	<table>
	{{#rows}}
	<tr><td>{{date}}</td></tr>

	// It logs out the table data in GHfM format, you can just
	// pipe it to `pbcopy` and then paste it in your markdown file

	#!/usr/bin/env node

	var request = require('request')
	var URL = 'https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0Ao5u1U6KYND7dGN5QngweVJUWE16bTRob0d2a3dCbnc&single=true&gid=0&output=csv'

	request( URL, function (error, response, body) {
	if (error) console.log(error)