Google Chrome es ya el navegador más utilizado (según StatCounter)


elogia.net

Ayer conocíamos la noticia: El navegador web de Google supera en cuota de mercado a Microsoft IExplorerse posiciona como el más utilizado. Pero…

¿Seguro?

Medir el uso de un navegador a nivel global es más complicado de lo que parece. No existe un organismo u organización capaz de analizar el uso de los diferentes navegadores en toda la red. Por ello, las métricas vienen directamente de compañías que ofrecen servicios de analítica web que deciden publicar determinada información de interés público. Los navegadores envían información que los identifica usando un componente del protocolo HTTP llamado User-Agent.

Los medios han confiado en la fuente que ha dado la noticiaStatCounter, que actualmente trackea unos 3 millones de sitios web y lleva estudiando el uso de navegadores desde 2008. Hay que señalar que esta muestra representa los sitios que hacen uso de su herramienta analítica, pero la tendencia es tan evidente que es difícil llevarles la contraria.

Ellos han sido los primeros en descorchar las botellas de champán y tirar un poco de confetti. Pero otras empresas dedicadas a la analítica web no han llegado a la misma conclusión todavía. Por ello hemos querido comprobar también sus datos. Por ejemplo, para W3Counter (todavía no han publicado los datos del mes de mayo) , IExplorer todavía no habría sido superado por Chrome, con tan solo un 3% de diferencia. Pero la gráfica de uso muestra un rostro muy similar a la de StatCounter, así que es muy probable que, cuando publiquen los resultados de Mayo, el navegador de Google se haya adelantado discretamente a IE.

Por último, Clicky, que también publica algunos números de los sitios que trackea, señala que, si bien es cierto que la tendencia es clara, todavía existe (hoy mismo) una diferencia de un 6% y por tanto, previsiblemente, tardará unas pocas semanas en alcanzar.

Existe un precedente de este hito: El día domingo, 18 de marzo de 2012, Google Chrome se convirtió en el navegador Web más utilizado del planeta durante todo ese día con 32.7% de acogida de usuarios, imponiéndose a Internet Explorer por primera vez en su historia, con 32.5% de preferencia de usuarios. Brasil, India y Rusia fueron los países que más utilizaron este navegador ese día.

Vale, pero… ¿por qué Chrome es tan popular?… Leer más “Google Chrome es ya el navegador más utilizado (según StatCounter)”

Anuncios

Código abierto del navegador Isis de HP lleva 40,000 descargas

Open webOS se supone que estará disponible en septiembre de este año. Aún así HP ya está liberando cosas para que la gente vaya trabajando en sus proyectos. Uno de los más recientes fue el código fuente de Isis, el navegador de webOS, el cual desde su salida se ha descargado 40,000 veces.

En caso de que estés interesado en Isis, debes descargarlo de la página del proyecto, puedes seguir el blog de HP webOS para noticias, actualizaciones, mientras que apoyo técnico e información se encuentra en el github de Isis.

Link: HP libera el código de su navegador web Isis y cosecha 40.000 descargas (Portaltic)


 

http://www.fayerwayer.com

 

IMG_20120216_093932

Hace tiempo HP dijo que su sistema operativo webOS está en proceso para ser código abierto (Open webOS)en busca de que terceros le den vida y forma a un ecosistema digital fallido.

Open webOS se supone que estará disponible en septiembre de este año. Aún así HP ya está liberando cosas para que la gente vaya trabajando en sus proyectos. Uno de los más recientes fue el código fuente de Isis, el navegador  de webOS, el cual desde su salida se ha descargado 40,000 veces.

En caso de que estés interesado en Isis, debes descargarlo de la página del proyecto, puedes seguir el blog de HP webOS para noticias, actualizaciones, mientras que apoyo técnico e información se encuentra en el github de Isis.

Link: HP libera el código de su navegador web Isis y cosecha 40.000 descargas (Portaltic)

 

Changes to the Apple.com Design

Apple.com has undergone some adjustments to its design in the past week or so, changes that, if you weren’t paying close enough attention, you may not have even noticed.

Although many reports are referring to this as a “redesign”, I think it’s difficult to classify it as such. There certainly are some significant changes, but the changes are not exactly a complete overhaul as was the case for CNN.com in late 2009.

Nonetheless, the changes are significant to web designers, so I’ll briefly look at them here. If there’s anything about the changes that I’ve neglected to mention, feel free to comment.


http://www.webdesignerdepot.com/

Apple.com has undergone some adjustments to its design in the past week or so, changes that, if you weren’t paying close enough attention, you may not have even noticed.

Although many reports are referring to this as a “redesign”, I think it’s difficult to classify it as such. There certainly are some significant changes, but the changes are not exactly a complete overhaul as was the case for CNN.com in late 2009.

Nonetheless, the changes are significant to web designers, so I’ll briefly look at them here. If there’s anything about the changes that I’ve neglected to mention, feel free to comment. Leer más “Changes to the Apple.com Design”

The 30 CSS Selectors you Must Memorize

So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory…


Jeffrey Way
http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory… Leer más “The 30 CSS Selectors you Must Memorize”

What One Thing About Web Design Would You Change Today?

As Web designers and developers, much of our time is spent carving out little corners for ourselves: setting up stops along the information superhighway, creating hangouts to populate the virtual landscape. We shape areas of the Web as we choose to or as our clients command—like Neo altering the Matrix. Unlike Neo, though, we have rules to follow, standards to meet. Web development and design exist in a framework that dictates what we can and cannot do. With this idea of molding the Matrix in mind, we once again turned to our followers on Twitter.

In a recent poll, we asked: if you could make one thing about Web design different today, what would it be? To avoid repetition, we included a caveat: other than making IE disappear? With that, a wide range of answers flooded in on hash tags.

As always, we appreciate everyone who took the time to respond to the poll. Having a strong connection with our readers is rewarding—that’s one thing about the Web design and development community that we hope never changes. Below is a peek at what Web development and design would be like if our Twitter followers and Facebook fans had their say in shaping the industry.
Better Browsers…


http://www.noupe.com/design/what-one-thing-about-web-design-would-you-change-today.html
(…)

Better Browsers…

Even with the proviso in our question, most responses dealt with browsers—just not Internet Explorer. They also brought up how we build for the Web and how our work is interacted with, but browsers seemed to be the topic of the day. Judging by the amount of noise about it, the most frustrating problem is cross-compatibility between vendors. A number of different makers build browsers, and each browser has a unique way of rendering code; in this environment, designing and developing can be a burdensome task, and our readers would change it if they could.

Browsers in What One Thing About Web Design Would You Change Today?

Below are selected responses from our followers that offer a number of approaches to bettering the browser experience, and most of them deal with rendering code. There was variety in the responses, but making all browsers adhere to one set of enforced standards is an extremely popular solution. Compatibility was the focus.

  • I’d make every browser standards-compliant… and every website look amazing!
  • I would make every browser render the same code the same way.
  • Kill vendor-specific codes. No more of this -webkit crap.
  • Make all browsers be in sync. They are out of sync now. That’s the big difference between being a Web and graphic designer.
  • As many have said, cross-browser standards. So much time is wasted creating cross-browser compatibility. I’d also like to see better methods for separating content and navigation forms.
  • I’d ask all developers and companies to create one standard all-in-one Web browser. Need competition anyway? Here: plug-ins!
  • All browsers should have a unified rendering engine.
  • Standardize form elements across platforms and browsers.
  • Force standards. The W3C should have to “allow” browsers to browse the Web—and if -webkit, -moz or 90% of IE’s browser-specific bullshit were there, they’d block the browser. In a week, we’d have development heaven for all.
  • Make every browser read visual elements mathematically the same way so that developers wouldn’t have to care about cross-browsing.
  • We need a single open-source rendering engine (i.e. WebKit) that every browser could use and contribute to—and then we can scrap all other engines.
  • Fix font rendering. Leer más “What One Thing About Web Design Would You Change Today?”

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

Final Product What You’ll Be Creating
Download Source Files
Demo View It Online

Often used on e-commerce or large scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. In this tutorial, we’ll learn how to build a cross-browser, awesome CSS-only drop-down mega menu, using nice CSS3 features.

[Más…]
Step 1: Building the Navigation Bar

Let’s begin with a basic menu, built with an unordered list and some basic CSS styling.
view plaincopy to clipboardprint?

1.

Creating the Menu Container

We’ll now apply some basic CSS styling. For the menu container, we define a fixed width that we center by setting the left and right margins to “auto”.
view plaincopy to clipboardprint?

1. #menu {
2. list-style:none;
3. width:940px;
4. margin:30px auto 0px auto;
5. height:43px;
6. padding:0px 20px 0px 20px;
7. }

#menu {
list-style:none;
width:940px;
margin:30px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
}

Now, let’s see how we can improve it with some CSS3 features. We need to use different syntaxes for Webkit-based browsers (like Safari) and for Mozilla-based browsers (like Firefox).

For rounded corners, the syntax will be :
view plaincopy to clipboardprint?

1. -moz-border-radius: 10px
2. -webkit-border-radius: 10px;
3. border-radius: 10px;

-moz-border-radius: 10px
-webkit-border-radius: 10px;
border-radius: 10px;

For the background, we’ll use gradients and a fallback color for older browsers. To keep consistency when choosing colors, there is an awesome tool called Facade that helps you find lighter and darker tones of a basic color.
view plaincopy to clipboardprint?

1. background: #014464;
2. background: -moz-linear-gradient(top, #0272a7, #013953);
3. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));

background: #014464;
background: -moz-linear-gradient(top, #0272a7, #013953);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));

The first line applies a simple background color (for older browsers); the second and third lines create a gradient from the top to the bottom using two colors : #0272a7 and #013953.

We can now add a darker border and polish the design with a “fake” inset border created with the “box-shadow” feature. The syntax is the same for all compatible browsers: the first value is the horizontal offset, the second one is the vertical offset, the third one is the blur radius (a small value makes it sharper; it will be 1 pixel in our example). We set all offsets to 0 so the blur value will create a uniform light border :


Final Product What You’ll Be Creating

Often used on e-commerce or large scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. In this tutorial, we’ll learn how to build a cross-browser, awesome CSS-only drop-down mega menu, using nice CSS3 features.

Leer más “How to Build a Kick-Butt CSS3 Mega Drop-Down Menu”

BlackBerry 6 Preview Features Social Feeds and New Browser

Written by Klint Finley

This post is part of our ReadWriteEnterprise channel, which is a resource and guide for IT managers and technologists in the Enterprise. The channel is sponsored by Intel. As you’re exploring solutions for your enterprise, check out this helpful resource from our sponsors: All New 2010 Intel Core vPro Processors and Microsoft Office 2010: Your Best Choice for Business PCs

RIM has released a video preview of the company’s forth coming BlackBerry 6 OS. The preview showcases a touch based interface, new social features likely powered by technology RIM acquired from Viigo and, of course, a new WebKit based browser. The video, and more information, is after the jump.

Here’s some of what’s new in BlackBerry 6:


Written by Klint Finley

This post is part of our ReadWriteEnterprise channel, which is a resource and guide for IT managers and technologists in the Enterprise. The channel is sponsored by Intel. As you’re exploring solutions for your enterprise, check out this helpful resource from our sponsors: All New 2010 Intel Core vPro Processors and Microsoft Office 2010: Your Best Choice for Business PCs

RIM has released a video preview of the company’s forth coming BlackBerry 6 OS. The preview showcases a touch based interface, new social features likely powered by technology RIM acquired from Viigo and, of course, a new WebKit based browser. The video, and more information, is after the jump.

Here’s some of what’s new in BlackBerry 6: Leer más “BlackBerry 6 Preview Features Social Feeds and New Browser”