Credit image

Recibe las actualizaciones de Emezeta.com en tu correo:
¡O sígueme en Twitter!

¿Te gusta el diseño web? ¡Echa un vistazo a la documentación de LenguajeCSS.com!

Navegadores web: ¿Cuál es el mejor navegador para mi?

Existen multitud de navegadores web, aunque casi siempre optamos por Chrome o Firefox. ¿Quieres saber que otros navegadores existen y que tienen de especial?

En la actualidad, el uso de un navegador web es algo tan básico que muchas veces no nos paramos a pensar en ello. Existen muchos navegadores web, aunque en la mayoría de los casos, la elección se reduce a utilizar uno de los cinco navegadores web principales: Chrome, Firefox, Opera, Safari o Edge (reemplazo intencionadamente Internet Explorer por Edge, más adelante lo explico).

En algunos casos, simplemente utilizamos el navegador que viene instalado en el sistema, y por comodidad, no nos preocupamos de cambiarlo. En algunos otros casos, utilizamos un navegador que por desconocimiento, no sabemos que carece de las funcionalidades perfectas para nosotros, y que se incorporan en otros navegadores.

En este artículo voy a contar las principales características de los navegadores web más actualizados, para que cada uno pueda descargarlos, revisarlos, conocer nuevos navegadores y elegir en base a sus prioridades u objetivos principales.

1. Chromium

Quizás no lo conozcas, pero Chromium es, probablemente, el navegador más utilizado en la actualidad. Con ciertos matices. El proyecto Chromium es un navegador de código abierto que funciona como base de múltiples navegadores web, como por ejemplo, Google Chrome u Opera. La idea del proyecto es que sea lo más rápido, simple y eficiente posible, permitiendo que otros desarrolladores lo tomen como base, añadiendo nuevas funcionalidades "encima".

Una de las principales preguntas sobre Chromium suele ser ¿Qué diferencias tienen Chromium y Google Chrome?. Una de las principales diferencias las vemos respecto a sus codecs de audio/video. Por defecto, Chromium sólo soporta codecs como Opus, Theora, Vorbis, VP8, VP9 y WAV, que no están sujetos a patentes ni pagos en concepto de regalías (royalties).

Por ejemplo, Google Chrome toma la base de codecs de Chromium y le añade soporte AAC, MP3 y MP4 (H.264), los cuales no están soportados por Chromium de serie (aunque pueden ser añadidos). Otras diferencias entre estos dos navegadores, suelen estar relacionadas con el envío de información (métricas), plugins u otras cuestiones que puedes leer en Chromium vs Google Chrome.

Chromium (y todos los navegadores basados en Chromium) utiliza el motor de renderizado de páginas webs Blink, que a su vez está basado en el antiguo motor Webkit, y es prácticamente uno de los mejores motores de renderizado de la actualidad.

El proyecto tiene su código fuente para que cualquier desarrollador pueda compilarlo o utilizarlo, sin embargo, en Chromium Woolyss tienen el programa ya compilado listo para utilizar y descargar para plataformas Windows, Mac o GNU/Linux. Dispone de versiones de 32 y 64 bits, versiones instalables y portables e incluso versiones que ya incluyen codecs extras.

URL | Chromium Project

2. Google Chrome

Tras hablar de Chromium, ahora debemos que hablar de Google Chrome. El navegador de Google se basa en el núcleo de Chromium, incluyendo mejoras adicionales de la compañía del buscador (codecs, características de envío de métricas, etc...). Este navegador está disponible para Windows, Mac, GNU/Linux, Android e iOS.

Es el navegador más utilizado en la actualidad, y uno de los navegadores (si no el que más) que implementa con mayor rapidez las últimas novedades tecnológicas dentro de campos como CSS3, HTML5 o Javascript, entre otros. También es bastante criticado por el alto consumo de recursos, sobre todo en cuanto a memoria RAM, que en equipos con pocos recursos puede ser bastante molesto.

También disponemos de Chrome beta una versión con características que aún no se han implementado en la versión oficial, y que podemos utilizar antes de que estén disponibles para todos los usuarios.

URL | Google Chrome

3. Mozilla Firefox

Mozilla Firefox suele ser el segundo navegador preferido de los usuarios, por debajo de Google Chrome. Firefox ha cambiado mucho a lo largo de su historia. Nace de un navegador llamado Mozilla (de ahí la primera parte de su nombre, también nombre de la compañía), que a su vez era el resurgir del antiguo navegador Netscape.

En el artículo Browser Wars: La historia de la guerra de navegadores cuento un poco la historia de Mozilla y Netscape, de Internet Explorer y todo lo que ocurrió para llegar a ser lo que es hoy en día, comparándola con Star Wars.

Intentaré que no se note demasiado mi apoyo a la filosofía del software libre, pero creo que el papel de Mozilla a lo largo de estos años ha sido encomiable. Se trata de una organización que promueve el uso del software libre y que intenta, en un mercado lleno de compañías privadas (con intereses privados), que el usuario salga beneficiado, promoviendo tecnologías libres e intentando salvaguardar la privacidad del usuario.

Antiguamente, cuando Chrome aún no existía, Firefox iba camino de ser el navegador más utilizado, pero su alto uso de memoria RAM lo hizo bajar de los laureles. Actualmente, las críticas lo sitúan como un navegador que gestiona mejor la memoria RAM que Google Chrome. Firefox utiliza un motor de renderizado llamado Gecko, aunque ha anunciado que en el futuro utilizará el nuevo motor que están preparando: Servo.

Firefox tiene algunas otras versiones disponibles, como la llamada Firefox Nightly, que es una versión alfa con las últimas novedades de Firefox (útil para quien quiera probar lo último de lo último). Por otro lado, de la misma forma que Chrome, Mozilla también ofrece un Firefox versión beta, que puede descargarse e instalarse para disfrutar de las características que aún no existen en la versión oficial de Firefox, pero son más estables que en la versión Nightly.

URL | Mozilla Firefox

[...]

Queda el 74% del artículo
Leer artículo completo

DigitalOcean: Guía para alojar tu web en un servidor VPS

Guía en español para empezar con DigitalOcean como servidor VPS y alojar nuestro propio sitio web por sólo 5 dólares al mes.

Desde hace algunos años, que probé por primera vez el servicio de Digital Ocean, me encantó su enfoque y filosofía, además de estar claramente orientado a un sector específico: los desarrolladores. Aunque no me iba mal con MediaTemple, hace poco decidí hacer una migración a DigitalOcean, y aprovechar para modernizar, "tunear" la infraestructura, reducir costes y pasarme a este flexible y estupendo proveedor.

Como viene siendo costumbre, también he decidido aprovechar la ocasión y contar un poco su funcionamiento, para que todo aquel que quiera alojar su sitio en él, pueda conocer sus posibilidades y las cosas que ofrece.

Antes de nada, decir que DigitalOcean es un estupendo servicio que me encanta personalmente, ya que está muy ligado al mundo de GNU/Linux y de la administración de sistemas. Además, es una de las compañías de «Cloud Hosting» que ha experimentado un gran crecimiento en los últimos años.

Existen otros servicios como por ejemplo AWS, de Amazon o Azure, de Microsoft, que están destinados a implementaciones más complejas, pero personalmente he preferido DigitalOcean por varias razones:

  • Precio: Para proyectos pequeños, Digital Ocean tiene un precio muy asequible. El servicio mínimo (servidor VPS) cuesta aproximadamente unos 5$ al mes.
  • Experiencia de usuario: El interfaz y los paneles de DigitalOcean son extremadamente agradables y sencillos. Hacer cualquier cosa es una delicia. Tienen un UX muy cuidado, y aunque no conozcas sus opciones tardas pocos segundos en acostumbrarte. AWS por ejemplo, es horrible en este aspecto.
  • Base de conocimiento: DigitalOcean tiene una amplia base de datos donde ofrecen guías e información para personalizar, instalar o hacer prácticamente cualquier cosa en tu servidor.
  • Paypal: DigitalOcean, al contrario que muchos otros servicios, ofrece la posibilidad de realizar pagos mediante Paypal.

Pero no son las únicas características interesantes, así que vamos a comenzar esta guía donde explicaré lo más detalladamente posible, los pasos a seguir para crearte tu propio servidor.

1. Crear cuenta de DigitalOcean (con 10$ iniciales)

El primer paso, obviamente, es crearnos una cuenta de DigitalOcean. Si utilizas el enlace anterior, accederás desde mi código y comenzarás con 10$ en tu cuenta, justo lo necesario para utilizar el plan básico durante 2 meses de forma gratuita y saber si te gusta para continuar utilizándolo.

Si eres estudiante y puedes demostrarlo de alguna forma (e-mail institucional, tarjeta de estudiante o similar), puedes acogerte al pack de GitHub para estudiantes que incluye 50$ en DigitalOcean, entre muchas otras cosas y otros servicios.

[...]

Queda el 81% del artículo
Leer artículo completo

2017 CSS3 CheatSheet

Nueva edición (2017) de la CSS3 Cheatsheet (lenguaje de hojas de estilo) en formato PDF, incluyendo nuevos módulos como Flexbox, Grid o Motion Paths.

¿Eres diseñador o desarrollador web? Si es así, es posible que esta nueva chuleta CSS3 te interese. El Lenguaje CSS es un lenguaje de marcas, ideado con el propósito de unificar todos los aspectos de diseño en un sólo lenguaje.

A lo largo del tiempo, este lenguaje ha evolucionado mucho, pasando de ser simples y sencillas propiedades, a toda una colección de aspectos relacionados con el aspecto, interfaz e interactividad de una página web.

2017 CSS3 CheatSheet

2017 CSS3 CheatSheet

Tras la version «lite» de la chuleta, publicada en 2014, han surgido muchos cambios y he decidido elaborar una nueva versión, más completa y detallada, para aquellos a los que se le quedó corta la anterior. Nuevamente, publico la cheatsheet de forma gratuita, bajo formato de donación (es muy importante que si te resulta útil, realices una donación, para así poder continuar ofreciendo esto de forma gratuita).

[...]

Queda el 76% del artículo
Leer artículo completo

Cómo montar una mini consola con Raspberry Pi

¿Te gustaría construirte tu propia mini consola retro para disfrutar de juegos de NES, SNES, MegaDrive, Super Nintendo, Gameboy, PSP, N64, PC/MSDOS, etc... por menos de unos 70 euros? ¡Aquí te explico como, paso a paso!

¿Qué pensarías si descubrieras que es posible crear tu propia consola retro para disfrutar de juegos clásicos de consolas como NES, Mega Drive, Super Nintendo, Gameboy, PSP, Nintendo 64, PC (MSDOS) y un largo etcétera, simplemente con unos 70 euros (aproximadamente)?

Con la salida de la famosa Mini NES de Nintendo, muchos han visto de cerca la posibilidad de tener una miniconsola retro en casa, adaptada a los nuevos tiempos, sin necesidad de manipular antiguos cartuchos, adaptadores de euroconector o mandos estropeados que hoy en día son difíciles o caros de conseguir.

Sin embargo, aunque la Mini NES está genial y han hecho un gran trabajo con ella y tiene un precio super ajustado (60 euros), tiene una desventaja principal: sólo cuenta con 30 juegos (no ampliables) y, obviamente, son juegos exclusivos de la consola NES.

En el siguiente artículo vamos a ver, paso a paso, como montar una mini consola similar a la Mini NES Classic, pero a nuestro gusto, con la posibilidad de emular una larga lista de consolas, utilizando una Raspberry Pi, un ordenador de bajo consumo y bajo coste, y gran cantidad de software libre, por un precio de unos 70 euros como mínimo.

Las características más interesantes de nuestra Raspberry Pi (aunque no las únicas) serán las siguientes:

  • Emular juegos de múltiples consolas: NES, SNES, Gameboy, MegaDrive, PSX, PSP, N64...
  • Emular juegos «retro» de PC/MSDOS: DOSBox, ScummVM, ResidualVM, etc.
  • Utilizarla de Media Center para reproducir películas, series, música, emisoras de radio...
  • Actualizable con capacidad de añadir futuras mejoras (e incluso overclockeable).
  • Basado en GNU/Linux, por lo que puede usarse a modo de servidor, PC o sistema ligero.
  • Posibilidad de jugar online con otros jugadores de Raspberry Pi (o emuladores en PC).
  • Mecanismo de «retrologros» similar a los utilizados en Steam.
  • Posibilidad de cargar shaders o filtros para emular efectos visuales o pantallas CRT.
  • Posibilidad de instalar ports de juegos de otras plataformas trasladadas a RPi.

[...]

Queda el 94% del artículo
Leer artículo completo

1 2 3 4 ... 392 #