Wasted Continuum
The space between…

Web Finds April 21, 2015

Google Web Fonts Typographic Project
I like sites like this one that show you practical ways of using type. This one is pairing Google Fonts.
jQuery Toast Plugin
Show simple toast messages with jQuery. There are a lot of demos. I can see using this in my work.
audio.js
Javascript library that allows HTML5’s <audio> tag to be used anywhere.
Call to Idea
Showcases design ideas for different web or app elements.
GuideGuide
Great guide extension for Photoshop. I have been using it for weeks.
comment

Record Store Day Buys

Record Store Day 2015 Last Saturday was Record Store Day 2015. This year I went to The Exclusive Company in Appleton, Wisconsin. I picked up three albums: A Little Something From The Road, Vol. 1 by Kenny Wayne Shepherd Band, Get Behind Me Satan by the White Stripes, and Picaresque by The Decemberists. I am happy with all three purchases.

comment

Web Finds April 3, 2015

Animsition
A simple and easy jQuery plugin for CSS animated page transitions.
Hackr.io
Share and discover the best programming tutorials and courses online.
Color Safe
Great site to generate proper text and background contrast ratios.
Colorable
Calculate contrast between two colors for accessibility.
E.gg Timer
Simple timer for more than just eggs.
comment

A Boy and a Cat

A Boy and a Cat Pilot G-Tec-C4 / Field Notes Northerly Edition

Just a couple of quick sketches from today.

comment

Web Finds March 6, 2015

Swiper
I have been researching sliders lately for work. I came across this one that seems to be solid.
PhotoSwipe
This is a very clean lightbox gallery. It also support touch gestures.
iconmelon
A nice set of SVG icons ready to use.
Subtle Hover Effects
I really like how these look. Subtle is almost always better.
Roadie
For those who don’t have a Gibson guitar equipped with a Min-ETune. This is on my wish list.
iOS Fonts
A good reference for what fonts are available in iOS to use. You can view which version of the platform a certain font was installed.
comment

Zippo and CRKT

Zippo and CRKT Just a couple of things I carry with me. One should always carry a pocketknife. I use mine so many times throughout the day. This one is a CRKT Swindle. I also carry around this lighter sometimes. It is nearly not as useful, but I like it. Probably because I have a perfectly healthy intrigue of fire. It’s a plain matte gray Zippo lighter.

comment

Web Finds for December 29, 2014

Update Your Footer
This is timely since 2014 is almost over. Update your footer’s copyright year to be dynamic.
TinyJPG
I really don’t know how they do it, but their compression algorithm is amazing. I have been using it on a lot of projects lately.
Coolors
This is a quick color theme generator. I like it because it is quick and the results are mostly good. It exports to PDF, CSS, SCSS, SVG or PNG.
Hacker Typer
This one is just hilarious. Now you can be just like the computer “hackers” you see on movies and TV shows.
comment

Shopping Local

Don's Quality Market I have been driving passed this view for over a year now and haven’t taken a photo of it until now. I think I like lettering on the building.

More Info

comment

Animated Pie Chart With jQuery Knob

Animated Pie Chart I spent an afternoon rewriting some old code for an animated pie chart that is part of a web app I am updating. The previous code was written by a contractor who may have taken a quick route to completion. This made it very difficult to change it and also it was a few hundred lines too long. So I scrapped it and looked for a new solution. I ended up using jQuery Knob as the base and building on top of that. Since I couldn’t find anything quite what I was looking for, I decided to put it together myself and to make it a modular as I can. Basically, the pie chart has illustrates a percentage value and it’ll animate to that. I also have a colored label in the center that has a title, a tagline and the percentage updated as the pie chart is animated. With SCSS, I made it easier to customize the size, color, fonts, etc. It’s still a work in progress, but I decided put what I have on GitHub.

More Info

comment

Web Finds for November 13, 2014

Today’s Web Finds are things I have found that are immensely helpful in my blogging workflow. These are just the recent ones. I may put together a more detailed post about blogging with Jekyll.

Facebook Object Debugger
I use this to check my Open Graph meta data. It is comprehensive.
Twitter Card Validator
This is similar to the Facebook Object Debugger. It lets you preview your twitter summary card when you paste in a link. As someone running a website, you can set it up so that there is a title, summary and an image. If you want twitter to support cards with your website, you do have to set it up on twitter’s developer site.
SearchLink
Most of the things that Brett Terpstra does are a little over my head, all of which tend to increase productivity in a magical way. There are a few projects that anyone can make use of. SearchLink is one of them. I just started using it. It makes generating markdown links so simple and quick. It is definitely worth checking out.
comment