Interaction Design In The Cloud Interaction designers create wireframes in tools such as Adobe Illustrator, OmniGraffle and Microsoft Visio. Originally, these wireframes were primitive shapes drawn to represent various UI elements. Many of us cannot imagine life without them.
Category: Old Archives
How to Center Anything With CSS
How to Center Anything With CSS Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between absolute and relative positioning. We’re going to follow that up with another CSS layout talk, this time based around a fundamental question that almost every new developer asks: how do you center…
95 Inspiring Websites of Web Design Agencies
95 Inspiring Websites of Web Design Agencies Fresh, innovative, creative, minimalist … What’s your style? You probably won’t have a better chance to show off all your potential if it’s not by designing a website for your own agency or web studio. It’s time to push all those ideas and concepts forward, those a client would…
How To Choose The Right Face For A Beautiful Body
How To Choose The Right Face For A Beautiful Body What is it that makes a typeface into a text font, instead of a font for larger sizes? The answer differs slightly, depending on whether one aims for print or Web-based environments.
Create a Customized HTML5 Audio Player
Create a Customized HTML5 Audio Player During this tutorial I’m going to be introducing you to HTML5 audio and showing you how you can create your own player.
Tips for Prototyping Successful Web and Mobile Products
Tips for Prototyping Successful Web and Mobile Products When designing digital products you want to strive for the most compatible user experience for every visitor. Designing a product is very difficult – whether a website or mobile application. You need to understand current trends in the market. And most importantly you should be confident in…
Stop Redesigning And Start Tuning Your Site Instead
Stop Redesigning And Start Tuning Your Site Instead In my nearly two decades as an information architect, I’ve seen my clients flush away millions upon millions of dollars on worthless, pointless, “fix it once and for all” website redesigns. All types of organizations are guilty: large government agencies, Fortune 500s, not-for-profits and (especially) institutions of…
5 Useful CSS Tricks for Responsive Design
5 Useful CSS Tricks for Responsive Design Making the design to be responsive is very easy as shown in my Responsive Design in 3 Stepstutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I’m going to share 5 of my commonly used CSS tricks along with sample cases…
MAKING ROOM TO BREATHE: WRAPPING TEXT AROUND ELEMENTS
MAKING ROOM TO BREATHE: WRAPPING TEXT AROUND ELEMENTS I constantly look through websites and wonder why designers allow text and images to get a little too close. Why don’t the elements have room to breathe? That’s where text- or word-wrapping comes in. Adding space above, below and to the sides of an object embedded in…
Free Zocial Button Set: Social CSS3 Buttons
Free Zocial Button Set: Social CSS3 Buttons The idea behind this project was to produce a consistent set of buttons that could be used for the range of social actions frequently taken in Web applications. These actions are often important goals for users, such as connecting third-party accounts or sharing content to third-party platforms, so…