Browserhacks: Encuentra la solución a problemas de CSS en todos los navegadores

por

3-13-2013 7-44-36 PM

La Web en su filosofía de ser abierta, compatible y disponible para todos a veces supone un buen dolor de cabeza para los desarrolladores quienes muchas veces (por no decir siempre) nos encontramos con problemas de compatibilidad entre los navegadores, creaste algo genial, funciona y se ve bien, corre rápido, pero cuando vas a probarlo en otro navegador es un desastre total, no es de la quinta parte de como se ve y se comporta en el otro navegador.

Encontrar las soluciones a estos problemas de compatibilidad no es nada fácil, muchas veces no sabes ni que utilizar para solventarlos, pero ahora te será más fácil con Browserhacks, una colección de hacks y trucos de CSS y Javascript que te permitirán resolver mucho más rápido los diarios problemas que surgen cuando se está desarrollando para la Web.

Tienen trucos para todos los navegadores, Chrome, Firefox, Internet Explorer, Opera y Safari, resalto Internet Explorer porque como bien sabemos es el que más problemas da, menos mal Microsoft lo ha hecho más compatible y actualizado en las últimas versiones, para utilizar un Hack solo basta copiar y pegarlo en tu hoja de estilo o archivo de Javascript y ya esta.

Browserhack

Vía: Kabytes

¿Cómo utilizaría la gente normal las Google Glass? [Humor]

por

Como les comentaba hace poco Google anunció su nuevo producto, las Google Glass, un pequeño computador táctil con cámara HD en unas gafas sin lentes que a través de comandos de voz puedes utilizar varios servicios de Google como la búsqueda web, imágenes, vídeos, enviar mensajes de texto, realizar videoconferencias o Hangouts entre otras.

Como el producto es tan revolucionario y además expone nuevos problemas de privacidad para las personas algunas personas han creado parodias ilustrando como sería el uso que una persona común y corriente le daría a las Google Glass en su día a día.

El siguiente vídeo muestra como un hombre usaría las Google Glass para conquistar chicas, tomarles fotografías sin su permiso y tener alguna que otra información rápida sobre ellas aunque siempre será mejor a la antigua, conociéndose de verdad.

O tal vez como sería pasar un día de fiesta con ellas,  teniendo al instante los mejores bares de la ciudad, los lugares donde necesites desahogarte un poco, y tal vez meterte en algunos problemas con ellas

SimCity estilo Pixel art

por

Olivier Huard fue contratado por Electronic Arts con el lanzamiento de Sim City para crear el arte del juego pero con el estilo Pixel Art que tanto nos encanta y no recuerdas nuestras mejores épocas de los juegos clásicos, para crearlo empezó desde el primer Sim City para inspirarse y tener mejor la idea de como quedarían las creaciones, luego vio el arte de Sim City 2000 para mejorar todavía más la vista de las imágenes y la perspectiva.

Pueden ver a continuación el resultado final de su trabajo, un muy buen resultado porque se puede apreciar el nivel de detalle y  fidelidad con el juego:

zoomsim1 zoomsim2 zoomsim3 zoomsim4 zoomsim5 zoomsim6 zoomsim7

Project: SimCity

Comparación de frameworks CSS

por

Frameworks CSS

Si eres un desarrollador frontend conoces de primera mano que existen en el mercado una basta variedad de Frameworks para todo, des de maquetación, grids, animaciones, funcionalidad específicas y muchos otros.

Existen tantos que decidirse por alguno puede ser una tarea que toma días en resolver, muchos sitios tiene opiniones muy variadas y diferentes,  a veces crees que encontraste el indicado pero luego surge uno perfecto que soluciona todas las necesidades que tienes para empezar el proyecto que tienes en mente.

Por ello te presento hoy CSS Frontend Frameworks un sitio web creado por usabli.ca, un grupo de desarrolladores independientes que crean aplicaciones y productos con alta usabilidad, el sitio muestra la comparación de más de 30 frameworks diferentes, entre la información que utilizan para compararlos está la compatibilidad con las versiones de los navegadores más usados, Chrome, Firefox, Safari, Opera e Internet Explorera, el lenguaje dinámico que utilizan para su creación, si es Responsive, es decir, si está creado de tal forma que el sitio web que lo utilice se puede ver correctamente en móviles y tablets, la licencia bajo la cual es ofrecido y por último un pequeño texto descriptivo del Framework.

CSS Frontend Frameworks comparison

Juegos clásicos con dificultad extra

por

Como buen gamer que soy conozco y sé que la frase «Mejores gráficas no hacen mejores juegos» es absolutamente cierta, los juegos clásicos no han logrado ser superados en cuanto historia y trama se refiere, además de la dificultad más alta y que nos hacían y hacen pensar mucho más que los actuales.

Bueno, los juegos clásicos son más desafiantes, pero que pasaría si fueran todavía más desafiantes, Volker Thimm pensó en eso y creo el anterior vídeo mostrando como sería estos juegos con un extra, solo un extra de dificultad.

Así se verían los superheroes si fueran patrocinados por marcas

por

Desde que fueron creados los superheroes en las historietas, estos siempre han luchado por el bien de todos, por la justicia, la igualdad y la protección de los indefensos sin interés alguno, gracias a su propio dinero como Batman o Ironman, o extraterrestres como Superman o gracias a accidentes que cambiaron su ADN como es el caso de Hulk.

Pero que pasaría sí fuera patrocinados por empresas y marcas internacionales, las cuales les daría todo lo que necesitan, ¿Trabajarían solo cuando las marcas se los diga? ¿Serían superheroes «privados» que solo algunos empresarios puedan pagar?. Eso es justo lo que se pregunto el diseñador gráfico Italiano Roberto Vergati Santos quien creo una colección de imágenes de superheroes pero en vez de llevar sus insignias como siempre se han conocido llevarían el logo de la marca que lo patrocinan.

2 3 45 6 78

Leer más

Qué es un VPS y qué ventajas tiene sobre el hosting compartido

por

vps-server¿Qué es un VPS? ¿Qué ventajas tiene sobre el hosting compartido?, seguramente en más de alguna ocasión te habrás hecho estas preguntas, pues bien, en este post trataremos de despejar estas interrogantes.

Para empezar trataremos de definir el término VPS,  que literalmente significa, Virtual Private Server o servidor privado virtual, que no es más que un servidor lógico o virtual, de una máquina física que en este caso conoceremos como servidor dedicado. El servidor dedicado es una máquina que dispone de recursos físicos propios tales como: memoria RAM, disco duro, ancho de banda, direcciones IP, etc.

 Y el VPS  vendría a ser una “porción” de esta máquina física, es decir una maquina virtual, creada o virtualizada con software especializado, entre los cuales podemos encontrar XEN, OPENVZ, VMWARE, entre otros. Esta máquina virtual, a diferencia de un servidor compartido o hosting compartido posee también como el servidor dedicado, recursos especialmente asignados para un mejor desempeño. Es decir, recursos totalmente dedicados, pero dependientes del administrador del servidor físico.

Para estar más claros, si en un servidor dedicado puedes crear varios VPS obviamente limitados por los recursos físicos del servidor “matriz”, en un VPS puedes crear varias cuentas de hosting compartido con las limitaciones anteriormente mencionadas.

Ya que tenemos más claro lo que es un VPS, procedemos a desglosar las ventajas que tiene este sobre el hosting compartido, que dependiendo el uso que se le vaya a dar al servidor pueden ser menos o más notables.

Precio

Si tienes conocimientos sobre administración de servidores, sin duda adquirir un VPS puede ser una alternativa realmente económica, ya que en la red hay disponible una gran cantidad de paneles de control gratuitos que te permitirán gestionar tus sitios de una manera sencilla y práctica, obviamente hablamos de aplicaciones para sistemas operativos libres, como CentOS, Debian, Ubuntu Server, etc.,  que generalmente son los más utilizados en servidores web a nivel mundial.

Esto equivaldría a tener varios planes de hosting compartido contratados, obviamente dependerá del plan VPS que elijas y el consumo de recursos de tus webs.

Desempeño

Definitivamente una de las ventajas más relevantes de un VPS respecto al hosting compartido es el desempeño, esto debido a que como mencionamos anteriormente los recursos de un servidor privados son mayores a los de un compartido, además de estar enteramente dedicados, y puedes disponer de ellos como mejor te convenga.

Maniobrabilidad

Otra de las ventajas destacables, tal vez la más importante sea la maniobrabilidad que se tiene con un VPS, esto debido a que en el puedes formatear las veces que lo desees, puedes instalar el sistema operativo que más te guste o adapte a tus necesidades y conocimientos, incluso algunos proveedores te permiten reinstalara el SO con un solo click, además en un VPS tienes acces vía SSH para manejar tu servidor en modo grafico, puedes configurar tu firewall para mayor seguridad, puedes crear tus DNS privadas, puedes instalar el servidor web que más se adapte a tu proyecto, también tienes la opción de manejar tus webs sin panel, ahorrando esta manera una gran cantidad de recursos.

En conclusión las ventajas de los servidores VPS frente al hosting compartido son bastante perceptibles en todos los aspectos anteriormente mencionados, principalmente en el aspecto técnico, ya que tienes la libertad de instalar en tu servidor los complementos necesarios para desarrollar de la mejor manera tu proyecto.

Si te gustaba Google Reader, la única alternativa es The Old Reader

por

Desde que nos desayunamos con la noticia de que Google tuvo la genial idea de matar Google Reader comencé a ver en todos los blogs posts con alternativas para reemplazarlo, y la verdad es que, como lo dije en mi cuenta de Twitter, son todas una real porquería. ¿Pero porqué digo esto? Básicamente porque si alguien está usando Google Reader es por su simplicidad, interfaz limpiay muchas cosas más. Por eso no da cambiarse a otras alternativas que no tienen nada que ver como Flipboard, Feedly, y quién sabe qué otras más.

Si elegían Google reader por esto que les digo, seguramente querrán seguir usando un servicio con, mínimamente, las mismas características, por eso no puedo recomendarles otro más que The Old reader. Este servicio existe desde hace un tiempo, es muy poco conocido, sólo se accedía mediante invitaciones. La buena noticia es que desde hace un tiempo ya se puede usar sin necesidad de invitaciones.

The Old Reader

Como verán en la imagen de arriba, la interfaz es casi igual a la de Google reader, solo que es más limpia y mejor diseñada, es más agradable a la vista y nos permite leer las noticias de forma mucho más cómoda.

Algunas de las funcionalidades de The Old Reader:

  • Importar todos los feeds de una sola vez (esto funciona bastante mal por el momento debido a la carga en el servidor).
  • Organizar los feeds en carpetas.
  • Seguir amigos como en GReader.
  • Compartir noticias con nuestros amigos.
  • Dos modos de vista, una por ítems y la otra desplegada.
  • Etc.

Como verán, no tiene nada que envidiarle a Google Reader, es una alternativa similar y mucho más limpia. El único problema es que en estos dos últimos días sus servidores están recibiendo mucho tráfico debido a la muerte del servicio de Google, pero sus creadores comentan en Twitter que están trabajando duro agregando hardware, optimizando el sitio y ya están por crear aplicaciones para leer los feeds desde dispositivos móviles.

Tengan en cuenta que esta carga en los servidores puede causar problemas de lentitud o que algunas cosas no funcionen, sin embargo creo que en un par de días estará tan tuneado que no extrañaremos a Google Reader.

Personalmente no pienso seguir usando Google Reader hasta que muera, por el honor (?) ya me he cambiado a The Old Reader, la opción más parecida, tanto en interfaz como en funcionalidades.

PD: Fuck you Google!

Enlace: The Old Reader

 

Generador de imágenes de perfil para Facebook, Twitter, Pinterest y más

por

Las avatares e imágenes en nuestros perfiles de redes sociales pueden decir mucho de nosotros, por eso quiero recomendarles una herramienta genial llamada Social Media Image Maker que nos permite crear todas las imágenes de perfil, portadas y avatares para nuestros perfiles sociales en un par de segundos.

AP Social Media Image Maker

El uso de esta herramienta es muy sencillo, solo tenemos que elegir el servicio para el cual deseamos crear las imágenes y automáticamente cargará los formatos estándar de cada secci´no del perfil. Por ejemplo, para Facebook se puede elegir de crear una foto de portada, una foto de perfil, fotos para compartir en el muro, etc., todo con el tamaño acorde al diseño de Facebook.

efectos portada

Lo bueno es que el sistema tiene una herramienta especialmente diseñada para crear las imágenes, con solo arrastrar y soltar la imagen a la ventana del navegador se habilitará la herramienta para recortar la imagen, redimensionar, aplicar efectos muy cool, y luego guardar la imagen a la cputadora o directamente enviarla a las redes sociales.

Enlace: Social Media Image Maker

Visto en WebResourcesDepot