RSS css

Tal y como apuntan desde The Next Web, Reddit está cambiando. Y estos cambios no están gustado nada a su comunidad, que ha reaccionado de forma muy negativa ante la última decisión tomada por la empresa dirigida por Steve Huffman.

Nos referimos a eliminar los Custom Community Styles, que permitían a los moderadores diseñar cada subreddit con un poco de personalidad. Huffman anunciaba el pasado viernes que Reddit prescindiría de la herramienta una vez se haya completado el rediseño de la "front page of the Internet", en algún momento del futuro.

Intuitivo y con múltiples opciones de personalización, CSS (Cascading Style Sheets u Hojas de estilo personalizadas) es un lenguaje que se emplea en la presentación de documentos HTML o páginas web, un sistema que nos permite organizar su aspecto y presentación y que se utiliza para dotarla de tipos y tamaños de letra, colores, etcétera; entre otros.

¿Su filosofía? Tratar de separar la estructura de su presentación: es decir, el verdadero contenido de la forma o la arquitectura que usa para mostrarse. Habitual entre programadores, diseñadores y maquetadores web, hoy recabamos algunos de los sites y canales de YouTube más útiles para aprender CSS desde 0 hasta nivel experto.

Durante las últimas semanas en Genbeta os hemos estado mostrando varios recursos en forma de páginas web o canales de YouTube para ayudaros a aprender o perfeccionar vuestros conocimientos en edición de sonido, vídeo, animación en Flash o modelado 3D. Este formato de post está recibiendo una buena acogida, por lo que vamos a seguir con él.

En un mundo en el que los recursos digitales tienen cada vez más peso, saber programar se está convirtiendo algo muy importante. Si tenéis ganas de aprender a hacerlo o de mejorar vuestros conocimientos, hoy vamos a ofreceros una pequeña colección de recursos para que podáis aprender HTML5. ¿Estáis preparados?

Después de que a finales de octubre el World Wide Web Consortium le diera finalmente luz verde al HTML5 como estándar en la web, es posible que algunos de vosotros estéis pensando en crear vuestra página web con esta tecnología, pero que no tengáis los conocimientos necesarios para crearla o simplemente no sepáis qué diseño elegir.

Si este es vuestro caso encontraréis interesante la web Templated.co que pone a nuestra disposición 844 diseños en CSS o HTML5 bajo licencia Creative Commons, para que podamos utilizarlos en nuestra web tal cual nos los ofrecen o modificándolos a nuestro gusto con herramientas como Sublime Text, que es la que ellos mismos recomiendan.

Las plantillas de esta web, tantas que seguro que encontráis alguno que os guste, son responsivas y se ajustarán a los diferentes tamaños de las pantallas desde las que se acceda a la página en la que las utilicemos. Al estar bajo licencia Creative Commons los temas son gratuitos, pero no nos tenemos que olvidar de que a cambio tenemos que hacer mención de sus creadores.

Enlace | Templated.co
En Genbeta | El World Wide Web Consortium le da luz verde al estándar HTML5

A medida que se van produciendo filtraciones sobre la próxima actualización de Windows 8, denominada Blue, van saliendo a la luz algunas novedades que disfrutaremos probablemente este verano. Sobre Internet Explorer 11 hemos sabido que va a incluir sincronización de pestañas, pero también algo que resulta curioso: la cadena de agente de usuario de Internet Explorer 11 identifica el navegador como si fuera Firefox.

Como muchos de vosotros ya sabéis, a la hora de asignar estilos en las páginas web siempre ha sido necesario tener en cuenta las peculiaridades de la familia de navegadores de Microsoft, en particular de Internet Explorer 6. Es lo que se conoce como CSS hacks, necesarios en las series 6, 7 y 8 del navegador.

Adobe lleva defendiendo a Flash con uñas y dientes desde que empezó la polémica de si la plataforma tenía que formar parte del futuro de los estándares web, encendida por Apple y sus medidas para que Flash no esté presente en sus dispositivos. Aún así, en la compañía responsable de aplicaciones como Photoshop contemplan todos los caminos y han lanzado Adobe Edge, una plataforma para crear animaciones web usando HTML5, CSS y Javascript.

La idea de Adobe es que Edge coexista con la plataforma Flash, pero algunos ya lo están viendo como una solución alternativa para que todo el contenido web sea más estándar y se pueda ver desde cualquier gadget. Con Edge se pueden crear animaciones web, y en el futuro podremos crear incluso juegos. Suena mucho a una evolución de Flash a largo plazo más que a su compañero.

Adobe Edge puede descargarse de forma gratuita al estar en una fase de pruebas preliminar, aunque pasará a tener un precio en cuanto sea lanzado definitivamente el año que viene. Hay versiones para Windows y Mac OS X. Si habéis hecho algunos pinitos con animaciones en Flash, quizás tengáis curiosidad para ver cómo se puede hacer lo mismo con Edge.

Vía | ReadWriteWeb
Más información | Adobe Edge
En Genbeta | Hablamos con Anup Murarka, director de márketing de Adobe Flash

Hace poco se planteaba esta pregunta desde la sección Genbeta Respuestas. Y es que en este caso los propios lectores de Genbeta, con vuestras respuestas, además de ayudar a otro usuario, habéis dejado unos buenos enlaces que paso a recopilar.

La pregunta era curiosa: ¿Algún buen editor de código en la nube para programación? En un principio no me parecía muy clara. ¿Sólo queremos editar un trozo de código? ¿Querrías compilarlo? ¿Lo que realmente quieres es un sitio donde guardar tus proyectos en la nube?
La pregunta era abierta, y seguramente por ello, vuestras respuestas han sido diversas y enriquecedoras:

Apple está dispuesta a demostrar que Flash se ha quedado atrás si lo comparamos con las tecnologías web más modernas. Y no escatima esfuerzos en ello, puesto que ha publicado en su web oficial un seguido de ejemplos de contenido dinámico construido enteramente con HTML5.

Son, más concretamente, 14 ejemplos de lo que podemos hacer usando HTML5 y las transiciones CSS: Vídeos que permiten ser manipulados, una galería de imágenes, la posibilidad de mostrar un minireproductor de audio, vistas en 360º usando javascript… básicamente elementos que hasta ahora requerían de complementos como Quicktime o Flash, hechos con los nuevos estándares.

Desgraciadamente Apple requiere que usemos Safari para poder contemplar los ejemplos, algo bastante extraño cuando hay otros navegadores que también soportan estos estándares sin ningún problema. Supongo que como todas las compañías, a Apple le gusta promocionar sus propios productos.

Vía | Applesfera
Sitio oficial | Apple HTML5
En Genbeta | Comparando el rendimiento de HTML5 y Flash

Primero fueron las extensiones, después los scripts de Greasemonkey y ahora Chromium sigue su camino para convertirse en uno de los navegadores más personalizables con el soporte de hojas de estilo CSS personalizadas en las páginas web que queramos modificar a nuestro gusto.

Básicamente, el poder usar nuestras propias hojas de estilo CSS en las páginas web nos permite modificarlas a nuestro gusto. Por ejemplo, shutup.css es un estilo alternativo de youtube que nos permite eliminar los comentarios de sus páginas, como podemos ver en la imagen superior. Del mismo modo podemos cambiar la posición de otros elementos o incluso añadir algunos nuevos.

La funcionalidad no está activada por defecto, pero añadiendo el parámetro —enable-user-stylesheet en la ejecución de las últimas nightlies del navegador podemos activarla y poder usar las hojas CSS que queramos. De momento, lamentablemente, hay que reiniciar el navegador cada vez que hagamos cambios en el CSS personalizado para poder cargarlos.

Vía | DownloadSquad

CSSTXT es una sencilla herramienta para crear visualmente estilos de texto en CSS. Es tan simple como introducir el texto, activar o desactivar opciones, y seleccionar tamaños de letra, o colores de fondo, con el cursor del ratón. Tras hacer los cambios, tan sólo hay que pulsar en “generate” para actualizar el resultado.

Entre las opciones disponibles están las diferentes decoraciones de texto (negrita, cursiva, subrayados, etc), el espaciado, la altura, el tamaño (en pixels, ems o porcentaje), y ancho del borde de línea. También la familia de fuentes, la alineación del texto, el estilo del borde, y los colores de la letra, el fondo y el borde, todo ello mediante un selector de colores.