es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Recursos frescos para desarrolladores web - Diciembre de 2017

"CMS sin cabeza" está ganando mucha atención en estos días. En pocas palabras, "CMS sin cabeza" no trata con el front-end; el CMS solo expone el contenido generalmente en forma de API RESTful, mientras que los desarrolladores pueden usar lo que prefieran para representar el contenido. Con la creciente popularidad de esta práctica, surgen nuevos marcos para configurarla y ejecutarla rápidamente .

Entonces, en esta ronda, he reunido algunos de estos marcos junto con algunas otras herramientas útiles que vale la pena consultar.

Headless WP Starter

Este es un tema de inicio de WordPress, pero a diferencia de los otros, este tema de inicio utiliza la WP-API para obtener el contenido y luego lo convierte en un HTML estático usando Node y React, haciendo que su sitio web "sin cabeza".

VueStoreFront

VueStoreFront es otro marco de "CMS sin cabeza". 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 se pueda usar fuera de línea .

GatsbyJS

Gatsby es un generador estático del sitio construido con React.js. Puede usar CMS con API como WordPress, Markdown, JSON para alimentar el contenido. De manera similar, utiliza algunas tecnologías recientes como Node, PWA y React que le permiten cargar increíblemente rápido .

DustPress

DustPress es un tema de inicio de WordPress con un enfoque de desarrollo moderno . Aprovechando el lenguaje de 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 que el desarrollo sea 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ódigo más populares. Es liviano, tiene muchos complementos y ahora tiene selecciones de iconos diferentes . Si cree que el icono predeterminado del Código de Visual Studio es aburrido, cambie a cualquiera de estos íconos.

TailWindCSS

TailWindCSS es otro framework CSS. Pero difiere del marco CSS popular como Bootstrap y Foundation de una manera que no proporciona componentes UI. En cambio, TailWindCSS viene con pequeñas piezas de clases CSS que le permiten componer su propia IU .

Traefik

Estaba experimentando con Docker y me preguntaba cómo enrutar el nombre de dominio a varios contenedores diferentes en una sola máquina. Luego encontré Traefik, un proxy inverso HTTP moderno 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 UI para construir aplicaciones móviles . Consiste en una gran cantidad de componentes como Button, Popup, TimePicker, Slide y Checkbox. Cada componente está biselado con una TestUnit que garantiza una integración continua y también minimiza el error en cada componente .

Aire

Air es el tema de inicio mínimo de WordPress. Extendiendo el _s, Air agrega algunos componentes adicionales como Slides, Sticky Navigation Bar y listo para WooCommerce .

EmptyStates

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

Diseño de acceso directo

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

Uppy

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

VuetifyJS

VuetifyJS es una iniciativa de John Leider para construir Material Design en torno a Vue.js. Google tiene una iniciativa similar con MDL o Material Design Lite, pero parece que no tiene suficiente tracción en la comunidad y el desarrollo parece avanzar realmente lento en los últimos meses . Entonces, si estás buscando una alternativa, VuetifyJS podría ser la opción correcta.

WP ULike

WP Ulike es un complemento de WordPress para agregar "Me gusta" a tu contenido, ya sea en el tipo de publicación de WordPress incorporado, tipos de publicaciones personalizadas, y bbPress, así como en BuddyPress. También viene con algunas características geniales como Sistema de notificación, Análisis y Widgets que lo convierten en uno de los sistemas "Me gusta" más atractivos para su sitio de WordPress.

Vee validar

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

Tablas de datos Vue

Otro práctico complemento Vue.js. VueDataTables es un plugin simple para construir una tabla personalizable y paginable con Vue.js. El complemento se crea teniendo en cuenta la escala, ya que puede generar datos masivos en la tabla sin problemas. También se envía con algunos componentes adicionales para encender su mesa como Pagination, Searchbox y Filter .

Googler

Googler es una CLI que le 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 los usuarios avanzados de macOS y Linux.

Bolt CMS

Bolt es CMS construido con PHP. Es rápido de configurar, utiliza Twig como 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 pasaré algún tiempo para explorarlo aún más cuando tenga oportunidad.

Teletipo

Teletipo es una nueva iniciativa nueva del Editor Atom. Esta nueva característica le permite colaborar con sus compañeros al escribir código . Para usarlo, necesitarás instalar el plugin oficial de Teletype.

Plyr

Plyr (pronunciado como Player) es una biblioteca de reproductor multimedia moderna con solo 10kb de tamaño . Con esto podrás personalizar el reproductor de video y audio HTML, Youtube y Vimeo, y un medio de transmisión en vivo. Está en desarrollo activo con más funciones planificadas que se agregarán, incluida la compatibilidad con Wistia y el video insertado de Facebook .

Spotify para Android ahora está detrás de la integración de las letras

Spotify para Android ahora está detrás de la integración de las letras

En enero de 2016, Spotify y una compañía de anotación musical llamada Genius se unieron para presentar Behind the Lyrics para la versión iOS de Spotify . En abril de 2017, esta función finalmente llegó a la versión de Android de Spotify . Con vigencia inmediata, los usuarios de Android Spotify ahora podrán ver información adicional sobre una canción en dos de las listas de reproducción seleccionadas de Spotify . Estas dos

(Consejos de tecnología y diseño)

Cómo hacer que su contenido sea difícil de replicar

Cómo hacer que su contenido sea difícil de replicar

¿Sabía que Internet tiene aproximadamente 3.300 millones de páginas indexadas en este momento y cuenta? Eso se traduce en unos increíbles 33 mil millones de enlaces a contenido web, asumiendo que cada página tiene 10 entradas. Deja que se hunda.Si eres un lector, es mucho más información de la que puedes consumir en tu vida . Si er

(Consejos de tecnología y diseño)