Cargando…

Joe Steinbring

Web Awesome

Una biblioteca de componentes web independientes de cualquier framework, de los creadores de Font Awesome. Como son elementos personalizados y no componentes de Vue o React, funcionan en cualquier sitio, y eso es lo que las separa de Vuetify y PrimeVue. Está construida sobre Lit.

Uso Web Awesome, antes llamada Shoelace, para crear interfaces de componentes web reutilizables y basadas en estándares que funcionan con cualquier framework. Llegué a ella después de toparme con los límites de kits de componentes como Bootstrap, Vuetify y Bulma, y está construida sobre Lit.

Artículos escritos
19
Pens de CodePen escritos
25
Sitio web oficial
webawesome.com
Antigüedad
2 años (desde 2024)
Proyectos que lo usan
jws.dev

Aspectos destacados

  • Me centré en los elementos personalizados nativos del navegador y en la compatibilidad entre navegadores.
  • El propio jws.dev está hecho con Web Awesome, que se usa para las tarjetas, la maquetación de las páginas y los controles de formulario.
  • La elegí frente a Bootstrap, Vuetify y Bulma porque los elementos personalizados no dependen de un único framework.

Del blog

Artículos relacionados

Artículos de JWS News y DEV relacionados con Web Awesome.

  1. How to use Vue and i18n to offer your site in multiple languages

    I am genuinely surprised we haven’t covered this topic before, given that it is one of the most powerful ways to instantly level up a web application. Today, we are tackling internationalization, showing you how to easily offer your website in multiple languages. The web is inhe…

  2. Building a full web form using Vue and Web Awesome

    Previously, we learned how to build dropdowns, radio button groups, buttons, and combo boxes. I figure the next step is to put it all together and build a full web form. In today’s demo, we are going to build a “feedback” form where someone provides their name, conta…

  3. How to use wa-combobox with Vue

    Previously, we used wa-dropdown to build a state, city, and zip dropdown set, and two years ago, we looked at implementing autocomplete with Vue. Today, we are going to look at how to use Web Awesome’s Combobox component to combine the two. This demo uses the same dataset that I…

  4. Trying to figure out the CodePen 2.0 editor

    Recently, CodePen introduced CodePen 2.0, and since then, I have been trying to figure out how to modify my workflow for this blog to use it. I have been using CodePen to host my code demos for over six years now, and it feels weird to change, but it seems like a positive develo…

  5. More Web Awesome Dropdowns

    Back in February, we looked at how to use Vue.js and Web Awesome to create dropdowns. I wanted to take a moment to look at other ways we can use Vue and Web Awesome to do cool things with Dropdowns. In today’s post, we will use the data files at data.jws.app to populate dropdown…

  6. How to use wa-radio-group with Vue

    Previously, we went over how to use wa-card, wa-grid, wa-dropdown, and wa-relative-time. The next post in the Web Awesome/Vue series will be about the wa-radio-group component. This could be useful for wiring up a web form or for writing the interface for a results listing (like…

Desde GoToSocial

Reflexiones relacionadas

Publicaciones breves sobre Web Awesome, seleccionadas por hashtags de tema.

  • #webawesome
  • #shoelace
  • #webcomponents
Buscando reflexiones relacionadas…