Recurso fresco para desarrolladores web - julio de 2018
En esta entrega de los recursos frescos, tenemos una variedad mixta de recursos en la lista. Además de algunas herramientas basadas en código como nuevas bibliotecas y marcos de JavaScript, también hemos incluido un par de prácticas aplicaciones de GUI que estoy seguro de que tanto los desarrolladores como los diseñadores apreciarán.
Revisemos la lista en detalle y díganme cuál es su favorito en la sección de comentarios a continuación.
Único
Una herramienta para encontrar fuentes únicas que rara vez se pueden ver en otros lugares, Unique es útil para crear un logotipo o simplemente para encontrar una combinación de fuentes única adecuada para su documento con solo unos pocos clics. Una vez que haya elegido sus preferencias, puede descargar y nombrar su propia fuente . ¡Eso es realmente genial!
DuotonesUna aplicación web simple que convertirá cualquier foto en duotonos ; una foto monocromática que consiste en dos colores contrastantes. Puede cargar sus propias fotos o seleccionar las fotos que la herramienta proporciona para editar y descargar el resultado. Una buena herramienta para crear una impactante imagen de fondo en sus sitios web .
MDXMDX es una especificación que combina Markdown y JSX . Esto le permite hacer cosas alocadas que nunca se han hecho antes, como importar archivos Markdown, usar el archivo Markdown como un componente independiente para incluir en los otros archivos y usar un componente React en él.
FontDropUna herramienta útil para mostrar información detallada sobre la fuente . Simplemente suelte la fuente, se mostrará el nombre, estilo, versión, información de copyright, glifos, lenguaje compatible, etc., entre otras cosas.
Biblioteca de pruebas DOMUna biblioteca de JavaScript para probar el DOM (Document Object Model). Puede usar esto para escribir una unidad de prueba para sus componentes de interfaz de usuario web, asegurándose de que la interfaz de usuario funciona como la usa el usuario real. Esto también le ayuda a mantener la funcionalidad UI de la IU durante la refactorización del código.
TugurioUn componente React simple para volcar o registrar la salida directamente en el navegador en lugar de en la consola del navegador con console.log
. La herramienta ha sido creada por Wes Bos, uno de los conferenciantes más populares en React.
Una aplicación práctica para flashear imágenes del sistema operativo en un disco flash de arranque . Este proceso solía ser bastante difícil de seguir. Con Etcher, es tan fácil como 1-2-3. Esta herramienta es compatible con casi todos los sistemas operativos principales, incluidos Windows, Linux y macOS.
NiUna forma alternativa mejor para instalar paquetes NPM, Ni puede instalar dependencias faltantes del archivo package.json
, mostrar las dependencias obsoletas y una mejor interfaz general.
Un generador de sitios estáticos para React.js., Cuttlebelle proporciona una mayor extensibilidad de forma que puede ampliar el diseño de página con componentes basados en React . Si ya está familiarizado con React.js, puede crear fácilmente un nuevo diseño y utilizarlo en cualquiera de los archivos Markdown posibles.
ImgBlurUn simple componente de JavaScript para cargar imágenes de una manera moderna, ImgBlur viene con una CLI para generar una imagen borrosa de la imagen original . La imagen borrosa tiene un tamaño pequeño que se cargará primero antes de cargar el original. Mira la demostración para ver este componente en acción.
Dinero.jsUna biblioteca de JavaScript para crear, calcular y formatear dinero, Dinero.s. admite todas las divisas internacionales listas para usar . Puede usar la biblioteca en un entorno Node.js, cargándolo en los navegadores, con CommonJS o EcmaScript 6.
WiredJSWiredJS está construido con "componentes web" nativos. Es una biblioteca de UI única con una apariencia incompleta. Lo bueno de esta biblioteca es que los trazos de los elementos se dibujan al azar, lo que significa que no habrá dos elementos exactamente iguales . Una biblioteca perfecta para crear wireframes o maquetas.
VuidoVuido es un framework de aplicaciones de escritorio ligero con Vue.js. Puede usar Vue.js API y muchos de sus complementos como Vuex, por ejemplo, para crear una aplicación de escritorio para Windows, Linux y macOS . Es una gran alternativa a Electron.
HíbridosUna biblioteca de JavaScript para crear un elemento HTML personalizado utilizando componentes web nativos con API más amigable. La biblioteca proporciona una API más simple similar a la de Vue.js o React.js.
Saber.jsUn generador de sitios estáticos construido para Vue.js. Saber.js no viene con cosas elegantes como en Nuxt.js. Las opciones y configuraciones son mínimas, lo que la convierte en una gran alternativa si solo desea tener un sitio web estático que sea fácil de mantener.
VientosUn lector de RSS y Podcast moderno, Winds está disponible para Windows, macOSv y Linux. La aplicación se ve hermosa y moderna, con sombras de cajas elvadas, esquinas redondeadas, degradados y otras cosas. Esta es una buena aplicación para administrar sus suscripciones a sitios para mantenerse al día con esta industria en constante cambio .
RelajadoUn convertidor que convertirá HTML o Pug en PDF. Puede crear un diseño complejo usando HTML, CSS, JavaScript y usar Markdown para escribir el contenido principal. Además de eso, también puedes usar una biblioteca JavaScript, como Chart.js para agregar un diagrama y MathJax para agregar el formato matemático.
Estilo de fuente MatcherUna herramienta para seleccionar dos fuentes de Google y fuente nativa instaladas en la computadora con ese aspecto similar. Esta es una herramienta útil para el desarrollador web para mitigar ese feo FOUC (flash de contenido sin estilo) cuando Google Fonts aún no está completamente cargado.
PWA WPUna iniciativa para llevar PWA (Aplicación web progresiva) a WordPress Core . En el momento de escribir esto, este proyecto está en su etapa inicial. Este es un proyecto interesante a seguir, especialmente si está trabajando principalmente en el ecosistema de WordPress.
Blueprint.jsUna biblioteca de UI basada en React, Blueprint.js incluye un grupo de clientes habituales como el botón y las pestañas, y otros componentes de UI que normalmente se necesitan para construir aplicaciones web modernas de Omnibar; un cuadro de búsqueda flotante muy parecido a la aplicación Spotlight o Alfred en macOS .
Construye potentes juegos de navegador en 3D con BabylonJS
El crecimiento explosivo de WebGL demuestra la popularidad de los juegos en la web. Hay muchas cosas interesantes que puedes construir en WebGL, pero la mayoría de los desarrolladores quieren profundizar en los juegos de navegador .WebGL es un marco poderoso, pero no es todo lo que necesitas para un juego en la web.
Diseño vs arte: la diferencia y por qué es importante
Diseño versus arte ¿Cuál es la diferencia y cómo afecta tu carrera como diseñador? Todos sabemos que existe una diferencia, y aquellos que están fuera de nuestra industria podrían no ser capaces de verlo . Sus padres, por ejemplo, pueden referirse a usted como un "artista" a pesar de que usted es un diseñador profesional.¿Cómo l