background preloader

Usability

Facebook Twitter

Facebook Timeline Changed the Way We See Brand Pages; Here's How. Inception Explained - An interactive animated infographic. Infographic of the Day: Nicholas Felton's 2009 Annual Report. If you love infographics, you probably have Nicholas Felton to thank, at least a little bit. Six years ago, he started compiling an "Annual Report" of his life, compiling all of the little day-to-day details of an entire year into a volume of infographics. That little project has caught on, inspiring graphic designs to create countless similar projects, and helping touch off the current rage for infographics. Good news: Felton has just released his 2009 report. This time, he took a slightly different tack: Each day in 2009, I asked every person with whom I had a meaningful encounter to submit a record of this meeting through an online survey.

These reports form the heart of the 2009 Annual Report. From parents to old friends, to people I met for the first time, to my dentist ... any time I felt that someone had discerned enough of my personality and activities, they were given a card with a URL and unique number to record their experience. For more Infographics of the Day, click here. Empire Avenue | Expand, Engage, Evaluate.

1 page designs

Favorite fonts | List. Snapz Pro X. I have used sooo many different screen capture softwares and I just have to tell you guys that you are the ONLY ones who dont slow down my computer while recording video. Sometimes I have to check that the program is still on because I dont even believe it could work that well. Thank you!!! Andrew Smith, Customer Snapz Pro X is a nicely wrought utility that puts all other screen-capture methods to shame. If your Mac OS X work requires precise screen captures, Snapz Pro X is a must-have tool. Macworld Read the Full Review 8 out of 10! Richard Moss, Mac.Appstorm. Snapz Pro X continues the tradition of its Classic counterpart: the be-all and end-all of screen capture utilities on the Mac.

MacNN Staff, MacNN Read the Full Review At first I thought this would just be a replacement for the Apple screen capture, but I never realized how often I would use it. K. I used Grab for hundreds of screen shots in "Mac OS X For Dummies. " Bob "Dr. Moin Vera, Customer George Fox, Customer Anonymous, Customer. Cell Phone Screen Resolution by Brand and Model. For best result, the size (dimension) of cell phone wallpaper must match the size of cell phone screen. Whenever the wallpaper dimension is too large for the screen, it will be automatically resized by your cell phone. This automatic resizing usually results in a poor image display quality. On the other hand, if the wallpaper dimension is too small for the screen, the picture will not cover all of your screen. Why would you display small picture if your mobile phone can display a larger one? Below is a list of cell phone screen resolution, sorted by brand and model.Use this list as a guide on choosing the right size of cartoon photo wallpaper for your cell phone.

(If you need to know which cell phones have certain screen resolution, there is also a list of cell phone screen resolution, sorted by size available) Disclaimer: Fallon opens Velvet Fox restaurant with help from Penny Fathers. Tue, 6 Dec 2011 | By Tom Banks Bored by the prospect of Christmas client entertainment done the normal way, ad group Fallon hooked up with event design consultancy Penny Fathers to create restaurant space The Velvet Fox, for client entertainment-come-commercial extravaganza. The Velvet Fox Design Week had The Velvet Fox down as some kind of Georgian master criminal, in the same vein as The Scarlet Pimpernel, when we first heard the name.

The audacious aesthetic and the central London venue is probably closer to ‘1920s cocktail bar, private members club and forgotten hotel,’ says a Penny Fathers creative director, who wishes to remain anonymous, adding ‘I work for another consultancy’ although his anonymity just adds to any cloak and dagger mystique surrounding the event. Our Penny Father tells us the venue entrance has been created as a ‘decompression zone.’ Architectural interventions, like the bar and stage were all designed and built by Penny Fathers.

Mac App Store - ScreenNinja. iPhone App Design | Mobile Application Design | Tapptics. iPhone and iPad Design Templates and How to Use Them. There is a lot of “process” that goes into designing for mobile devices, but sometimes you just wanna jump in and get your hands dirty! This post is designed to give you the tools you’ll need and the basic design and technical requirements to get you up and running quickly. Standard Screen Sizes and Icon Sizes If you haven’t read the Apple Interface Guidelines for iPhone and iPad yet, you should. It’s a lot of information, but well worth the time spent to understand how Apple thinks about application design. These guides also spell out detailed specifications for screen size, icon size, and resolution.

What’s the Resolution of the New Retina Display? The iPhone retina screen is a spectacular thing to see. You can see in comparing the two devices that the screen dimensions for iPhone 4 are unchanged from the previous model. When reading about screen resolution it’s easy to quickly become confused. Photoshop Setup Specs: The Future of Screen Sizes Design for 3.0 or Retina First? iPad Templates. Responsive Web Design: What It Is and How To Use It - Smashing Coding.

Advertisement Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions.

When will the madness stop? In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The Concept Of Responsive Web Design Ethan Marcotte1 wrote an introductory article about the approach, “Responsive Web Design992,” for A List Apart. Transplant this discipline onto Web design, and we have a similar yet whole new idea. Adjusting Screen Resolution Flexible Images (al) (vf) Thoughts On Developing A Responsive Design Workflow. Print design has the physical constraint of the canvas.

The format is fixed. The situation is different on the web. We can’t know in advance exactly how someone will view our sites. We don’t have a fixed canvas. How To Build A Responsive site Believe it or not we’ve already covered all the technical details for building responsive sites over the last few weeks. Flexible grids — which are based on relative measurements, ideally elastic sites that are relative to something internal to the design. The last few weeks we’ve gone over the details of each of the above and I’ll refer you back to those posts for the details.

Ethan is the person responsible for responsive web design and my posts, including this one have relied heavily on his work and writing. I can’t recommend the links above enough, particularly the last link, Ethan’s new book on responsive web design. InteractiveWall from Festo HQ on Vimeo. Thoughts About Responsive Design I’m only beginning my exploration of responsive design. 11 Reasons why responsive web design isn't that cool!

Since Ethan Marcotte published his seminal article on Responsive Web Design there’s been an explosion of articles related to this topic. The guy truly made a good work also publishing a book about it , deepening on what many consider, since then, should be a standard for web design. If you have no idea of what this thing is, this Responsive Web Design thing, but simultaneously you’ve been thinking and working on a way for your web projects to be viewable in multiple devices, then you are instinctively working on responsive web design. Here’s a little insight: The main objective of responsive web design is the inherent flexibility a website can acquire through the application of fluid grids, images and CSS Media Queries to adapt the content and design of the website to any device, even if it is a desktop computer, a laptop, an iPad or a Smartphone.

You do not have to create a mobile version of your website; you do not have to create an application for every popular device on earth. 1. Responsive web design is boring! | Opinion. Nike Better World. Marussia Virgin Racing. Scrolling Websites] Slavery Footprint - Made In A Free World. Home « Unfold. Unfold is a small independent digital agency,established in Oslo, Norway. In the intersection of technology and design we develop useful, compelling and engaging interactive experiences across all digital platforms.

We work on a large variety of projects including applications, sites, games, digital installations and campaigns. Aware of the overwhelming amount of information surrounding us, we aim to speak a clean, clear and meaningful message. While we are working on our new site, you can view our portfolio on Behance. Title Managing Director/Account Director Email egil@unfold.no Phone Egil has nearly 10 years of experience in digital communications, working on large-scale conceptual projects for some of Norway’s major brands. Account Director joachim@unfold.no Joachim has 7 years experience at Omnicom Media Group and Apt, with digital responsibility for several of the biggest brands in Norway. Senior Developer daniel@unfold.no Daniel has been passionate about technology since he was 12 years old.

Dentsu Network. Product Design & Strategy. Media Queries. Pinterest / Home. Dmig 5. Nizo for iPhone. Volkswagen Beetle. MahiFX. Home « Unfold. Introducing Timeline. 5 Ways Facebook's New Features Will Fuel Social Shopping. Christian Taylor is founder and CEO of Payvment and developer of the number-one Facebook ecommerce platform for brands, agencies and merchants, and the world’s only Facebook Shopping Mall. Many of the new features introduced at Facebook’s f8 Developer Conference last Thursday, such as a customizable Open Graph and real-time news Ticker, will have a tremendous impact on social commerce and social shopping in the very near future. SEE ALSO: How Facebook Timeline Might Radically Change the Look of Brand Pages [PICS] Developers will now be able to build a Facebook commerce experience more relevant to shoppers and also offer more effective social discovery for sellers.

Sellers will be able to access new insights into shopper preferences and will use this data to better promote their products. These new opportunities will make the Facebook shopping experience richer and more social. Here are five ways Facebook’s new features will fuel social commerce and product discovery. 1. 2. 3. 4. 5. Giftly - The New-Fashioned Way to Gift - Gift Ideas, Gift Cards, Local Gifts, eCards, Online Gifts, Gifts for Him, Gifts for Her. BankSimple Demo.