En nuestro artículo anterior habíamos comenzado una lista de frameworks útiles a la hora de definir el aspecto de un sitio web utilizando hojas de estilo. Las hojas de estilo nos permiten controlar aspectos como los diferentes elementos de un sitio web se tienen que representar en diferentes dispositivos.

Térmínos a tener en cuenta

Flexbox: Es un modelo de caja flexible. unidimensional de diseño y un método para ayudar a distribuir el espacio entre los ítems de una interfaz mejorando las capacidades de alineación.

La palabra unidimensional se usa para destacar el hecho de que flexbox maneja el diseño en una sola dimensión a la vez — ya sea como fila o como columna.

CSS Grid Layout (CGL): Es un sistema de diseño bidimensional basado en una cuadrícula desarrollado para crear mejores interfaces de usuarios.

CGL permite dividir una página en áreas o regiones principales, y facilita definir la relación en términos de tamaño, posición y capas entre partes de un control construido a partir de primitivas HTML.

De la misma forma que con las tablas (el método utilizado en los primeros tiempos del diseño web) el grid layout permite a alinear elementos en columnas y filas. Pero, a diferencia de lo que sucede con las tablas, con CSS grid son posibles muchos más diseños y de forma más sencilla.

Algunos frameworks CSS más

Pure CSS

Pure CSS es un framework CSS ligero y responsivo creado por Yahoo en 2014. Está construido usando Normalize.css y es útiil para la creación de diseños responsivos usando grillas y menús. Pure es responsivo por defecto, y a diferencia de Bootstrap, no permite crear diseños fijos.

UI Kit

Se propone como un framework ligero y modular para crear interfaces web rápidas y potentes. A pesar de su tamaño reducido se las arregla para ofrecer casi todas las características de otros frameworks.

Puede crear interfaces web sencillas, limpias y modulares con su conjunto de iconos SVG, muchos componentes, capacidad de responsivos, estilos unificados y opciones de personalización. Además, también puede diseñar diseños complejos basados en flexbox con el kit de interfaz de usuario usando HTML simple.

Mustard UI

Es ideal para principiantes. Sus componentes están divididos en módulos; cuadrículas base de Flexbox, botones, tablas, formularios y tarjetas.

Materialize CSS

En este caso se trata de un framework para crear interfaces Material Design desarrollado por Google

Es la alternativa adecuada para cualquiera que quiera diseñar sitios web o aplicaciones web para Android porque viene con clases y componentes listos para usar. Puedes empezar rápidamente a utilizar sus plantillas de inicio.

Materialize CSS utiliza el formato de cuadrícula de 12 columnas de Bootstrap para que puedas crear rápidamente diseños de páginas responsivas.

Tailwind CSS

Ahora hablamos de un framework CSS altamente personalizable. A diferencia de Bootstrap, que crea una interfaz de usuario de aspecto genérico, Tailwind permite a los desarrolladores personalizar los diseños y darles un aspecto único.

Milligram

En este caso también tenemos un framework minimalista.

Con solo 2kb (comprimido), Milligram se las arregla para proporcionar un completo conjunto de herramientas de desarrollo web. Los usuarios también pueden usar todas las características ofrecidas por la especificación CSS3.

Skeleton

Parece que los frameworks responsivos y minimalistas están de moda. Skeleton tiene solo 400 líneas de código.

De todas formas, se las arregla para ofrecernos muchas opciones de cuadrículas, tipografía, botones, formularios, listas, tablas y código que pueden utilizrse para la creación de sitios web complejos.

Spectre

Spectre es un framework que puede contribuir a la creación de sitios de forma más rápida y flexible con elementos elegantemente diseñados, hermosa tipografía, y componentes pre-construidos.

Picnic CSS

Esta biblioteca que también puede usarse online, no llega a los 10 kb estando comprimida. Proporciona al desarrollador componentes puros de CSS e interactivos, incluyendo cuadrículas, formularios, pestañas, consejos de herramientas y alertas. La biblioteca te ayuda a crear un sitio web receptivo y hermosas aplicaciones web.

Base

Framework desarrollado usando un código ligero y mínimo. A pesar de su diseño simple es muy potente. Los desarrolladores y diseñadores pueden utilizarlo crear sitios web y aplicaciones web que respondan a los estándares web y las exigencias de los buscadores.

from Linux Adictos https://ift.tt/2XZfkTj
via IFTTT

En nuestro artículo anterior habíamos comenzado una lista de frameworks útiles a la hora de definir el aspecto de un sitio web utilizando hojas de estilo. Las hojas de estilo nos permiten controlar aspectos como los diferentes elementos de un sitio web se tienen que representar en diferentes dispositivos.

Térmínos a tener en cuenta

Flexbox: Es un modelo de caja flexible. unidimensional de diseño y un método para ayudar a distribuir el espacio entre los ítems de una interfaz mejorando las capacidades de alineación.

La palabra unidimensional se usa para destacar el hecho de que flexbox maneja el diseño en una sola dimensión a la vez — ya sea como fila o como columna.

CSS Grid Layout (CGL): Es un sistema de diseño bidimensional basado en una cuadrícula desarrollado para crear mejores interfaces de usuarios.

CGL permite dividir una página en áreas o regiones principales, y facilita definir la relación en términos de tamaño, posición y capas entre partes de un control construido a partir de primitivas HTML.

De la misma forma que con las tablas (el método utilizado en los primeros tiempos del diseño web) el grid layout permite a alinear elementos en columnas y filas. Pero, a diferencia de lo que sucede con las tablas, con CSS grid son posibles muchos más diseños y de forma más sencilla.

Algunos frameworks CSS más

Pure CSS

Pure CSS es un framework CSS ligero y responsivo creado por Yahoo en 2014. Está construido usando Normalize.css y es útiil para la creación de diseños responsivos usando grillas y menús. Pure es responsivo por defecto, y a diferencia de Bootstrap, no permite crear diseños fijos.

UI Kit

Se propone como un framework ligero y modular para crear interfaces web rápidas y potentes. A pesar de su tamaño reducido se las arregla para ofrecer casi todas las características de otros frameworks.

Puede crear interfaces web sencillas, limpias y modulares con su conjunto de iconos SVG, muchos componentes, capacidad de responsivos, estilos unificados y opciones de personalización. Además, también puede diseñar diseños complejos basados en flexbox con el kit de interfaz de usuario usando HTML simple.

Mustard UI

Es ideal para principiantes. Sus componentes están divididos en módulos; cuadrículas base de Flexbox, botones, tablas, formularios y tarjetas.

Materialize CSS

En este caso se trata de un framework para crear interfaces Material Design desarrollado por Google

Es la alternativa adecuada para cualquiera que quiera diseñar sitios web o aplicaciones web para Android porque viene con clases y componentes listos para usar. Puedes empezar rápidamente a utilizar sus plantillas de inicio.

Materialize CSS utiliza el formato de cuadrícula de 12 columnas de Bootstrap para que puedas crear rápidamente diseños de páginas responsivas.

Tailwind CSS

Ahora hablamos de un framework CSS altamente personalizable. A diferencia de Bootstrap, que crea una interfaz de usuario de aspecto genérico, Tailwind permite a los desarrolladores personalizar los diseños y darles un aspecto único.

Milligram

En este caso también tenemos un framework minimalista.

Con solo 2kb (comprimido), Milligram se las arregla para proporcionar un completo conjunto de herramientas de desarrollo web. Los usuarios también pueden usar todas las características ofrecidas por la especificación CSS3.

Skeleton

Parece que los frameworks responsivos y minimalistas están de moda. Skeleton tiene solo 400 líneas de código.

De todas formas, se las arregla para ofrecernos muchas opciones de cuadrículas, tipografía, botones, formularios, listas, tablas y código que pueden utilizrse para la creación de sitios web complejos.

Spectre

Spectre es un framework que puede contribuir a la creación de sitios de forma más rápida y flexible con elementos elegantemente diseñados, hermosa tipografía, y componentes pre-construidos.

Picnic CSS

Esta biblioteca que también puede usarse online, no llega a los 10 kb estando comprimida. Proporciona al desarrollador componentes puros de CSS e interactivos, incluyendo cuadrículas, formularios, pestañas, consejos de herramientas y alertas. La biblioteca te ayuda a crear un sitio web receptivo y hermosas aplicaciones web.

Base

Framework desarrollado usando un código ligero y mínimo. A pesar de su diseño simple es muy potente. Los desarrolladores y diseñadores pueden utilizarlo crear sitios web y aplicaciones web que respondan a los estándares web y las exigencias de los buscadores.

from Linux Adictos https://ift.tt/2XZfkTj
via IFTTT

La nueva versión del lector RSS “QuiteRSS 0.19.4” ya está disponible y llega con algunos cambios y correcciones de errores. Para quienes desconocen de QuiteRSS deben saber que es un programa para leer noticias en formato RSS y Atom.

QuiteRSS tiene características tales como un navegador incorporado en el motor WebKit, un sistema de filtro flexible, soporte para etiquetas y categorías, varios modos de visualización, un bloqueador de anuncios, un administrador de descarga de archivos, importación y exportación en formato OPML.

Sobre QuiteRSS

QuiteRSS que es gratuito, liviano y altamente personalizable. También cuenta con una versión portátil, con lo cual los usuarios que no gustan de contar con una gran cantidad de programas instalados o quienes gustan de contar con sus programas portables, este lector es una excelente opción.

De sus principales características se destacan las siguientes:

• Desactivar pantalla de inicio / banner
• Configúrelo para que se inicie al inicio con Windows
• Deshabilitar el envío de información de uso (telemetría y recopilación de datos)
• Mostrar / ocultar icono de la bandeja del sistema
• Minimice la aplicación a la bandeja del sistema al minimizar, cerrar o iniciar la aplicación
• cambiar el icono de la bandeja del sistema para mostrar un recuento de noticias nuevo o no leído
• Deshabilitar imágenes, javascript, complementos
• Habilitar / deshabilitar notificaciones de nuevo contenido
• Cambiar idioma de la interfaz de usuario
• Personalice las fuentes para la lista de fuentes, la lista de noticias y el navegador
• Cambie los colores de todo, como fondo, enlaces, texto, etc.
• Personalizar atajos de teclado
• También es compatible con etiquetas y filtros.
• Es de código abierto y se puede descargar para Windows, Mac OS, OS / 2 y Linux.

¿Qué hay de nuevo en QuiteRSS 0.19.4?

En esta nueva versión de QuiteRSS 0.19.4 se añadió al lector la capacidad de compartir un enlace a las noticias en Viber y Telegram, con lo cual se amplían los servicios a los cuales se pueden compartir las noticias.

Otro cambio importante, es que se implementó un cambio de enfoque de búsqueda en feeds o noticias al presionar la tecla Esc, ademas de que se ha implementado la ocultación de directorios cuando se buscan feeds.

Ademas cuando se está dentro de una noticia al desplazarse por el contenido ahora se fija la posición del encabezado de las noticias.

Se corrigieron errores, incluidos problemas con la actualización de algunos feeds y el colapso de la descripción de las noticias, ademas de que corrigieron fallas en la implementación del tema oscuro cuando sé establecer el color de fondo, el texto de la etiqueta y el color de fondo de líneas alternativas.

Si quieres conocer más al respecto sobre los cambios de esta nueva versión, puedes hacerlo desde este enlace.

¿Como instalar QuiteRSS en Linux?

Para quienes estén interesados en poder instalar este lector RSS en su sistema, podrán hacerlo siguiendo las instrucciones que compartimos a continuación.

QuiteRSS es una aplicación que se encuentra dentro de la mayoría de las distribuciones de Linux y pueden encontrarlo en sus repositorios, pero para el caso de esta nueva versión que aun no se ha incluido en algunas, debemos realizar la instalación de la siguiente forma.

Para quienes son usuarios de Ubuntu 19.10 o anteriores podemos añadir el siguiente repositorio al sistema:

sudo add-apt-repository ppa: quiterss/quiterss

Y la instalación la realizamos con el siguiente comando:

sudo apt-get install quiterss

En cuanto a los que ya están sobre la nueva versión de Ubuntu 20.04 LTS, podemos forzar al sistema a utilizar el repositorio de 19.10. Para ello debemos abrir una terminal y teclear:

sudo gedit /etc/apt/sources.list

Y añadimos al final del archivo lo siguiente:

deb http://ppa.launchpad.net/quiterss/quiterss/ubuntu eoan main

deb-src http://ppa.launchpad.net/quiterss/quiterss/ubuntu eoan main

Guardamos el archivo y lo cerramos. Posterior a ello en la terminal vamos a teclear el siguiente comando:

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 5953B24A89672318017DBD68FD8D40FA4CF47E69

Ya con ello procedemos a realizar la instalación con:

sudo apt-get install quiterss

Para el caso de los que son usuarios de Arch Linux, solo tenemos que teclear el siguiente comando:

sudo pacman -S quiterss

En cuanto a los que son usuarios de Fedora, la instalación se realiza con:

sudo dnf install quiterss

Finalmente para quienes son usuarios de openSUSE, en una terminal deben teclear:

sudo zyppper install quiterss

from Linux Adictos https://ift.tt/2KyT2jj
via IFTTT

Se dio a conocer información sobre la integración de la especificación de ayuda WebGPU en las compilaciones de Firefox nightly, con lo cual ahora se proporciona una interfaz de programación para el procesamiento de gráficos en 3D y la informática en el lado de la GPU, conceptualmente similar a la API de Vulkan, metal y Direct3D 12. La especificación está siendo desarrollada por Mozilla, Google, Apple, Microsoft y representantes de la comunidad en un grupo de trabajo creado por la organización W3C.

El objetivo clave de WebGPU es crear una interfaz de software segura, conveniente, portátil y de alto rendimiento para su uso en la plataforma web con tecnología de gráficos 3D y capacidades proporcionadas por API de gráficos de sistemas modernos como Direct3D 12 en Windows, Metal en macOS y Vulkan en Linux.

Conceptualmente, WebGPU difiere de WebGL de la misma manera que Vulkan difiere de OpenGL y no se basa en una API gráfica específica, sino que es una capa universal, en general, que usa las mismas primitivas de bajo nivel que están disponibles en Vulkan, Metal y Direct3D.

En Firefox, se proporciona la configuración “dom.webgpu.enabled” para habilitar WebGPU en about:config. Ademas de que para renderizar CanvasContext también requiere la inclusión del sistema de composición WebRender (“gfx.webrender.all” en about: config).

La implementación de WebGPU se basa en el código del proyecto wgpu escrito en Rust y puede funcionar sobre las API DX12, Vulkan y Metal en Linux, Android, Windows y macOS (también se está desarrollando la compatibilidad con DX11 y OpenGL ES 3.0).

Sobre WebGPU

WebGPU proporciona aplicaciones de JavaScript con herramientas para el control de nivel inferior sobre la organización, el procesamiento y la transmisión de comandos a la GPU, la administración de recursos relacionados, memoria, buffers, objetos de textura y sombreadores gráficos compilados. Este enfoque le permite lograr aplicaciones gráficas de mayor rendimiento al reducir los gastos generales y aumentar la eficiencia del trabajo con la GPU.

WebGPU hace posible crear proyectos 3D complejos completos para la Web que no funcionan peor que los programas independientes que se comunican directamente con Vulkan, Metal o Direct3D, pero que no están vinculados a plataformas específicas.

También proporciona capacidades adicionales al portar programas gráficos nativos a un formulario que puede funcionar sobre la base de tecnologías basadas en la web mediante el uso de la tecnología WebAssembly.

Además de los gráficos en 3D, WebGPU también cubre las posibilidades asociadas con la eliminación de la informática al lado de la GPU y el soporte para el desarrollo de sombreadores. Los sombreadores pueden crearse en el lenguaje de sombreado WebGPU o especificarse en el formato intermedio SPIR-V, y luego traducirse a los idiomas de sombreador compatibles con los controladores actuales.

WebGPU utiliza la gestión de recursos por separado, el trabajo preparatorio y la transferencia de comandos a la GPU (en WebGL, un objeto era responsable de todo a la vez). Se proporcionan tres contextos separados: GPUDevice para crear recursos como texturas y buffers; GPUCommandEncoder para codificar comandos individuales, incluidas las etapas de renderizado y computación; GPUCommandBuffer para hacer cola para la ejecución en la GPU.

La segunda diferencia entre WebGPU y WebGL es un enfoque diferente para manejar estados. Se proponen dos objetos en WebGPU: GPURenderPipeline y GPUComputePipeline, que permiten combinar varios estados predefinidos por el desarrollador, lo que permite que el navegador no desperdicie recursos en trabajos adicionales, como la recompilación de sombreadores. Entre los estados admitidos se encuentran: sombreadores, búfer de vértices y diseños de atributos, diseños de grupos adjuntos, fusión, profundidad y patrones, formatos de salida después del renderizado.

La tercera característica de WebGPU es el modelo de enlace, que en muchos aspectos se asemeja a los medios de agrupar recursos presentes en Vulkan. Para agrupar recursos en grupos, WebGPU proporciona un objeto GPUBindGroup que, al escribir comandos, puede asociarse con otros objetos similares para usar en sombreadores.

La creación de dichos grupos permite al conductor realizar las acciones preparatorias necesarias de antemano, y el navegador le permite cambiar los enlaces de recursos entre llamadas de extracción mucho más rápido.

Fuente: https://hacks.mozilla.org/

from Linux Adictos https://ift.tt/2VAxrgx
via IFTTT

Los desarrolladores de Google presentaron hace poco la liberación de la tercera versión de prueba de la plataforma móvil abierta Android 11, en la cual se añaden algunos cambios y algunas novedades en comparación con la primera y segunda versión de prueba de Android 11.

Y es que pese al gran problema que se enfrentan los desarrolladores por el Covid-19, esto no los ha detenido para continuar con el desarrollo de lo que sera la próxima versión de Android desde sus hogares.

Sobre el tema los desarrolladores comparten:

Nuestros equipos, como todos ustedes, continúan acostumbrándose a una nueva normalidad. Para muchos de nosotros, eso significa trabajar desde salas de estar, cocinas, patios y habitaciones.

Entonces, desde nuestros hogares hasta los suyos, queríamos tomarnos un momento para compartir nuestra vista previa más reciente para desarrolladores para Android 11. Esta actualización incluye correcciones de errores y un conjunto de mejoras de productividad para los desarrolladores.

Principales cambios en Andrioid 11 Developer Preview 3

Dentro de los cambios que se realizaron en esta nueva version de prueba, a comparación de las dos anteriores, podremos encontrar que se ha agregado una API para obtener información sobre los motivos de la finalización del programa, lo que le permite determinar si el programa finalizó a iniciativa del usuario, como resultado de un bloqueo o si el sistema operativo lo finalizó por la fuerza. La API también permite evaluar el estado de un programa inmediatamente antes de la finalización.

Otro cambio fue la inclusión de GWP-ASan, un analizador de memoria de almacenamiento dinámico que le permite encontrar y solucionar problemas causados ​​por el manejo inseguro de la memoria.

GWP-ASan con una sobrecarga mínima, analiza las operaciones de asignación de memoria e identifica anomalías. Por defecto, GWP-ASan está habilitado para ejecutables de plataforma y aplicaciones del sistema. La aplicación de un GWP-ASan a sus aplicaciones requiere una habilitación separada.

En cuanto a las novedades, se destaca que el modo de depuración del sistema fue completamente rediseñado con el lanzamiento de ADB a través de una conexión inalámbrica.

Que a diferencia de la depuración con una conexión TCP/IP, la depuración a través de Wi-Fi no requiere un cable para configurar y puede recordar emparejamientos de dispositivos previamente realizados. Los planes también incluyen la implementación de un esquema de emparejamiento más simple para el código QR que se muestra en Android Studio.

Ademas, se ha agregado un modo incremental de instalación de paquetes APK (“adb install –incremental”) a la utilidad ADB (Android Debug Bridge), que permite acelerar significativamente la instalación de programas grandes, como juegos, durante su desarrollo.

La esencia del modo es que durante la instalación, en primer lugar, se transfieren las partes del paquete necesarias para el lanzamiento y el resto se carga en segundo plano, sin bloquear la capacidad de ejecutar el programa.

Por ejemplo, al instalar archivos APK de más de 2 GB en el nuevo modo, el tiempo de inicio se puede reducir en 10 veces. Hasta ahora, las instalaciones incrementales solo funcionan en dispositivos Pixel 4 y 4XL para el lanzamiento, se ampliará la cantidad de dispositivos compatibles.

También se menciona que las herramientas para auditar el acceso a los datos fueron actualizadas, esto con la finalidad de permitir analizar a qué datos de usuario accede la aplicación y después de qué acciones del usuario, ademas de que se renombraron algunas llamadas API de auditoría.

Finalmente, si estas interesado en conocer más al respecto sobre los detalles de este lanzamiento, puedes consultarlos en el siguiente enlace.

Descarga

Para quienes estén interesados en poder evaluar las nuevas capacidades de la plataforma, pueden obtener esta nueva versión de prueba preliminar, desde los siguientes dispositivos a los cuales ya se les ofrece una compilación preparada: Pixel 2/2 XL, Pixel 3/3 XL, Pixel 3a/3a XL y Pixel 4/4 XL. Para aquellos que instalaron la versión de prueba anterior, se proporciona una actualización OTA.

Finalmente se espera que el lanzamiento de la versión estable de Android 11 sea lanzada en el tercer trimestre de este año en curso.

from Linux Adictos https://ift.tt/2yG9Cei
via IFTTT