Jim Nielsen
Jim Nielsen currently lives in NYC working as the lead designer for an enterprise software startup. As much as he loves the city, he misses the red rocks of his boyhood home and the beauty of the desert southwest. He loves to ski, golf, fish, read, eat street tacos, learn new things (currently he's into calligraphy), and take road trips immersed in the music of Bob Dylan. However, his true passion is to analyze complexity and transform it into simplicity.
  • Web Design
    Everything You Need to Know About the CSS Cursor RulePreview2
    While the world's going bonkers for touch-controlled interfaces, this article will focus on the more traditional input method of the mouse. I'll suggest an approach of progressive enhancement for handling interaction design; more specifically, an overview of the CSS cursor rule.Read More…
  • Web Design
    Quick Tip: Creating Crisp, Pixel Perfect Circles in PhotoshopPreview2
    Achieving pixel perfection when designing UI elements can be simple thanks to Photoshop's "snap to pixels" feature. Unfortunately, this feature is not available for the ellipse tool - creating crisp, pixel-perfect circles can therefore require additional attention to detail. I'm going to let you in on a little secret which will make "snap to pixels" available when creating circles..Read More…
  • Web Design
    Quick Tip: Using Web Inspector to Debug Mobile SafariPreview
    Building and debugging websites and web applications for mobile devices can be a hassle. On the desktop we have powerful debugging tools; most browsers have a web inspector of some kind. But we don't have those tools for devices like the iPhone and iPad … that is, until now!Read More…
  • Web Design
    Harnessing the Power of Icon StandardsIcons preview
    As effective as an icon's metaphor may be, truly powerful icons get strength from their universal recognizability and conventional usage — a standardization of sorts. We'll discuss icon standardization more in this article and then provide suggestions to a few current icon standardization movements which you can explore and incorporate into your own projects.Read More…
  • Web Design
    Super Simple Lightbox with CSS and jQueryPreview
    Rather than using a bloated plugin that has features you'll never use, this tutorial shows you how to create a super simple lightbox for handling images. It's perfect for image galleries, portfolios, and more!Read More…
  • Web Design
    Perfectly Rotate and Mask Thumbnails With CSS3Preview2
    Ever seen a website showcasing image thumbnails that are slightly rotated? It's a simple effect that adds a layer of visual personality. Saying that, if you're not achieving the rotation effect with CSS, you're working too hard! Learn how to do it right!Read More…
  • Web Design
    Put Users in Control With Confirmation Feedback ButtonsPrev
    This tutorial will teach you how to create a responsive web page with buttons which take on different states depending on the user's interaction. This type of interaction is especially useful on links such as "purchase" or "delete" where it's wise to confirm that the user indeed wants to take a specific action. Read More…
  • Web Design
    Building a Mobile-Friendly Form with Email Domain SuggestionWeb design
    This tutorial will teach you how to create a responsive web form which goes above and beyond setting <input type="email"> to help users enter email address information. This form will assist users (primarily mobile) by automatically suggesting popular email domains.Read More…
  • Design & Illustration
    Quick Tip: Create a Stitched Web Ribbon in PhotoshopPreview
    You don't have to search the web for very long to find a web ribbon in the corner of an image. In this quick tip tutorial we will show you how to create your own. Let's get started!Read More…
  • Design & Illustration
    Create a Realistic Telephone Keypad Using Layer StylesPreview
    Creating real-world objects in Photoshop can be somewhat challenging. The key is to pinpoint and accentuate small details such as shadows, lighting, and extruding edges. In this tutorial, you'll learn how to achieve acutely life-like telephone dial buttons in Photoshop using shape layers and layer styles!Read More…