Recursos frescos para diseñadores y desarrolladores web (octubre de 2018)

A diferencia de cualquier otra industria, el desarrollo web está cambiando a pasos agigantados. Hay nuevas herramientas, métodos y marcos desarrollados casi todos los días para atender a Nuevas tendencias y avances tecnológicos. en la industria web.

Así que aquí hay una lista de las últimas herramientas y recursos que incluyen un marco PHP para realizar fácilmente E2E testing para tu aplicación PHP, una herramienta para generar colores que cumplen con los estándares de accesibilidad W3C, y un puñado de extensiones Vue.js. Vamos a saltar para ver la lista completa.

Keyframes App

Una aplicación web Proporcionar una buena interfaz gráfica de usuario para componer la animación CSS y visualizar la animación con una línea de tiempo. La aplicación también te permite descargar la salida CSS una vez que estés satisfecho. Los fotogramas clave de CSS no son las especificaciones más fáciles de CSS, por lo que tener una aplicación como esta definitivamente sería un ahorro de tiempo.

Symfony Panther

“Symfony Panther” es un marco de PHP increíble de Symfony para realizar la prueba E2E (extremo a extremo). Viene con su servidor web incorporado y podría aprovechar Chrome instalado en su computadora para realizar la prueba E2E.

Además, apoya. Ejecuciones de JavaScript, captura de pantalla, controlador personalizado de Selenium, Chrome, y cliente de Firefox. Al ser un marco independiente, puede incluir Panther en cualquier proyecto de PHP como, por ejemplo, WordPress, Joomla, etc..

TrendyPalettes

Una colección de hermosas paletas de colores. La colección ofrece miles de paletas de colores seleccionados a mano. Los usuarios pueden enviar una nueva paleta de colores, por lo que siempre habrá nuevas paletas agregadas cada día. TrendyPalettes también está disponible como una extensión de Chrome..

Águila.js

Eagle.js es un marco para crear diapositivas creadas sobre Vue.js para que pueda reutilizar fácilmente los componentes personalizados de Vue.js dentro de las diapositivas. La diapositiva también soporta Navegación con teclado y ratón, estilo personalizado o temática., widgets interactivos, y proporciona una plantilla para ayudar a configurar y presentar la diapositiva rápidamente. Puede ser un gran alternativa a Reveal.js, especialmente si ya estás familiarizado con Vue.js.

Uva.js

GrapeJS es un constructor web de código abierto que te permite crear páginas web simplemente con arrastrando y soltando componentes. Proporciona algunos componentes comunes como Texto, Imagen, Vidoe, Columnas, Mapa, Cotización, etc. Puedes exportarlo a HTML y CSS y la salida es sorprendentemente clara, a diferencia de algunas herramientas similares que probé antes. Echa un vistazo a la demo.

Insípido

Vapid es un nuevo CMS creado con Node.js con un enfoque interesante y único. La mayoría de los CMS, suponiendo que le gustaría incluir un nuevo tipo de datos, requerirá definir primero la entrada personalizada en el área de Tablero / Administración.

Con Vapid, es lo contrario, ya que puede definir la plantilla, y Vapid generará automáticamente la entrada en el área de Dashboard / Admin. Está disponible como un paquete NPM.

Notificación WP CLI

El nombre lo dice todo. Es un paquete personalizado de WP-CLI para mostrar las notificaciones del sistema operativo cuando WP-CLI ya ha terminado de ejecutarse. Bastante elegante.

CSSGr.id

Una aplicación basada en web para componer CSS Grid. Puede configurar el número de elementos, las columnas, el espacio entre cada elemento, así como el intervalo de cada elemento y luego generar el código HTML y CSS. CSS Grid es una de esas especificaciones de CSS que no es fácil de entender. Pero esta herramienta hace que sea mucho más fácil tratar con ella..

Sugerencia de desplazamiento

ScrollHint es una biblioteca de JavaScript que te permite crear un elemento en la parte superior para mostrar que una sección de tu página web es desplazable. Esto es particularmente útil si tiene un elemento de desplazamiento horizontal en su página web, ya que la mayoría de las personas no se desplazan naturalmente de izquierda a derecha (o viceversa) cuando consumen la web.

PristineJS

Una biblioteca de JavaScript para agregar validación a una entrada. HTML5 viene con alguna validación de tipo ya con el “tipo = correo electrónico”, y “tipo = número” por ejemplo. Pero si necesitas un validador personalizado que no está implementado en HTML5, Esta biblioteca de JavaScript será útil.

SelecciónJS

Probablemente, la mayoría de las personas ya conocen cómo seleccionar varias carpetas o archivos en su computadora; por lo general, mantendrán presionado el botón del mouse y lo arrastrarán alrededor de los archivos o carpetas que les gustaría seleccionar. Si desea aplicar el mismo UX en su sitio web, SelectionJS será útil.

Webdash

Webdash es una herramienta que puede muestra tu proyecto en la interfaz GUI. Se conecta a través de la paquete.json archivo en su computadora. Así se puede visualizar la lista de los Paquetes NPM, actualice el paquete, los scripts registrados, ejecute el script, y previsualizar los archivos README directamente desde el Webdash. Bastante impresionante!

CanJS

Un marco de JavaScript para construir la interfaz web. Es similar a React.js con algunas características adicionales y viene con el enrutador, DOM Utilities y AJAX funcionan de manera inmediata. También tiene un soporte comunitario bastante activo que proporciona algunas extensiones..

CheerioJS

Una biblioteca de JavaScript que implementa la especificación jQuery Core para DOM (modelo de objetos de documento) y está diseñada para ser utilizada en el lado del servidor. Si eres trabajar con Node.js mientras también disfruta de la sintaxis de jQuery me gusta addClass (), attr (), y encontrar(), Este es el JavaScript que estás buscando.

Caja de color

Colorbox es una iniciativa de Lyft para generar una composición de color que cumpla con el estándar de accesibilidad de color. La herramienta se alimenta con un algoritmo inteligente que le permite simplemente mover alrededor de la perilla, cambiar la configuración, y generará los colores apropiados para ti. Es simplemente increíble.

Propiedades escritas en PHP 7.4

PHP7.3 está a la vuelta de la esquina, como hemos mencionado en la entrega anterior. Pero PHP7.4 ya está en el Plan. Uno de los planes es Typed Property. Esto significa que pronto podrás escribe algo como public int $ id; en tu clase de PHP. Es un gran cambio que podría ayudar considerablemente a reducir los errores de la aplicación PHP.

Plantilla

Un compilador de JavaScript que facilita la creación de componentes web con el último estándar. Además, StencilJS también está incorporando un enfoque de desarrollo web moderno en la mezcla que incluye Soporte JSX, reactividad, enrutador y administración del estado usando un plugin.

Vue Infinite Loading

Una extensión de Vue para crear una página de desplazamiento infinito. Es compatible con dispositivos móviles y Compatible con cualquier elemento desplazable.. También admite dos direcciones de desplazamiento, y lo mejor de todo es que ahorra mucho tiempo..

Portapapeles V

Una extensión personalizada de Vue.js que lo hace tan fácil de crear un “Dupdo” botón. Simplemente puede agregar un v-portapapeles atribuir a un botón y ya está todo listo. Esta extensión Vue.js funciona para todos los navegadores modernos, así como para IE11 y la última versión.

Vue Select

Un componente Vue.js que proporciona una funcionalidad similar a Select2. Está diseñado para Vue.js que permite ser compatible con Vuex, plantillas personalizadas, y un montón de otras bondades Vue.js.