J.Kirchartz Web Yinzer

Notes

Unix as a CMS

Recently I’ve discovered the tildeverse, a loose federation of *nix servers inpired by tilde.club offering a shell account where you can host a site, play games, and participate in a community of like-minded individuals (you know, the sort who think having a unix account would be fun.) This article will show a method to create these pages more efficiently. …

See More »

The Book Metaphor

Imagine a friend shows you a photo of a book online — well, you presume it’s a book, it could be a magazine, an encyclopedia, or even a journal, it’s hard to tell from a picture …

See More »

Five Things I Learned Working at Google

I worked with Google in 2015, and learned a few “best practices” about how …

See More »

Remember Mailto?

“How do I send this to my Mom…” she asked herself scrolling up and down the page; “…I can tweet or add it to pinterest,” she sighed in resignation …

See More »

The Most Innovative Checkout Form Ever

I don’t know if you’re ready for this - it might blow your mind… …

See More »

Randomize Cowsay Critters

Cowsay is a fun little app that draws a cow that says things, but you can do so much more than a cow, there’s all sorts of fun ascii art critters in there; but how do we get to them? …

See More »

How Many Apocalypses Have I Survived?

How Many Apocalypses Have I Survived? screenshot

I’m surprised at how easy it is to survive the end-times as predicted by mediums, prophets, clergy, mathematicians, charlatans, and true-believers. …

See More »

Glitchy 3bit dither

Glitchy 3bit dither screenshot

I’d like to officially introduce my new pet project, Glitchy 3bit Dither, it’s an in-browser emulation of glitch art techniques. …

See More »

Slate, Vimium, and never touching the mouse again.

It’s no secret, I’m VIM fan. Any time I have to take my hands off the keyboard to mess with a GUI I have issues. My palms get all sweaty, I break out in hives, and have a vague feeling like I’m playing a game of whack-a-mole. Well, it may not be that bad, but I’m sick of it. So I decided to do something about it. …

See More »

VIM quick-start, cheat-sheet, and links

If you’ve been following me for a while, you might know my editor of choice is VIM, it’s very clean. There’s nothing there to get in your way, except your own limitations, and those limitations can be destroyed through practice. Haven’t tried vim yet? What are you waiting for? …

See More »

Why I Stopped Designing in Photoshop

When I was learning design I was glued to photoshop. Touching every filter and tool, researching customisation and automation. Working hard to improve my skills, and learning all the tricks and etiquette, but it was hogging my time. It was all fluff, web browsers don’t care about your layer-naming scheme or how well you use smart objects. The web is open, free, and unpredictable; Photoshop is none of those things. …

See More »

Hello Github, Goodbye Blogger

I’ve always been an early adopter and when blogs were just becoming a thing Blogger was one of the first companies doing it, how else would they get such a great URL? For a time I was fine with the way blogging worked there, but now I am disappointed. Enough so to leave. …

See More »

There is no such thing as pixel-perfect web design

There, I said it. Now get the phrase out of your head, it doesn’t exist, please stop trying. …

See More »

Rocking StackOverflow: Sites to Troubleshoot Code in Your Browser

StackOverflow is an awesome community, devs helping devs become better devs, it’s a nice concept. More often than not, solving these problems will require setting up a test somewhere, for javascript that’s easy just use jsfiddle, but other languages you might have some work to do. I often hear my fellow dev’s asking “Is there a JSFiddle for…” almost any programing language. Well, friend, here’s my list of sites, sandboxes, and demos that make writing & repairing code with your browser all sorts of easier …

See More »

Staying on Top of Web Technology

I wrote this piece in October of 2011 for the Songwhale Blog, re-posting it here for prosperity. …

See More »

Intro to Linux for Web Devs on Windows

I’ve been spending a lot of time using the linux CLI lately, and I know it can seem difficult at first. …

See More »

HTML5 Notepad

Here’s a little html5 notepad using localStorage. Check it out …

See More »

jQuery type effect plugin

Let’s kick it old-school, with the absolute CLASSIC typewriter effect. I couldn’t find a decent jQuery version of this effect that worked, so I pluginified some vintage javascript. …

See More »

Better Mobile Redirect

Here is a simple reusable javascript redirect that uses the Mobile Link Discovery Spec …

See More »

XUIjs for Mobile Development + 2 extensions

I recently stared playing with xui.js it’s a really nice library targeted to mobile devices, based on JQuery. I’d really like to stick with jQuery but jQuery Mobile is actually more like jQueryUI for mobile and I’m not into making everything on the mobile web look like native iPhone …

See More »

Python - HTML to CSS

I surely couldn’t have been the first to think of this, but wouldn’t it be great if you could write your HTML, then convert it to CSS? Yeah, I know they’re not really the same, but the CSS has to be attached to something. Why not pull it out and have a skeleton CSS file made for you? This short python script will read in HTML, and spit out all the CSS selectors it can find. …

See More »

The Great Internet Migratory Box Of Electronics Junk

The Great Internet Migratory Box Of Electronics Junk is a project that allows hackers & makers to share some electronics/components with each other. There’s a ton of these things going around, but it seems like they move quite slowly. …

See More »

Border Radius Toy

Border Radius Toy screenshot

This is my CSS3 Border-Radius Toy, it’s kind of a rip-off of a rip-off of BorderRadius.com …

See More »

JQuery Plugin update: Letterpress2

A While back I coded a plugin to apply the letterpress effect, since then I’ve decided that css’s text-shadow property was a better way to go, but some browsers don’t support text-shadow *cough* IE *cough* this is a slight mod to check for IE & apply the letterpress plugin to them, and use text-shadow on browsers that support it. …

See More »

New Plugin: Clickify

Here’s a quickly little plugin’ tool, that I know people will find very useful. It’s called Clickify, and it’s an answer to a problem a lot of people are concerned about. …

See More »

Jpeg EXIF Metadata Removal

Image Optimization is a fun game, trying to get just the right compression ratio to balance file size and appearance. There are a ton of tricks out there, but as a Photoshop user you generally end up with some pretty big files that are just small images. Today I had an icon, 71x30px that was 40.1kb after I resized it from a larger jpeg that was 38kb. …

See More »

Ableton Live 8 Looper & Korg nanoPAD

The music of Yoav is heavily loop based, due to the fact that every sound is either produced by his guitar or his voice. To accomplish this he has several looping delay pedals …

See More »

JQuery Extension: fixPng

PNGs and IE6, sounds like a recipe for trouble. Well you could always use the lovely DD_belatedPNG …

See More »

jQuery Plugin: Fish-Menu

Here we go, at it again with a new plugin called fish-menu heavily based on jquery.ui.potato.menu by Makoto_KW …

See More »

Hacks: FontBurner

As you might have noticed I've got I had a couple crazy “non-standard” fonts from fontburner.com. FontBurner is a great tool for hosting sIFR (scalable inman flash replacement) flash files & javascript to simply replace fonts & text with a small flash file that displays it in the font of your choice. Currently fontburner has a limited set of options regarding color/spacing etc. but with a little ingenuity one is able to add this functionality themselves. …

See More »

Tips: Walk-on Characters & Green Screen

Keying – the process used to remove green-screen – is a relatively simple process now-a-days, pick the shade of green and tweak a few numbers and you’re done; but sometimes there are issues… …

See More »

JQuery Plugin: Letterpresser

This plugin adds the Letterpress style to any assigned tag. …

See More »

Code: Simple JQuery Div Slideshow

Here’s a super-simple DIV slideshow with JQuery based on one for prototype/scriptaculous, it can be found here. The beauty is that it can contain anything …

See More »

Opinion: Protaculous to JQuery

Last night I went to my local CFUG meeting, to hear Adam Lehman from Adobe talk about the new Flash Platform & Coldfusion Products. …

See More »

How to style the List Component with AS3

Back in the good ol’ days to style the list component’s over state all you needed …

See More »