Inspire | Design & Interaction Blog. One of the neatest things about CSS Transforms is that they change the hit area of an element to whatever transformed value we set. So, if we rotate an element, the hit area for that element doesn’t stay a box in the defined X and Y plane; it changes to the transformed shape. CSS Transformed Hit Box With that in mind, when I was handed a design comp with a skewed design element and links with angled edges within it, I realized for great justice it was achievable by skewing an element and applying overflow: hidden to the container.
The markup for this demo is really simple: <div class="container"> <div class="inner"> <ul> <li> <a href="#">Something Awesome</a> </li> <li> <a href="#">Something Awesome</a> </li> <li> <a href="#">Something Awesome</a> </li> </ul> </div></div> Based on that markup, we first transform the .container element and skew it 18 degrees on the X-axis, then undo that skew on the .inner container so our links display properly instead of at an angle (Using SASS).
The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition) (Voices That Matter): Jesse James Garrett: 9780321683687: Amazon.com. A Must Have Book Collection on UX. I present to you the cornerstone of my book collection on UX: 18 highly recommended books on User Experience by UX professionals. If you are looking for books about user research, interface design, information architecture or UX strategy, you will find a book to your liking. You can also have a look at Amazon’s Best Sellers.
They often have great reductions on the best books out there. I’ve been reading loads of books on UX but not every book made it to this list. I think this book collection on UX is suitable for both the aspiring UXers as the UX professionals. However, if you’re a seasoned UX professional, chances are you’ve read most of these books but I hope I’ve included some of which you haven’t heard of. popular The UX Book: Process and Guidelines for Ensuring a Quality User Experience – By Pardha S. Few books in the field of human-computer interaction offer such a comprehensive, logical overview of contemporary methods and processes like this one. | UX Magazine. Net magazine. Smashing Magazine — For Professional Web Designers and Developers.