Recursos frescos para diseñadores y desarrolladores web (junio de 2016)

Estamos ampliando la lista para la edición de mediados de año. Esta entrega presenta algunas CLI (y aquí está nuestra publicación sobre por qué debería aprender la línea de comandos), un par de aplicaciones de escritorio para el trabajo y la diversión, y varias bibliotecas de CSS y JavaScript. También se incluyen materiales de lectura, referencias y guías sobre las mejores prácticas que debe revisar, marcar y posiblemente leer un día..

No voy a estropear el resto de la lista, así que vete. Para más recursos frescos, haga clic aquí.

Haga clic para más recursos

Encuentre nuestra colección completa de recursos recomendados y las mejores herramientas de diseño y desarrollo web disponibles.

CertBot

CertBot proporciona una manera más práctica de implementar certificados desde Let's Encrypt. Proporciona un conjunto de líneas de comando con soporte para numerosas configuraciones de servidor como Apache, NGINX y Plesk. Hablando de eso, Let's Encrypt es un esfuerzo comunitario para hacer que la Web sea más segura al proporcionar un Certificado SSL gratuito. Actualmente se utiliza en más de 3 millones de sitios web..

Mononoki

Mononoki es una fuente diseñada específicamente para mostrar código. Mononoki está disponible como una fuente de escritorio instalable (.ttf) y fuente web (.eot, y .woff). Es una alternativa fresca al clásico. monotipos como Mónaco, Menlo y Courier.

BideoJS

Mostrar un video de reproducción automática en la página de inicio parece ser una tendencia al alza. BideoJS es una biblioteca de JavaScript que le permite hacer exactamente eso con menos obstáculos. Es ligero, sensible y se puede configurar para adaptarse a sus necesidades.

Purga de CSS

Purga de CSS es una colección de referencias, artículos y estadísticas de CSS. Una información ingeniosa como esta puede ayudarlo a tomar decisiones bien informadas sobre qué metodologías, herramientas y marco de CSS desea adoptar en su proyecto..

Mailgen

Mailgen es un módulo de Nodo para generar un correo electrónico HTML simple y agradable. Se proporcionan algunas opciones, que le permiten personalizar casi todas las áreas del correo electrónico. Puedes configurar el email “tema”, el encabezado del correo electrónico, y la “Llamada a la acción” botón. También se puede integrar en su escritorio o aplicación web basada en Node..

Deco

Deco es un IDE para construir una aplicación móvil utilizando la iniciativa React Native de Facebook. Piense en Deco como XCode o Visual Studio, donde puede crear una aplicación con una interfaz de usuario fácil de usar con la función de arrastrar y soltar, controles deslizantes y selectores de color.

IE8 Linter

Internet Explorer 8 (IE8) es un navegador antiguo que no admite tecnologías web modernas como animaciones CSS3, transformaciones, transiciones y la mayoría de los elementos HTML5 sin una relleno de polietileno. El principio DRY es una herramienta que podemos usar para escanear sitios web para la compatibilidad con IE8. Proporciona el informe y las soluciones..

Del cabrón

Del cabrón Es una aplicación de escritorio no oficial de Facebook Messenger. Está construido sobre Node.js y Electron, lo que le permite ser una aplicación multiplataforma; Está disponible en OS X, Windows y Linux. También viene en dos colores, oscuro y claro..

Kit de fotones

Kit de fotones Es un framework para comenzar una nueva aplicación con Electron. Al igual que Bootstrap, Foundation y los Me gusta, Photon viene con un número de componentes que te permite crear elementos comunes de la interfaz de usuario en una aplicación como los botones, la barra de herramientas y la barra lateral..

Aplicación Yeoman

Aplicación Yeoman es una aplicación de escritorio que genera placas de compilación, marcos y andamios de proyectos desde Yeoman. Es una buena alternativa para aquellos que no se sienten cómodos trabajando a través de las líneas de comandos y terminales..

SQLectron

SQLectron es un cliente de escritorio SQL que le permite ver y realizar varias operaciones SQL de manera más conveniente. Es compatible con MySQL, PostgreSQL y Microsoft SQL Server. SQLectron está disponible para OS X, Windows y Linux.

Familia scss

FamiliaSCSS es una colección de mixins que hace que la selección de elementos con : nth-child mas intuitivo Los mixins son declarativos. Por ejemplo, puedes escribir @incluir primero (3) Seleccionar los tres primeros elementos hijos y escribir. @incluir entre (2, 4) Seleccionar los elementos secundarios del 2 al 4..

EasyEngine

EasyEngine es una colección de líneas de comando que le permiten configurar su WordPress con herramientas y módulos como Redis, el complemento de almacenamiento en caché y PageSpeed. Facilita la configuración del servidor de WordPress para agilizar la velocidad..

Phinx

Phinx Es un módulo PHP para la gestión y migración de bases de datos. Viene con clases y líneas de comando que le permiten ejecutar casi cualquier operación de base de datos, como escribir, descargar y cargar. Phinx Docs es una referencia ingeniosa para ayudarlo a comenzar.

RichCSS

RichCSS Es un framework CSS que proporciona una estructura sana. El marco organiza perfectamente carpetas, directorios y clases de una manera pro-DRY que permite que sea reutilizable. Además de los botones, listas y formularios, RichCSS también viene con su propia CLI que puede utilizar para comenzar un nuevo proyecto Rich como Bower, Git y NPM..

Frend

Frend Es una colección de componentes web comunes. Actualmente, la colección consta de Acordeón, Modo de diálogo, Descanso, Herramienta, Fichas, y algunos más en la próxima versión. Frend podría ser una buena alternativa a jQuery UI.

FLA

Este es un marco integral para crear un diseño de cuadrícula sensible con Flexbox.

PHP el camino correcto

PHP es un lenguaje de programación que es fácil de aprender, pero también podría fallar en los códigos y esto podría comprometer la seguridad y el rendimiento de su sitio web.. PHP de la manera correcta Es una referencia extensa para aprender las mejores prácticas en PHP..

Starability

Starability es una biblioteca CSS para construir un sistema de clasificación de estrellas con retroalimentación animada de lujo. La calificación de estrellas está construida teniendo en cuenta la accesibilidad; Puedes navegar y asignar estrellas a través del teclado..

WaitAnimate

WaitAnimate es una herramienta web útil para calcular una “pausa” tiempo en una sola animación CSS @keyframe. los “pausa”, Cuando se hace correctamente, podría hacer que la animación sea más atractiva. Aquí hay algunos ejemplos..