background preloader

Emotional Interface

Emotional Interface
We’re changing. Our relationships online and in real life are shifting as we become more public with our private lives. Online social networks have helped our real world social networks transcend time and space making it easy (and seemingly essential) to share the triumphs, tragedies, and trite moments of life. No longer do you simply tell your best friend that you’ve broken up with your boyfriend. It feels natural to many people to tell hundreds of Twitter followers, and Facebook friends. No matter how you feel about the appropriateness of over sharing, the shift towards a public private life is changing our expectations of the relationships we create online. Figure 1: Kenny Meyers uses humor in his portfolio to connect with his audience. Oh how times have changed (figure 1). Usable = Edible We’ve spent the last decade-plus striving to create usable web interfaces. When we go out to dinner at a fancy restaurant, we’re hoping for more than just an edible meal. Figure 2: Basecamp is usable

Slow Connection So you have your Next-gen cool Web 2.0 application ready! You have tested it on your LAN environment and on your high speed internet connection – all seems ok and you are ready to deploy it in the ‘real world’. A few hours later, you get feedback that your application does not perform well on slower connections. Well the truth is that real world internet connections are much slower than you think. Now there are many tools that let you simulate slow network connections. Firefox Throttle is an extension that allows you to control download/upload rates and monitor current bandwidth utilization. The plug-in shows the current bandwidth utilization indicators in its Status panel as shown below and lets you quickly turn on/off throttling. You may also want to check out Sloppy Will you give this article a +1 ? About The Author

10 petits conseils pour le Responsive Web Design ! Aujourd’hui, rendre son site internet utilisable à tous ses utilisateurs ressemble parfois à un challenge ! En effet, on trouve tout type d’utilisateurs qui navigueront : sur Chromesur FirefoxSur Internet Explorersur Safarietc.Mais aussi :sur iPhonesur iPhone 5 (pas la même taille)sur Androidsur BlackBerrysur Windows Phoneetc.Mais aussi :sur iPadsur Galaxy tabsur Galaxy Notesur iPad Minisur les tablettes Archossur Kindle FireMais aussi :sur la télévisionsur le frigo connectésur l’Amstrad CPC de mamie zinzin De nombreux outils, de nombreux supports et des tailles qui ne cessent de changer ! Aujourd’hui, ce sont dix conseils pour le Responsive Web Design que l’agence Splio nous propose : source | source

Adding More Features to the Like Button - Développeurs de Facebook Since it launched in April, the Like button has given you the opportunity to make your websites more social in just a few steps. Today, we’re releasing more features for the Like button to add even more value to your site. Commenting for the iFrame versionPublishing to connected users via the Graph APIMore robust analytics Commenting Now Enabled with IFrame Version Now, when a user adds a comment to the iFrame version of the Like button, a larger, more prominent story will be shared with the user’s friends. Publishing to Connected Users via Graph API We encourage websites with objects that people may want to more permanently connect with, such as a brand or product, to publish relevant updates to its connected users. If you’re publishing to more than a handful of Pages, you now have the ability to publish to multiple Open Graph Pages via the Graph API. First, get an access token for your application: We’ve updated our documentation with these new features. Analytics Frequently Asked Questions

Media Queries More Transit Agencies Opening Up Their Data We’ve been following the trend of transit agencies providing developer access to timetables, routes and more for some time. Big cities, like New York and Boston are on board and helping fuel new transit applications. There now seems to be more momentum, with organizations and influencers making the call for open data. StreetFilms talked to some of these people, several within transit companies themselves, and created A Case for Open Data (embedded below). One particular case study shows just how fast developers started in on projects when Boston made its data available. “If you take the model of the national weather service and apply it to the transit agencies you realize you can have just as many ways to get transit information as you do to get weather information. When we profiled the developer who is trying to open transit data earlier this year, City-Go-Round showed 91 agencies with public data. But it’s a good sign when big metros get behind open transit data. via Jehiah

Beyond Media Queries: Anatomy of an Adaptive Web Design I had the fantastic opportunity to speak at An Event Apart Washington DC. Here’s the gist of the talk: Generic trademarks begin their lives defining a specific product or brand, but over time those original meanings erode and they become the generic terms to describe a general product category or actionThe web world is used to these generic terms as well. The Principles of Adaptive Design What beyond layout do we need to concern ourselves with when crafting multi-device web experiences? Ubiquity The power of the web is its ubiquity. Flexibility Embrace the inherit fluidity of the web.Continue creating flexible interfaces that can adapt to any screen sizeToday’s common breakpoints aren’t tomorrow’s. Performance Enhancement Responsive web design does not equal “one sized fits all”. Future Friendly The key aspect of Future Friendly thinking is to acknowledge and embrace unpredictability. Mobile First Responsive Web Design That’s about it.

ProgammableWeb (Alcatel-Lucent) ProgrammableWeb has seen many notable milestones since our inception five years ago. We were excited when the repository of APIs grew to 100 entries (now over 2000), when the count of mashups hit 500 (now nearly 5000), and seeing the myriad of ways open APIs have become such a phenomenon. And now today we are excited to say that ProgrammableWeb itself is entering a new phase of growth with the announcement of our acquisition by Alcatel-Lucent. This milestone is a great opportunity for ProgrammableWeb and our community to work with a global organization who gets what open APIs are about, who value the independence of ProgrammableWeb, and who want to grow the open API ecosystem both in the world of telecommunications and beyond. In the end this step will bring PW to a whole new level in terms of fulfilling our mission to be the go-to place for open API developers. What does this mean for the future of ProgrammableWeb? Both comments and pings are currently closed.

Le responsive web design : la réponse à tous vos problèmes ? Avec la multiplication des écrans et l’accroissement du nombre de mobinautes, il est désormais quasi indispensable de proposer une version mobile de votre site web. Vous rendre accessible n’importe où, n’importe quand et depuis n’importe quel appareil facilite la vie de « vos » internautes chéris. Si développer une application mobile peut être une option, concevoir un site web en responsive design apparait aussi comme l’une des solutions des plus tendance. En substance, opter pour l’un ou l’autre revient à faire des choix tant en terme de contenu que de conception graphique. Le responsive design sous toutes les coutures D’après notre ami Wikipédia, le responsive web design « regroupe différents principes et technologies qui forment une approche de conception de sites Web dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation. » Le site du Groupe Istya en Responsive Design Des avantages… Que faire finalement ?

How the New York Times Uses APIs A couple of recent posts give great insight into how the New York Times uses APIs to enhance its news coverage. It uses its own APIs, both internal and open, to create responsive applications that can explain sports, politics and more. Times database editor Derek Willis provides an overview of how APIs help the newsroom on his personal blog. Willis provides glimpses behind the development of the Kagan vote tracker and House healthcare vote. Both make use of the Times Congress API (our New York Times Congress API). Willis goes on to explain how creating APIs becomes useful in the newsroom: For newsrooms, the utility of APIs goes beyond creating Web apps. The Times “Open” blog has a tech-heavy explanation of the World Cup tracker, a look behind the scenes of the site’s live game coverage.

Related: