Recursos frescos para diseñadores y desarrolladores web (diciembre de 2017)

“CMS sin cabeza” está ganando mucha atención en estos días. En una palabra, “CMS sin cabeza” no trata con el front-end; solo el CMS expone el contenido generalmente en una forma de API RESTful mientras que los desarrolladores pueden usar lo que prefieran para renderizar el contenido. Con la creciente popularidad de esta práctica., Surgen nuevos marcos para configurarlo y ejecutarlo rápidamente..

Entonces, en este resumen, he reunido algunos de estos marcos junto con algunas otras herramientas útiles que vale la pena revisar.

Arrancador WP sin cabeza

Este es un tema de inicio de WordPress, pero a diferencia de los demás, este tema de inicio aprovecha el WP-API para obtener el contenido y luego convertirlo en un HTML estático Usando Node y React haciendo tu sitio web. “sin cabeza”.

VueStoreFront

VueStoreFront es otro “CMS sin cabeza” marco de referencia. Construido sobre Vue.js y Node, VueStoreFront y está diseñado para plataformas de comercio electrónico como Magento, Prestashop y Shopware a través de las API. También incorpora el enfoque PWA que permite que el sitio sea utilizable desconectado.

GatsbyJS

Gatsby es un generador de sitio estático construido con React.js. Puede usar CMS con API como WordPress, Markdown, JSON para alimentar el contenido. Del mismo modo utiliza algunas tecnologías recientes como Nodo, PWA y Reacción que le permiten cargar increíblemente rápido.

DustPress

DustPress es un Tema de WordPress Starter con enfoque de desarrollo moderno.. Al aprovechar el lenguaje de la plantilla Dust.js, DustPress separa el diseño de la plantilla HTML de la lógica de PHP, lo que permite a los desarrolladores producir un código mucho más limpio. También hace Desarrollo más rápido, más fácil de mantener y le da al tema una estructura organizada..

Iconos de VSCode

Visual Studio Code se ha convertido rápidamente en uno de los editores de códigos más populares. Es ligero, tiene muchos complementos y ahora tiene una selección de diferentes iconos. Si crees que el ícono del código de Visual Studio predeterminado es aburrido, cambia a cualquiera de estos íconos.

TailWindCSS

TailWindCSS es otro framework CSS. Pero se diferencia del marco CSS popular como Bootstrap y Foundation en una forma en que no proporciona componentes de UI. En lugar, TailWindCSS viene con pequeñas piezas de clases CSS que le permiten componer su propia interfaz de usuario.

Traefik

Estaba experimentando con Docker y me preguntaba cómo enrutar el nombre de dominio a varios contenedores diferentes en una sola máquina. Entonces encontré a Traefik, un HTTP moderno inverso proxy y balanceadores de carga. Además de Docker, también es compatible con otros servicios como Kubernetes, Rancher y Amazon Elastic Container..

CubeUI

Construido sobre Vue.js, CubeUI es un Fantástico componente de interfaz de usuario para construir aplicaciones móviles. Consta de una gran cantidad de componentes como Button, Popup, TimePicker, Slide y Checkbox. Cada componente está equipado con un TestUnit que garantiza una integración continua y también minimizando el error en cada componente.

Aire

El aire es el tema de inicio de WordPress mínimo. Extendiendo el _s, Air agrega algunos componentes adicionales tales como Diapositivas, barra de navegación fija y listo para WooCommerce.

Estados vacíos

EmptyStates es un Colección de páginas de estado vacías en la web y aplicaciones móviles. por inspiración. La página de estado vacío es el tipo de página que a menudo se pasa por alto.

Diseño de atajo

Este sitio web proporciona una Colección de atajos de aplicaciones populares. y herramientas utilizadas por desarrolladores y diseñadores. Aquí encontrará accesos directos para Sketch, Photoshop, InDesign, Sublime Text, WordPress y muchos más por venir. los La lista actualmente solo contiene accesos directos para macOS, pero sería genial ver los accesos directos de Windows que también se agregarán en.

Uppy

Uppy es un Marcos de JavaScript para construir una interfaz de carga de archivos. Con Uppy, puede recuperar archivos, no solo desde una unidad local, sino también desde un servicio de almacenamiento externo como Google Drive, Dropbox, Instagram y otros servicios. Sus Ligero, modular y ampliable con complementos personalizados..

VuetifyJS

VuetifyJS es una iniciativa de John Leider para construir Diseño de Materiales alrededor de Vue.js. Google tiene una iniciativa similar con MDL o Material Design Lite, pero no parece tener suficiente tracción en la comunidad y El desarrollo parece progresar muy lento en los últimos meses.. Entonces, si está buscando una alternativa, VuetifyJS podría ser la opción correcta..

WP ULike

WP Ulike es un Plugin de WordPress para agregar “Me gusta” a tu contenido ya sea en el tipo de publicación de WordPress incorporado, tipos de publicación personalizados, y bbPress, así como BuddyPress. También viene con algunas otras características interesantes como Sistema de notificación, análisis y widgets. Lo que lo convierte en uno de los más convincentes. “Me gusta” sistema para su sitio de WordPress.

Vee Validar

Vee Validar es una biblioteca de JavaScript para agregar campo de entrada con la validación incorporada. Admite muchos tipos de entradas, como correo electrónico, número, fechas, URL, dirección IP, etc..

Tablas de datos de Vue

Otro plugin de Vue.js muy útil. VueDataTables es un complemento simple para construir Tabla personalizable y paginable con Vue.js. El complemento se ha creado teniendo en cuenta que puede generar datos masivos en la tabla sin problemas. También se envía con algunos componentes adicionales para encender tu mesa como Paginación, Cuadro de búsqueda y Filtro.

Googler

Googler es un CLI que te permite realizar búsquedas en Google a través de las líneas de comando. Similar a la interfaz, también recuperará el título, la descripción, la URL y la paginación. Es una herramienta útil para usuarios de macOS y Linux..

Perno CMS

Perno es CMS construido con PHP. Es rápido de configurar, usa Twig como su motor de plantillas, es totalmente compatible con PHP7, es fácil de personalizar a través de un simple archivo YAML. En general, me parece interesante; Definitivamente voy a pasar un tiempo para explorar más cuando tenga la oportunidad.

Teletipo

El teletipo es una nueva iniciativa del Editor Atom. Esta nueva característica te permite colabora con tus compañeros en la escritura de código. Para usarlo, deberás instalar el complemento oficial de Teletype.

Plyr

Plyr (pronunciado como Jugador) es un Biblioteca de reproductores de medios modernos con solo 10kb de tamaño. Con esto podrás personalizar el reproductor de audio y video HTML, Youtube y Vimeo, y un medio de transmisión en vivo. Está en desarrollo activo con más planeado. funciones que se agregarán, incluida la compatibilidad con Wistia y el video incorporado de Facebook.