Página delantera > Programación > Orbita un marco CSS para crear interfaces radiales simples o complejas.
Orbita un marco CSS para crear interfaces radiales simples o complejas.
Publicado el 2024-09-02
Navegar:348
¡Hola desarrolladores!
Soy fanático de DEV desde hace mucho tiempo, pero esta es mi primera publicación. Me complace presentarles Orbit, un nuevo marco CSS que he creado y que le permite crear interfaces radiales usando solo CSS.
Orbit tiene una API flexible que toma prestados algunos conceptos de diseño espacial para que sea familiar y fácil de usar. Con Orbit, puedes crear diseños radiales complejos sin escribir una sola línea de JavaScript. ¡Imagínese construir medidores, gráficos, relojes, tableros de Mini Cooper;), sistemas solares e incluso interfaces de usuario esotéricas que se ven en películas de ciencia ficción! Puedes lograr todo eso y más con CSS.
Me detendré aquí, ya que solo quiero presentar Orbit a la comunidad. En publicaciones futuras, planeo escribir algunos tutoriales y ejemplos para ayudarte a comenzar con Orbit. Si tiene alguna sugerencia de ejemplos o proyectos que le gustaría ver, ¡hágamelo saber!
Me encantaría escuchar tus comentarios.
Gracias,
Martín
- Enlace al repositorio
- Enlace de documentación
Declaración de liberación
Este artículo se reproduce en: https://dev.to/tinchox5/orbit-a-css-framework-for-crafting-simple-or-complex-radial-interfaces-2463?1 Si hay alguna infracción, comuníquese con Study_golang @163.com eliminar
Último tutorial
Más>
-
Una nueva forma de contribuir en Hacktoberfest: directamente en Frontend AIHacktoberfest está de regreso, y este año trae una nueva y emocionante forma para que los desarrolladores participen. En lugar de las tradicionales so...Programación Publicado el 2024-11-07 -
¿Por qué \"cout\" imprime \"1\" cuando se utiliza un puntero de función sin paréntesis?¿Por qué "cout una función sin llamarla (no f() sino f;). Imprimir 1 siempre?"En este código, el código intenta "llamar" una funci...Programación Publicado el 2024-11-07
-
Haz tu página web más rápida¿Qué es un DOM? ¿Qué come? El DOM (Document Object Model) es la base de las páginas web y su desarrollo. Es una interfaz de programación para...Programación Publicado el 2024-11-07
-
Requiere importación Vs en JavaScriptRecuerdo que cuando comencé a codificar veía algunos archivos js usando require() para importar módulos y otros archivos usando import. Esto siempre m...Programación Publicado el 2024-11-07
-
Implementación de una aplicación Vite/React con imágenes: una guía completaImplementar una aplicación Vite/React en páginas de GitHub es un hito emocionante, pero el proceso a veces puede presentar desafíos inesperados, espec...Programación Publicado el 2024-11-07
-
Cómo optimicé las llamadas API en mi aplicación ReactComo desarrolladores de React, a menudo nos enfrentamos a escenarios en los que es necesario sincronizar múltiples cambios de estado rápidos con una A...Programación Publicado el 2024-11-07
-
¡Vamos!Por qué necesitas probar GO Go es un lenguaje compilado rápido, liviano y de tipo estático que es perfecto para crear aplicaciones eficientes...Programación Publicado el 2024-11-06
-
¿Cómo codificar imágenes PNG como Base64 para URI de datos CSS?Uso de codificación Base64 para imágenes PNG en URI de datos CSSPara incrustar imágenes PNG en hojas de estilo CSS utilizando URI de datos, los datos ...Programación Publicado el 2024-11-06
-
Carrusel de JavaScript responsivo para datos por hora de APII almost mistook an incomplete solution for a finished one and moved on to work on other parts of my weather app! While working on the carousel that w...Programación Publicado el 2024-11-06
-
¿Cuáles son las diferencias clave entre PHP y JavaScript para el desarrollo web?PHP vs JavaScript: lado del servidor vs lado del cliente PHP cumple una función diferente a JavaScript. PHP se ejecuta en el lado del servido...Programación Publicado el 2024-11-06
-
¿Cómo puedo iterar sobre estructuras y miembros de clase en C++ para acceder a sus nombres y valores en tiempo de ejecución?Iteración sobre estructuras y miembros de claseEn C, es posible iterar a través de los miembros de una estructura o clase para recuperar sus nombres y...Programación Publicado el 2024-11-06
-
Ítem Evite flotar y duplicar si se requieren respuestas exactasProblema con flotante y doble: Diseñado para cálculos científicos y matemáticos, realiza aritmética binaria de punto flotante. No apto para cálculos m...Programación Publicado el 2024-11-06
-
Uso de WebSockets en Go para comunicación en tiempo realCrear aplicaciones que requieran actualizaciones en tiempo real, como aplicaciones de chat, notificaciones en vivo o herramientas colaborativas, requi...Programación Publicado el 2024-11-06
-
¿Cómo ejecutar Selenium Webdriver con Proxy en Python?Ejecutando Selenium Webdriver usando un proxy en PythonCuando intentas exportar un script de Selenium Webdriver como un script de Python y ejecutarlo ...Programación Publicado el 2024-11-06
-
¿Cuándo ocurre el || ¿El operador actúa como operador predeterminado en JavaScript?Comprensión del propósito de || Operador con operandos no booleanos en JavaScriptEn JavaScript, el || El operador, a menudo denominado operador lógico...Programación Publicado el 2024-11-06
Estudiar chino
- 1 ¿Cómo se dice "caminar" en chino? 走路 pronunciación china, 走路 aprendizaje chino
- 2 ¿Cómo se dice "tomar un avión" en chino? 坐飞机 pronunciación china, 坐飞机 aprendizaje chino
- 3 ¿Cómo se dice "tomar un tren" en chino? 坐火车 pronunciación china, 坐火车 aprendizaje chino
- 4 ¿Cómo se dice "tomar un autobús" en chino? 坐车 pronunciación china, 坐车 aprendizaje chino
- 5 ¿Cómo se dice conducir en chino? 开车 pronunciación china, 开车 aprendizaje chino
- 6 ¿Cómo se dice nadar en chino? 游泳 pronunciación china, 游泳 aprendizaje chino
- 7 ¿Cómo se dice andar en bicicleta en chino? 骑自行车 pronunciación china, 骑自行车 aprendizaje chino
- 8 ¿Cómo se dice hola en chino? 你好Pronunciación china, 你好Aprendizaje chino
- 9 ¿Cómo se dice gracias en chino? 谢谢Pronunciación china, 谢谢Aprendizaje chino
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
Decodificación de imagen base64
pinyin chino
Codificación Unicode
Compresión de cifrado de ofuscación JS
Herramienta de cifrado hexadecimal de URL
Herramienta de conversión de codificación UTF-8
Herramientas de codificación y decodificación Ascii en línea
herramienta de cifrado MD5
Herramienta de cifrado y descifrado de texto hash/hash en línea
Cifrado SHA en línea