About

My name is Dan Ott

I am a freelance web developer. I've worked professionally in the web development field since 1999, and full-time since 2007. I count myself as one of those lucky few people who actually enjoy what they do.

Elsewhere on the internet

You can find me on GitHub, on Twitter, on Pinboard, CodePen or, occasionally, on Flickr.

Contact

I'm not currently accepting new contract work, but I'm always interested in what's going on. Hit me up any time at dan at this domain.

Work

Professional

I've been an freelance developer for over ten years, specializing in front-end architecture and development. Since 2007, I've worked almost exclusively with Sprokets, a collection of independent creative professionals.

Personal Projects

LESS CSS Toolkit

A collection of re-usable LESS CSS Mixins.

CSS3 Clock

Animated Word Clock in CSS3

Thoughts

A Reminder

“The fool doth think he is wise, but the wise man knows himself to be a fool.”

William Shakespeare, As You Like It

New Site Design!

This is maybe the fourth or fifth incarnation of dtott.com. This time around I tried to simplify everything, do away with (mostly) useless features, and concentrate on the reading experience. Here's some notes on the site. Hope you enjoy it!

Front-End Q&A

A couple of weeks ago, a good friend sent me an email with a list of questions for me. He'd been out of the front-end game for a little while, and wanted to pick my brain a little bit. I thought that instead of just answering him directly, I'd share my answers with everyone.

Fun with 3D CSS Shapes

About a year and a half ago, I had some ideas about using 3D CSS to create nonstandard 3D shapes, but never got around to writing a post about it. However, inspired by the incredibly impressive Acko.net redesign, I decided to finally clean it up and share it with you. Here it is.

By stacking and rotating elements in 3D space, you can create some new shapes out of pure CSS. It's not practical or useful in the least, but it is interesting. These examples work best in Safari, but they will mostly work in Chrome. Check it out: Pure CSS 3D Shapes (remember to click and drag to rotate. Thanks to Dirk Weber's traqball.js for that little bit of magic).

Older Posts