Opera – Gabriel Catalano®

Un simple ejemplo de la relación entre creatividad e innovación | Eduardo Kastika. Blog. Innovación y creatividad en Latinoamérica

http://eduardokastika.posterous.com

De las 100 personas más creativas en los negocios (Revista Fast Company, 2012), Adam Brotman es el nro. 3.

Se trata del Chief Digital Office de Satarbucks. Y su aporte fue muy sencillo: creó una aplicación (gratuita) para que los clientes paguen con sus teléfonos móviles.

La idea no es totalmente novedosa. Existen muchas otrasposibilidades de pago vía teléfono móvil.

Pero lo interesante de esta «tarjeta virtual Starbucks», es que Adam Brotman implementó la idea sin ningún tipo de complejidad tecnológica.

Los clientes cargan sus tarjetas plásticas de Starbucks, la persona que los atiende escanea sus teléfonos móviles y… listo. No hay asociaciones con tarjetas de crédito, ni de débito, ni PayPal, nipagos virtuales, ni nada.

Continuar leyendo

Google restablece a Chrome en los resultados de búsquedas | Geekets

Unruly Media era el único sitio autorizado para promocionar a base de anuncios a Google Chrome, pero la empresa pagó a otras compañías y servicios para que enlazaran de vuelta a Google Chrome sin autorización de los creadores, generando así publicidad viral (a la cual se opone abiertamente Google y fue motivo porque se sancionara a sí mismo).

Actualmente, cuando se busca ‘navegadores’ o ‘browser’ en Google, el primer resultado que se obtiene es el de Mozilla Firefox, el cual es seguido por Opera y Safari; se puede encontrar a Google Chrome como el séptimo resultado. Estos datos fueron recopilados por el sitio Slash Gear y es probable que al momento puedan llegar a variar (aunque Mozilla Firefox continúa siendo el navegador alternativo más popular).

Via Scoop.it – human being in – perfección

Google Chrome deja de ser sancionado por Google. Se termina el castigo de Google Chrome. Resultados de Google Chrome vuelven a aparecer. Google Chrome.

Desde el 16 de marzo, la sanción que Google aplicó a Google Chrome, su propio navegador, fue liberada y ya pueden volver a verse los resultados a través del buscador ya mencionado; el número normal de sitios que tienen enlaces para Google Chrome y su descarga ha sido restablecido. Continuar leyendo «Google restablece a Chrome en los resultados de búsquedas | Geekets»

Why Nobody Uses Opera

What’s going on here? Why are Firefox and Chrome eating away at Internet Explorer, while Opera is staying pretty much where it always was. It’s not that Opera is lagging behind development wise—new versions are coming out all the time. So what is it? Chrome and Firefox just have something that Opera doesn’t.

It’s all to do with brand positioning. Chrome is the fastest browser. It’s also the simplest. Google’s brand positioning is simplicity and speed, and they’ve made sure their offering is the leader in both. Firefox? The most customizable browser. Again, it’s a leader. If I want the most customizable browser, Firefox would be my first choice.

Internet Explorer, Safari and Opera? There’s nothing that comes to mind. IE and Safari are the “default” browsers on their respective operating systems. They don’t really try to differentiate themselves, although Apple (and Microsoft) have been advertising speed and standards compliance lately. Speed is easily tested however (and irrelevant if you’re not the leader), and standards compliance doesn’t matter so much since all modern browsers tend to render most sites just fine.

http://www.usabilitypost.com/2011/01/16/why-nobody-uses-opera/

The case of Opera is a strange one at first glance. Here is an innovative and powerful browser that’s fast, good looking and has all the features you might want—indeed, it has more features than all the other browsers, and tends to introduce the good things first (Opera had tabs first)—and yet with all of that it still has a tiny market share. Beyond a small, dedicated user base people just don’t use Opera. Here’s a graph of browser share of the recent years:

Why Nobody Uses Opera

http://www.usabilitypost.com/2011/01/16/why-nobody-uses-opera/

10 herramientas para probar tu web en dispositivos móviles

http://wwwhatsnew.com/2010/09/25/10-herramientas-para-probar-tu-web-en-dispositivos-moviles/
Por Juan Diego Polo

Ante la creciente cantidad de visitas que todas las webs reciben desde dispositivos móviles, es importante conocer herramientas que nos ayuden a corregir posibles problemas que dichos visitantes están teniendo al leer nuestro contenido.

En sixrevisions.com han preparado una lista de 10 herramientas que podemos usar para probar la compatibilidad de nuestro sitio con diferentes dispositivos móviles, aquí os la dejo:

iPhoney

Para simular el funcionamiento en un iPhone en un entorno Safari con zoom, plugins, etc.

W3C mobileOK Checker

El obligatorio. Nos muestra los problemas que se encuentran en el código de la página, mostrando la compatibilidad con el standar W3C.

iPad Peek

Para ver el aspecto que tendría en un iPad. Continuar leyendo «10 herramientas para probar tu web en dispositivos móviles»

Bouncing a Ball Around with HTML5 and JavaScript

As many of you right now, the element is one of the most popular additions to the HTML5 standards. It is widely supported by popular browsers like Firefox, Chrome, Safari and Opera (Internet Explorer supports it in their IE9 beta version). This guide will explore the use of HTML5’s element through a fun example: bouncing a blue ball around.

Final Result

View Demo

Download Source
An Overview of HTML5’s Canvas

The tag primarily allows you to render 2D shapes and images dynamically using math functions. Practical uses for this are things such as dynamic charts that are populated by data from a relational database like MySQL or web games that rely solely on open technologies (JavaScript/HTML).

While in HTML merely allows you to define a region in terms of width and height, everything else related to the actual drawing of the shapes is done through JavaScript via a full set of drawing functions and methods (collectively known as the Canvas 2D API).

So that we may explore the element through a hands-on approach, we will create a ball that will be bouncing around using HTML5 specifications and JavaScript.

Note that we will skip CSS because this guide is about HTML5 and JavaScript. CSS doesn’t play a part in the appearance and functionality of the bouncing ball, so we don’t need to discuss it.

by Vinci Rufu

Bouncing a Ball Around with HTML5 and JavaScript

As many of you right now, the <canvas> element is one of the most popular additions to the HTML5 standards. It is widely supported by popular browsers like Firefox, Chrome, Safari and Opera (Internet Explorer supports it in their IE9 beta version). This guide will explore the use of HTML5’s <canvas> element through a fun example: bouncing a blue ball around.

Final Result

View Demo

Download Source

An Overview of HTML5’s Canvas

The <canvas> tag primarily allows you to render 2D shapes and images dynamically using math functions. Practical uses for this are things such as dynamic charts that are populated by data from a relational database like MySQL or web games that rely solely on open technologies (JavaScript/HTML).

While <canvas> in HTML merely allows you to define a region in terms of width and height, everything else related to the actual drawing of the shapes is done through JavaScript via a full set of drawing functions and methods (collectively known as the Canvas 2D API).

So that we may explore the <canvas> element through a hands-on approach, we will create a ball that will be bouncing around using HTML5 specifications and JavaScript.

Note that we will skip CSS because this guide is about HTML5 and JavaScript. CSS doesn’t play a part in the appearance and functionality of the bouncing ball, so we don’t need to discuss it. Continuar leyendo «Bouncing a Ball Around with HTML5 and JavaScript»

The Look That Says Book

The vast majority of books and magazines are typeset using hyphenation and justification (written as H&J from here on in). In print, it’s everywhere: All lines of text except the last lines of paragraphs are stretched out to the same length. Flush left and flush right. Hyphens are used to break words at the end of lines to help prevent gaps in word spacing. Like this:

We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the pursuit of Happiness. That to secure these rights, Governments are instituted among Men, deriving their just powers…

by Richard Fink

The vast majority of books and magazines are typeset using hyphenation and justification (written as H&J from here on in). In print, it’s everywhere: All lines of text except the last lines of paragraphs are stretched out to the same length. Flush left and flush right. Hyphens are used to break words at the end of lines to help prevent gaps in word spacing. Like this:

Google Chrome Version 6 Arrives on Browser’s Second Birthday

It’s hard to believe that two years have passed since the Chrome browser first hit the web. In that time, Chrome has come to control more than 7.5% of the worldwide browser market, according to Net Marketshare. Sure, Internet Explorer and Firefox hold 60.4% and 22.9% respectively, but if one considers that after 10 years, Opera holds less than 2.4%, then it’s fairly impressive.

Now, on its second birthday, Google (Google) has released a stable build of Chrome version 6. Heralding itself as “The Modern Browser,” Chrome (Chrome) 6 does indeed boast a number of improvements, but as with previous updates, the focus remains on speed and simplicity.

Blake Robinson

Now, on its second birthday, Google () has released a stable build of Chrome version 6. Heralding itself as “The Modern Browser,” Chrome () 6 does indeed boast a number of improvements, but as with previous updates, the focus remains on speed and simplicity. Continuar leyendo «Google Chrome Version 6 Arrives on Browser’s Second Birthday»

Mastering the 960 Grid System

Introduction

A 960 Grid System Master—that’s what you’ll be after you’ve gone through this article. And, although we’re going to use the 24-column variant of 960gs, you’ll completely understand how the two older types (i.e., 12- and 16-columns) work too, by applying the same principles you’ll learn here. But first, take a good look at the 24-column demo in the 960gs site, as it’s all we’ll need in our leap towards mastery of this popular CSS framework.
A Look at the 24-Column Demo

We first need to check the HTML code of the demo, so view its source—if you’re using Chrome, Firefox, or Opera, just press ctrl+U; if you’re using Internet Explorer, change your browser! 🙂 (on the Mac, use cmd+U for Firefox and opt+cmd+U for Safari and Opera; Chrome only does the right-click option). Keep the HTML source code window on your desktop, as we’re going to refer to it from time to time.

Next, you’ll need to download the 960.gs files (if you haven’t done so yet), and open the uncompressed CSS file 960_24_col.css. We must do this because the demo’s CSS is compressed, and will be difficult to inspect. (If you’re the masochistic type, feel free to use the demo’s CSS instead.

That’s pretty much all we need to prepare, aside from a semi-functioning brain. Now you’ll find that the demo page holds the key to completely understanding the grid system, and we’ll start by examining its three sections.

: Image via Wikipedia

Roydee

Tutorial Details

Program: 960 Grid System
Topic: HTML / CSS Grids
Difficulty: Beginner to Intermediate
Estimated Completion Time: One hour

Introduction

A 960 Grid System Master—that’s what you’ll be after you’ve gone through this article. And, although we’re going to use the 24-column variant of 960gs, you’ll completely understand how the two older types (i.e., 12- and 16-columns) work too, by applying the same principles you’ll learn here. But first, take a good look at the 24-column demo in the 960gs site, as it’s all we’ll need in our leap towards mastery of this popular CSS framework.

A Look at the 24-Column Demo

We first need to check the HTML code of the demo, so view its source—if you’re using Chrome, Firefox, or Opera, just press ctrl+U; if you’re using Internet Explorer, change your browser! (on the Mac, use cmd+U for Firefox and opt+cmd+U for Safari and Opera; Chrome only does the right-click option). Keep the HTML source code window on your desktop, as we’re going to refer to it from time to time.

Next, you’ll need to download the 960.gs files (if you haven’t done so yet), and open the uncompressed CSS file 960_24_col.css. We must do this because the demo’s CSS is compressed, and will be difficult to inspect. (If you’re the masochistic type, feel free to use the demo’s CSS instead.

How to run multiple browsers without installs

If so, you may want to check out a free app from Spoon which allows users to simultaneously run at least four browsers – IE9, FF 4, Chrome 5 and Safari 5 – without the hassle of loading each one.

In addition, the utility can now launch applications from within Chrome and Opera.

How to run multiple=»The Browser Sandbox is a great resource for Web developers and IT managers interested in testing upcoming Web browsers and technologies such as IE 9 and HTML5 without the problems associated with installing a new browser on their desktop,» Spoon CEO Kenji Obata told TG Daily in an e-mailed statement.

«It allows software publishers and enterprises to deliver desktop applications instantly to any user with a Web browser. Spoon apps run in isolated ‘sandboxes,’ enabling multiple applications to run side-by-side without conflicts, dependencies, or modifications to the host PC.»

By Aharon Etengoff

Have you ever wanted to run multiple browsers on your PC

but couldn’t be bothered to install more than one or two?

If so, you may want to check out a free app from Spoon which allows users to simultaneously run at least four browsers – IE9, FF 4, Chrome 5 and Safari 5 – without the hassle of loading each one.

In addition, the utility can now launch applications from within Chrome and Opera.

How to run multiple= «The Browser Sandbox is a great resource for Web developers and IT managers interested in testing upcoming Web browsers and technologies such as IE 9 and HTML5 without the problems associated with installing a new browser on their desktop,» Spoon CEO Kenji Obata told TG Daily in an e-mailed statement.

11 Mobile Web Annoyances (And How to Fix Them)

Fitting the Web onto your smartphone can be frustrating when ads, video, and ‘back’ buttons don’t cooperate. Here are 11 mobile Web annoyances and how to fix them.

Jared Newman, PC World

If the future of the Internet is mobile, it’ll be riddled with just as many nags and nuisances as the Internet of desktop computers. Websites now clamor to create mobile versions of themselves, forcing bite-sized samples upon smartphone users who want nothing more than the whole Internet in their pockets. The very idea of mobile Web browsing on small touchscreens is so new that we’re far from seeing perfection; even the desktop Internet is loaded with annoyances, and it’s been around for decades. Until we live in a perfect world, here are 11 mobile Web annoyances, and how to work around, cope with, ignore, or fix them.
Lame Mobile Sites

ESPN’s mobile site.Mobile phone users aren’t primitive. Our devices may be tiny, but that doesn’t mean we seek a lesser experience from the Internet. So why do some Websites exclude or bury features that are found on their PC counterparts? Hey ESPN, just because I’m visiting you on my iPhone’s mobile Web browser doesn’t mean I don’t want to read page 2, get personalized headlines, or even see story photos. Annoyance within annoyance: the standard mobile site for every blog that uses Wordpress. No photos, comment counts, or full stories from the home page? No thanks.

The Fix: The first option is to check the bottom of whatever page you’re on. If you’re lucky, you’ll see an option to switch to the full Website. Otherwise, browse as if you were on your desktop: On the iPhone, Atomic Web Browser lets you identify the browser as Firefox, Internet Explorer, or desktop Safari, and the Dolphin browser on Android lets you identify as a desktop as well. You’ll never see another mobile Website again.

Fitting the Web onto your smartphone can be frustrating when ads, video, and ‘back’ buttons don’t cooperate. Here are 11 mobile Web annoyances and how to fix them.

Jared Newman, PC World

Lame Mobile Sites

ESPN’s mobile site.Mobile phone users aren’t primitive. Our devices may be tiny, but that doesn’t mean we seek a lesser experience from the Internet. So why do some Websites exclude or bury features that are found on their PC counterparts? Hey ESPN, just because I’m visiting you on my iPhone‘s mobile Web browser doesn’t mean I don’t want to read page 2, get personalized headlines, or even see story photos. Annoyance within annoyance: the standard mobile site for every blog that uses WordPress. No photos, comment counts, or full stories from the home page? No thanks.

The Fix: The first option is to check the bottom of whatever page you’re on. If you’re lucky, you’ll see an option to switch to the full Website. Otherwise, browse as if you were on your desktop: On the iPhone, Atomic Web Browser lets you identify the browser as Firefox, Internet Explorer, or desktop Safari, and the Dolphin browser on Android lets you identify as a desktop as well. You’ll never see another mobile Website again. Continuar leyendo «11 Mobile Web Annoyances (And How to Fix Them)»

Internet Explorer continues to build back market share

After years and years of seeing other browsers chip away at its browser dominance, Microsoft’s Internet Explorer is gaining back market share, and that trend has continued with the latest numbers reported.

Browser tracking firm Net Applications released its findings of Internet browser usage for July and found that Internet Explorer took the lead, as per usual, with 60.74% of the market share.

That was a slight, 0.42 percentage point, increase over June, while the other major browsers lost footing in July. The top five browsers were:

Internet Explorer – 60.74%
Firefox – 22.91%
Chrome – 7.16%
Safari – 5.09%
Opera – 2.45%

: Image via Wikipedia

After years and years of seeing other browsers chip away at its browser dominance, Microsoft‘s Internet Explorer is gaining back market share, and that trend has continued with the latest numbers reported.

Browser tracking firm Net Applications released its findings of Internet browser usage for July and found that Internet Explorer took the lead, as per usual, with 60.74% of the market share.

That was a slight, 0.42 percentage point, increase over June, while the other major browsers lost footing in July. The top five browsers were:

Internet Explorer – 60.74%
Firefox – 22.91%
Chrome – 7.16%
Safari – 5.09%
Opera – 2.45% Continuar leyendo «Internet Explorer continues to build back market share»

A Comprehensive Guide to Windows Vista Fonts for Designers

[T]here are no bad fonts — only inappropriate ones.

— Jason Beaird

The majority of computer users became aware of Microsoft Windows Vista on January 30, 2007, when the company released the new operating system publicly.

You and I of course knew about it well beforehand. Once Vista was available for beta, many web designers adopted it early to begin trying — with varying levels of success — to figure out if they can incorporate Vista fonts into their designs.

Three things quickly became clear:

1. They are beautiful typefaces.
2. They are unusually — and, for designers, unacceptably – blurry unless you have ClearType or another anti-aliasing protocol enabled; but there are serious issues with ClearType.
3. With some exceptions, they are markedly smaller in size than most fonts, making them difficult to incorporate into font stacks.

Trust Microsoft to create something attractive and potentially valuable like this set of spiffy new fonts (or an operating system like Vista), and then take steps to ensure they can’t be used easily.

But I like these fonts: they’re beautiful and they are available in many of our user’s computers (as much as 92% of all PCs use Windows as of May 2010[1]). In addition, the design community deserves some thought as to how to use them in their work.

Let’s see what we’re up against.

by Michael Tuck

[T]here are no bad fonts — only inappropriate ones.

— Jason Beaird

The majority of computer users became aware of Microsoft Windows Vista on January 30, 2007, when the company released the new operating system publicly.

Three things quickly became clear:

They are beautiful typefaces.
They are unusually — and, for designers, unacceptably – blurry unless you have ClearType or another anti-aliasing protocol enabled; but there are serious issues with ClearType.
With some exceptions, they are markedly smaller in size than most fonts, making them difficult to incorporate into font stacks.

But I like these fonts: they’re beautiful and they are available in many of our user’s computers (as much as 92% of all PCs use Windows as of May 2010^[1]). In addition, the design community deserves some thought as to how to use them in their work.

Let’s see what we’re up against. Continuar leyendo «A Comprehensive Guide to Windows Vista Fonts for Designers»

Crash course: HTML 5 video

So you want to add HTML 5 video to your site? Here’s how.
By Serdar Yegulalp

Computerworld – If you want to watch Internet-delivered video on your PC, the vast majority of Web sites have settled on a single, consistent way to do that. That’s the good news. The bad news is that this single, consistent delivery system is Adobe Flash, with all its security and stability issues.

But now a new way to deliver video through a browser is coming to the fore, one intended to be native to the browser itself: HTML 5’s tag. In this article I’ll look at how the tag can be used with the new generation of browsers. I’ll also examine how parts of this equation — the browsers and, to some degree, the video formats themselves — are also still very much in flux.

So you want to add HTML 5 video to your site? Here’s how.

By Serdar Yegulalp

But now a new way to deliver video through a browser is coming to the fore, one intended to be native to the browser itself: HTML 5’s <VIDEO> tag. In this article I’ll look at how the <VIDEO> tag can be used with the new generation of browsers. I’ll also examine how parts of this equation — the browsers and, to some degree, the video formats themselves — are also still very much in flux. Continuar leyendo «Crash course: HTML 5 video»

The Only HTML5 Resources You Need for Getting Up to Speed

There’s a lot of buzz going around about HTML5. Big companies such as Apple are predicting that it’s the technology that will sign the death warrant of the popular Flash platform that powers a lot of rich internet apps and complex dynamic web components.

But what is HTML5, really? How will it change the jobs of web developers and web designers? Here are 15 web resources to help you on your quest in getting current about the impending technology that’s already being adopted by major web browsers and leveraged in large sites such as Google.

by Jacob Gube

But what is HTML5, really? How will it change the jobs of web developers and web designers? Here are 15 web resources to help you on your quest in getting current about the impending technology that’s already being adopted by major web browsers and leveraged in large sites such as Google.

1. WTF is HTML5

WTF is HTML5

For the visually-inclined and casual folks out there, here’s an interesting HTML5 infographic covering useful things such as a comparison of HTML5 and Flash, web browser support/readiness, and a highlight of some of the more popular and powerful modules in HTML5. Continuar leyendo «The Only HTML5 Resources You Need for Getting Up to Speed»