Recursos frescos para diseñadores y desarrolladores web (agosto de 2018)
Parece que la comunidad de desarrollo está más activa últimamente ya que ha habido bastantes nuevas herramientas lanzadas en los últimos meses. En esta ronda de la serie, resaltaré algunas de las herramientas que vale la pena mencionar..
Entre la lista de herramientas, hay una Biblioteca de JavaScript para generar datos ficticios, una herramienta para compartir archivos dentro de redes locales, y uno que te permitirá grabar la sesión de Terminal en la animación SVG. ¿Suena bien? Vamos a revisar la lista completa a continuación.
Pushbar.js
Es una biblioteca de JavaScript para crear cajón deslizante. Normalmente, el cajón deslizante se usa para mostrar la navegación del menú del sitio, pero puede usar esta biblioteca para mostrar cualquier cosa adecuada para su sitio. Pushbar.js es totalmente personalizable y sin dependencia, no se requiere jQuery.
Carbono ahora CLI
Carbon CLI es un paquete Node.js para generar una captura de pantalla de código bellamente a través de una interfaz de línea de comandos. Esta herramienta está inspirada en carbon.now.sh, donde puedes hacer lo mismo a través de una agradable interfaz gráfica de usuario en el navegador.
Faker.js
Una biblioteca de JavaScript para crear un dummy de datos. Admite la generación de una gran cantidad de datos como nombres, dirección postal, nombre de la compañía, número de teléfono, fecha y muchos más. Todos estos datos pueden ser muy útiles para prueba tu aplicación web.
TermToSVG
TermToSVG es un Grabadora de terminal de Linux que convierte tus sesiones de línea de comandos en una animación SVG. Es una herramienta útil para desarrolladores para escribir un tutorial..
Administrador de respaldo de la base de datos
Es una biblioteca PHP, y como su nombre lo indica, proporciona un conjunto de funcionalidades para manejar la base de datos de copia de seguridad y restauración. La biblioteca admite varios servicios para enviar o extraer la copia de seguridad, incluidos Dropbox, Amazon S3, FTP y SFTP, y Rackloud Cloud.
Reaccionar bits
Una colección enorme de técnicas, consejos y trucos de React.js, React Bits cubre patrones de diseño comunes, estilo y consejos de rendimiento. Este es un verdadero gran recurso para subir de nivel sus habilidades React.js.
Lenguaje DSS
El DSS significa Deterministic StyleSheets, una nueva herramienta de creación de CSS. ¿Cómo funciona y cómo puede aplicarse esto a mi trabajo diario? Honestamente no tengo idea hasta ahora. Pero se ve bien y es nuevo, así que está en la lista. Gracias!
PurgeCSS
PurgeCSS es un paquete NPM que permite optimizar la salida CSS en su aplicación web mediante la eliminación de los que no están en uso. La herramienta tiene una variedad de herramientas de soporte integradas cubiertas que incluyen Gulp, Grunt, Grunt, Webpack y PostCSS, por lo que puede integralo en tu proyecto inmediatamente.
RFS
RFS significa Tamaño de fuente responsivo y es un proyecto interesante para abordar una de las cosas más difíciles de la web, es decir, hacer que el tamaño de letra sea sensible, de una manera que el tamaño seguirá bien con el tamaño de la ventana gráfica del dispositivo. RFS está disponible como NPM
Barra simple
Una biblioteca de JavaScript para crear una barra de desplazamiento personalizada, SimpleBar le permite diseñar el desplazamiento a combina el estilo de tu sitio usando CSS como cualquier otro elemento HTML en el sitio. Debido a las restricciones de la plataforma y del navegador, el estilo de la barra de desplazamiento del navegador solía ser complicado, pero SimpleBar realmente lo ha simplificado..
Larastan
Larastan es una envoltura de PHPStan para Laravel. PHPStan es una herramienta que le permitirá verificar sus códigos en busca de posibles errores sin necesidad de escribir una prueba de unidad. Comprueba numerosas cosas, incluida la existencia de métodos y funciones llamados, los tipos asignados a las propiedades, el número y los tipos asignados al constructor de clases y la validación de phpDocs.
PWMetrics
PWMetrics es una herramienta que recopila métricas de Progressive Web Apps a través de una interfaz de línea de comandos desarrollada por Paul Irish. La herramienta está alimentada por Lighthouse y está disponible como un paquete NPM. Ofrece muchas opciones para Configurar las métricas, el rendimiento de la prueba., y la expectativa que le gustaría lograr fuera de la prueba.
Paz
Pax es un empaquetador de JavaScript para compilar módulos de JavaScript en un archivo utilizable para los navegadores. Pax promete velocidad. Se compila más rápido que algunos paquetes alternativos. Es totalmente compatible con ES6 importar
y exportar
sintaxis y la sintaxis de CommonJS importar
. diferente a paz
está escrito con Rust y está disponible a través del registro de paquetes de Rust llamado Cargo.
SustyWP
SustyWP es un Tema de WordPress dirigido a una mejor causa.; para reducir la huella de carbono reduciendo su tamaño al mínimo posible. Tiene un peso de solo 7-6kb cuando se carga en el navegador. Sus rapido y ligero, y, a cambio, consume menos recursos (por ejemplo, electricidad) para cargar el sitio. Echa un vistazo a la historia de fondo del tema en este post por Jack Lenox.
La biblioteca de Doodle
UNA colección de dibujos de doodle, La Biblioteca Doodle tiene muchos dibujos en la colección y están agrupados en varias categorías Caras, Lugares, Animales, etc.. Los dibujos están disponibles en formato SVG. y se distribuyen bajo el Creative Common Attributions 4.0
Tilt.js
Un plugin de jQuery para crear una fantasía inclinación efecto similar a las vistas previas en miniatura que vemos en el Apple TV. No necesita CSS adicional. También proporcionan algunos ejemplos de implementaciones en esta página, por lo que su uso es bastante sencillo. Asegúrese Echa un vistazo al efecto Glare; es bastante genial.
Cuarto de archivos
Fileroom es una aplicación web para intercambio de archivos de igual a igual dentro de la misma red. Puede compartir archivos con su colega simplemente arrastrando y soltando independientemente del sistema operativo. Funciona en Windows, macOS, Linux..
Coolhue
Una colección de colores degradados seleccionados a mano, Coolhue le permite tomar muestras de la paleta de colores para la aplicación Photoshop y Sketch o instálalo en tu proyecto utilizando cenador
o npm
. Esto debería ahorrarle tiempo para elegir los colores de sus próximos sitios web..
Arrecife
Una biblioteca de JavaScript simple para crear la interfaz de usuario, Reef no tiene todas las campanas y silbidos de la biblioteca más grande como React.js o Vue.js. Pero si todo lo que necesitas es renderizar una interfaz de usuario, solo entrada de datos Y la plantilla Reef podría ser una gran alternativa. Es un peso de tan solo 2Kb.
Hojas perennes
Una colección de componentes UI de Segment.io. Los componentes son bastante variados; Aparte de algunos componentes regulares como botones, iconos, entrada de texto, hay algunos que creo que son exclusivos de Evergreen, como Toaster, Side Sheet y Corner Dialog..