Categories » Portfolio

Accessible Tooltips without JavaScript

Tooltips. You would think these were the hardest problem in web design based on the number of javascript-dependent solutions put out there. Look at a library like html5tooltips.js, do we really need to add 637 lines of javascript to provide a little supplemental info in our interfaces?

Here’s a quick demo that demonstrates a simple, more accessible, approach.

See the Pen Tooltips without JavaScript by Joel Sunman (@damofknowledge) on CodePen.

Ampersandrew 2015

Built out a refresh of my friend Andrew’s portfolio. Now fully responsive, faster, stronger. More productive.

ampersandrew 2015 screenshot

CSS for Designers

Designing with CSS in MInd

Following up on last year’s presentation to developers on the benefits and capabilities of CSS3 in our work I was asked to provide similar info to one of the company’s creative teams. Participants included art directors and copywriters and although this team in particular did more interactive work than some of the others in the company they were still pretty unsure of how we developers produce our work (magic!).

The goals of this slide deck were to help everyone understand some of the technical aspects of CSS design, as well as offer some tools that could help them experiment with code on their own, become more efficient in certain processes, and take their learning further.

Hopefully others will find this useful in some capacity. If you do use it for training others, learn something new or have a suggestion I’d love to hear it, so please leave a comment.

Designing with CSS in Mind

iOS6 Camera Demo

Screenshots from a demo app that uses the in-browser camera access available in iOS6.

Continue Reading »

An Introduction to CSS3

Last month I gave this training presentation to the Interactive team at work. While many of the concepts discussed may be nothing new to some of you it was intended to get everyone, including back-end devs and designers, on the same page as to what our capabilities are.

The clients in my particular industry tend to still be very conservative so the discussion of how to handle older versions of Internet Explorer comes up routinely. I mainly ignore IE in this slide deck because, let’s face it, it just isn’t going to handle many of these CSS3 properties without additional workarounds. I touch upon that a little, but the subtext is to always strive for progressive enhancement and graceful degradation.

Hopefully others will find this useful in some capacity. If you do use it for training others, learn something new or have a suggestion I’d love to hear it, so please leave a comment.

An Introduction to CSS3