Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others.

The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.

In other words, this is a starting point, not a self-contained black box of no-touchiness.

If you want to use my reset styles, then feel free! It's all explicitly in the public domain (I have to formally say that or else people ask me about licensing). You can grab a copy of the file to use and tweak as fits you best. If you're more of the copy-and-paste type, or just want an in-page preview of what you'll be getting, here it is.

Personalize Your Site for Each Visitor. visitor.js is a small piece of JavaScript that provides you with information on your site's visitors, so you can target them with custom-tailored content

Eventually, we’ll all stop talking about responsive web design – not because it will go away, but because it will become what’s expected. Flashback ten years ago and we were all talking about CSS and tableless design, but today there’s no need to mention it. It’s simply the way modern websites are built, although sadly, I’m sure there’s a few out there still using tables.

Mit Popcorn arbeitet Mozilla an einem System für interaktive Webvideos mit HTML5. Mit Popcorn.js 1.0 ist jetzt die zentrale Bibliothek in einer stabilen Version veröffentlicht worden, aber Popcorn soll auch ohne Programmierkenntnisse verwendbar sein.

One of the appeals of a mobile Web solution over native mobile applications is the ability to reach a wider (across multiple platforms) audience. Here are some examples of companies doing just that.

More than 700,000 people use the Financial Times' Web-based mobile application to access news and other content, making it more popular than the version sold in Apple's App Store.

Kendo UI provides everything you need for building modern, interactive, JavaScript applications. In addition to having more than 10 UI widgets, including a Grid, Chart, and ComboBox, Kendo delivers a rich framework for client-side data binding, templating, animation, and drag-and-drop actions. Don't waste time trying to find and use tons of scattered jQuery plug-ins. Kendo UI incorporates a seamless, professionally tested and supported HTML5 toolbox for every project.

In his Responsible & Responsive presentation at Breaking Development in Nashville TN, Scott Jehl provided a lot of detailed information about what it takes to deploy a responsive Web design at scale by walking through what he learned on the Boston Globe redesign project.

As use of mobile devices continues to skyrocket across the globe, we're seeing more ways to tackle the challenge of creating great Web experiences across multiple devices. But which approach is right for any given project? In an effort to help answer that question, I've compiled the reasons we opted to use a dual (separate mobile and desktop) template system to build our start-up,

In his The Cross-Channel Experience presentation at Breaking Development in Nashville TN, Nick Finck outlined the importance of considering all customer touchpoints in your design.

The number of people browsing the Web from a mobile device has more than tripled since 2009, and it is sure to continue growing, with browser platforms such as iOS and Android offering mobile browser support that is almost identical to what we have come to expect from a desktop experience. As the mobile consumer market continues to grow, so will the aspirations of individuals and companies who look to embrace what the mobile Web has to offer.

There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal.

Some nice insights on mobile web behavior and tips to consider when building a website which shall be responsive.

Game mechanics have become a popular way of increasing user engagement and pushing user adoption, referral and retention, and many startups have sought ways to incorporate game mechanics into their sites.

In his Gamestorming: A Grammar for Creativity and Innovation presentation (http://www.uie.com/events/uiconf/2010/) at the User Interface 15 conference in Boston MA, Dave Gray provided an overview of creative collaboration techniques for getting the most out of planning and working meetings.

Ein paar interessante Umfrageergebnisse, welche die Customer Insight Group der New York Times zusammen mit dem Marktforschungsinstitut Latitude Research erhoben hat. Es wurden 2500 Personen befragt, die sich aktiv in Social Networks beteiligen. Dabei wurden die Teilnehmer wie auf der Grafik unten zu erkennen, in sechs Gruppen eingeteilt.

Immer mehr Web 2.0-Firmen gehen an die Börse, doch ihre Bewertungen werden kontrovers diskutiert. Ein möglicher Faktor ist der Jahresumsatz pro User, wie aktuelle Zahlen zeigen.

The 90s and the early ’00s weren’t exactly known for their emphasis on aesthetics in the tech space. For the most part, technology companies dedicated their efforts to building massive, reliable infrastructures like Microsoft, Amazon, Google and Facebook. Fast forward 10 years and today’s tech savvy companies, most recently Google, are realizing that you can’t just be geeky anymore, you have to be beautiful too. After all, there’s a reason Acer isn’t Apple. It’s smart design.

F for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school.

My company recently performed a study in which we asked 18 participants to share their first impressions of four ecommerce sites: AbeBooks, Blue Nile, eToys.com, and Newegg.com. We chose these sites from a Forbes list of the best ecommerce sites of 2005. [1]

Before beginning our study, we identified the trust elements we would evaluate, which included, for example, the placement of a site’s search box and trusted-site icons from services such as VeriSign. Our study identified 26 trust elements across the four sites’ home pages. Participants quickly judged sites’ trustworthiness based on the presence and placement of these trust elements. The results of our study showed that

Return of Investment oder kurz ROI ist das Buzzword, welches neben der “Cloud” das Tagesgeschehen im Internet und derzeit Diskussionen in den Vorstandsabteilungen vieler Firmen bestimmt.

How media consumption is distributed: according to the Havas Media survey, 51% of the respondents prefer web sites, 31% go for electronic editions, and 17% use applications. In these numbers, the web’s dominance reflects (a) the high volume of contents that are still free as many publications keep playing both sides of the fence, meaning both ad-supported and paid-for models, and (b) the importance of real time news.
In contrast, the lower score of digital editions stems from the fact most still use a basic PDF format. This doesn’t deliver the best reader experience, nor does it fit the needs of mobility: download speed and reading comfort on a smartphone screen. (I’ll come back to the future of digital editions in a next Monday Note by talking about the ePresse.fr kiosk we launched last week in France).
As for the poor scoring of apps, it can be explained by the lack of great interfaces for smartphones, and the still relatively small penetration of tablets.

Remember how after Chemical Bank launched the first Automated Teller Machine in the 1960s, waves of bank branches shut down? And remember when banks went online, how waves of local bank branches shut down?

Will the mobile wallet sound the death knell of cash? The latest research by YouGov shows almost one quarter (23%) of people are interested in using their mobile phone instead of cash to pay for purchases. YouGov analysts expect take up of this so-called “wave and pay” technology to be rapid.

My last look at the mobile market dug into what was happening behind the scenes. As usual, things are changing rapidly, so here's a few random data snippets on what's happening in mobile now.

Persuasive design is the process of creating persuasive technology, or “technology that is designed to change attitudes or behaviors of the users through persuasion and social influence, but not through coercion.” - Wikipedia / BJ Fogg

Im Mittelpunkt der Beiträge standen die Smartphones, mit denen sich neue Möglichkeiten im elektronischen Zahlungsverkehr, der Kontoführung und viel mehr ergeben. Der Schlüssel zu diesen Möglichkeiten, sind die Apps genannten Programme, die die Smartphones mittlerweile zu Allroundgeräten mit einem Potential aufwerten, dessen Grenzen nur die Fantasie der Unternehmen setzen.

Lyza and I entitled the second chapter of our forthcoming book “Mobile First Responsive Web Design (RWD)”. Because this is a Head First book, we can’t simply explain the theory of Mobile First RWD. We have to teach our readers how to do it.

Following the release of the Google +1 button for Web sites (such as this one) last week, the search giant's answer to the Facebook Like button is popping up everywhere. Seth Ladd, a developer advocate for Google, has gone the extra mile, posting a Chrome extension that adds the +1 functionality to Twitter.com, so you can +1 tweets you like, and have them displayed on your Google Profile. This is a lot like Jesse Stay's hack with Kynetx which added a Like button to tweets late last year.

Ideally by the end of this post you’ll have a better idea why you might choose one type of grid over another for a particular project.

The Web's abuzz with all things social and there's good reason why:

The last time I published an update on Facebook's usage and growth, the site had 300 million members. That was in November 2009. Last month Facebook topped 500 million members. So time for another look...

We continuously post the latest industry information here. In addition, you can read authentic use cases from our clients.

While native mobile applications continue to get the most buzz, the top mobile clients for the fastest growing Web sites might surprise you.

Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format.

Get data from websites in structured form (scraping).

In his CSS3 Anarchist’s Cookbook presentation at An Event Apart in Boston, MA 2011 Eric Meyer showcased how CSS rules can be used to drastically alter the experience of a Web site.