Julian Kussman, Interactive Art Director » Blog http://juliankussman.com Mon, 14 May 2012 23:05:24 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 JulianKussman.com nominated and sent to Awwwards Jury http://juliankussman.com/blog/2012/05/01/juliankussman-com-nominated-and-sent-to-awwwards-jury/ http://juliankussman.com/blog/2012/05/01/juliankussman-com-nominated-and-sent-to-awwwards-jury/#comments Tue, 01 May 2012 14:35:22 +0000 Julian http://juliankussman.com/?p=372 My site has been chosen as a nominee, in the running for a site of the day at awwwards.com. Please feel free to vote for it on their site.

]]> http://juliankussman.com/blog/2012/05/01/juliankussman-com-nominated-and-sent-to-awwwards-jury/feed/ 2 Tower Grove Wallpaper http://juliankussman.com/blog/2012/04/28/tower-grove-wallpaper/ http://juliankussman.com/blog/2012/04/28/tower-grove-wallpaper/#comments Sat, 28 Apr 2012 21:37:48 +0000 Julian http://juliankussman.com/?p=305 A friend asked me for some Tower Grove art she could hang in her office. I was happy to oblige with a little filter-y, pixel-y magic. This is suitable for a desktop wallpaper or printing at 17″ x 11″.

Click the image for the full size.

]]> http://juliankussman.com/blog/2012/04/28/tower-grove-wallpaper/feed/ 0 It’s alive! http://juliankussman.com/blog/2012/04/28/its-alive/ http://juliankussman.com/blog/2012/04/28/its-alive/#comments Sat, 28 Apr 2012 21:26:57 +0000 Julian http://juliankussman.com/?p=303 I’ve finally converted my entire site to live on WordPress with my own custom theme. While I bring everything up to speed, do let me know if you see any funkiness.

]]> http://juliankussman.com/blog/2012/04/28/its-alive/feed/ 0 Brighton Agency Blog: Community Building from the Ground Up http://juliankussman.com/blog/2011/12/27/brighton-agency-blog-community-building-from-the-ground-up/ http://juliankussman.com/blog/2011/12/27/brighton-agency-blog-community-building-from-the-ground-up/#comments Tue, 27 Dec 2011 17:32:38 +0000 Julian http://juliankussman.com/blog/?p=189 Read my latest blog entry on the Brighton Blog here: http://blog.brightonagency.com/2011/12/27/community-building-from-the-ground-up/

It’s all about my new experience being a Big Brother through Big Brothers Big Sisters

]]> http://juliankussman.com/blog/2011/12/27/brighton-agency-blog-community-building-from-the-ground-up/feed/ 0 Helping Threadless automate their printing http://juliankussman.com/blog/2011/08/30/helping-threadless-automate-their-printing/ http://juliankussman.com/blog/2011/08/30/helping-threadless-automate-their-printing/#comments Tue, 30 Aug 2011 18:29:52 +0000 Julian http://juliankussman.com/blog/?p=177 This thread is asking for help automating printing and using Data Merge with Adobe InDesign (CS5), here it is.

First download threadless.zip

Edit data.csv as needed, open template.indd and choose Window>Data Merge from the menu. (Adobe Docs)

Click the little “Merge Documents” icon in this panel. It spits out an .indd with a page for each set of data.

Obviously for testing I didn’t set up nice fonts, etc. but you get the point. Read thru the Adobe Docs for the extra details.

Thanks to my lovely wife Kassie for pointing me in the right direction.

]]> http://juliankussman.com/blog/2011/08/30/helping-threadless-automate-their-printing/feed/ 0 Brighton Agency Blog: Five well-designed sites http://juliankussman.com/blog/2011/08/16/brighton-agency-blog-five-well-designed-sites/ http://juliankussman.com/blog/2011/08/16/brighton-agency-blog-five-well-designed-sites/#comments Tue, 16 Aug 2011 14:51:50 +0000 Julian http://juliankussman.com/blog/?p=167 Read my latest blog entry on the Brighton Agency site: http://blog.brightonagency.com/2011/08/16/five-well-designed-sites/

]]> http://juliankussman.com/blog/2011/08/16/brighton-agency-blog-five-well-designed-sites/feed/ 0 Quick Discount Calculator – DisCalc http://juliankussman.com/blog/2011/06/19/quick-discount-calculator-discalc/ http://juliankussman.com/blog/2011/06/19/quick-discount-calculator-discalc/#comments Sun, 19 Jun 2011 07:59:52 +0000 Julian http://juliankussman.com/blog/?p=155 I’ve whipped up a quick little web app called DisCalc. Visit it here: http://juliankussman.com/discalc/

Enter an item’s cost, click the discount button (common percentages plus enter your own custom). Click ‘Add to list’ to add it to your running shopping total.

You can save this to your iPhone’s home screen to use it without Safari chrome. I’ve also implemented HTML5 localStorage to allow saving your running total between launches/restarts.

Have fun :)

]]> http://juliankussman.com/blog/2011/06/19/quick-discount-calculator-discalc/feed/ 2 Hangover II wallpaper http://juliankussman.com/blog/2011/04/14/hangover/ http://juliankussman.com/blog/2011/04/14/hangover/#comments Thu, 14 Apr 2011 20:10:41 +0000 Julian http://juliankussman.com/blog/?p=150 Here’s a Hangover II wallpaper at 1920×1080. Enjoy.

]]> http://juliankussman.com/blog/2011/04/14/hangover/feed/ 1 Easy auto-width HTML button with 1 background image http://juliankussman.com/blog/2010/08/17/easy-auto-width-html-button-with-1-background-image/ http://juliankussman.com/blog/2010/08/17/easy-auto-width-html-button-with-1-background-image/#comments Tue, 17 Aug 2010 21:04:41 +0000 Julian http://juliankussman.com/blog/?p=124 Here’s a super simple technique to create a button of variable width in HTML/CSS.

I started here and then stripped it down to only 2 HTML elements, your A and an EM.

This technique uses one background image for the button.

First, create a button image that is about 2x as long as any button would ever be on your site.

Like so:

The rest is in the CSS comments…

<a href="#" class="button"><em>CLICK ME!!!</em></a>

.button{
border:none;
background:none;
padding:0;
margin:0;
width:auto;
height:31px;
overflow:visible;
text-align:center;
display:inline-block;
white-space:nowrap;

/* Here's the magic sauce
padding left is the space between the left edge of your button and your text
background is set to left top
*/

padding-left:22px;
background:url(../images/largeBtn.png) no-repeat 0 0;
}

.button em{
height:31px;
display:block;
margin:0;
color:#fff;
font-style:normal;
line-height:33px;

/* Here's the magic sauce
margin right is the radius of your rounded corner if you have one (so pngs don't show through behind)
padding right is the space between the right edge of your button and your text
background is set to right top
*/

margin-right:-3px;
padding-right:22px;
background:url(../images/largeBtn.png) no-repeat 100% 0;

}

]]> http://juliankussman.com/blog/2010/08/17/easy-auto-width-html-button-with-1-background-image/feed/ 2 TweetBar – Safari 5 Extension http://juliankussman.com/blog/2010/06/08/tweetbar-safari-5-extension/ http://juliankussman.com/blog/2010/06/08/tweetbar-safari-5-extension/#comments Wed, 09 Jun 2010 00:00:10 +0000 Julian http://juliankussman.com/blog/?p=107 This Extension is out of date and does not work. Sorry for any inconvenience. Blame Twiiter and OAuth.

 

This Extension will place your Twitter feed in a bar in Safari.
The first time you run it, Twitter will want your credentials. The extension doesn’t process these, it goes straight to Twitter.

FEATURES
Click links in tweets
Click @replies and click author usernames
Auto-updating
Toolbar button to hide/show bar
Only one bar shows in one window, click toolbar button to make that window the active TweetBar window

PLANNED
Preview of twitpic images
Eventually, OAuth with posting/replying/DMs etc.

 

]]> http://juliankussman.com/blog/2010/06/08/tweetbar-safari-5-extension/feed/ 61