Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devchris03/podcast
¡Bienvenido a Podcast, tu plataforma de intermediación para compartir tus podcasts en distintas plataformas!
https://github.com/devchris03/podcast
accessibility avif-images css flexbox grid gulp gulp-plugin html responsive-web-design sass webp-images
Last synced: about 1 month ago
JSON representation
¡Bienvenido a Podcast, tu plataforma de intermediación para compartir tus podcasts en distintas plataformas!
- Host: GitHub
- URL: https://github.com/devchris03/podcast
- Owner: devchris03
- Created: 2024-03-27T16:09:22.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-28T21:08:18.000Z (9 months ago)
- Last Synced: 2024-10-12T20:41:12.019Z (2 months ago)
- Topics: accessibility, avif-images, css, flexbox, grid, gulp, gulp-plugin, html, responsive-web-design, sass, webp-images
- Language: SCSS
- Homepage: https://devchris03.github.io/podcast/
- Size: 1.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎙️ Podcast
¡Bienvenido a Podcast, tu plataforma de intermediación para compartir tus podcasts en distintas plataformas!
Podcast es una página web diseñada para simplificar el proceso de publicación de tus podcasts. Simplemente sube tu contenido, y nosotros nos encargaremos de difundirlo en las diversas plataformas de podcasts disponibles. Con nuestros planes personalizables, podrás elegir la opción que mejor se adapte a tus necesidades y alcanzar una audiencia más amplia de manera sencilla.
## Características del Proyecto
1. **Diseño Adaptable**: El sitio web se adapta a diferentes dispositivos para una experiencia de usuario óptima en cualquier pantalla.
2. **HTML Semántico**: Utilizamos HTML semántico para estructurar el contenido de manera clara y significativa, facilitando la comprensión y accesibilidad.3. **Diseño Trabajado con Flexbox y Grid**: Implementamos Flexbox y Grid para un diseño flexible y robusto que se ajusta dinámicamente al contenido y a los dispositivos.
4. **Nomenclatura BEM para un Mayor Orden**: Seguimos la metodología de nomenclatura BEM (Block, Element, Modifier) para una estructura CSS más organizada y mantenible.
5. **Imágenes en Formato AVIF y WebP para Mejor Performance**: Optimizamos el rendimiento del sitio al utilizar formatos de imágenes modernos que reducen el tamaño de archivo y mejoran los tiempos de carga.
6. **Accesibilidad**: Priorizamos la accesibilidad para garantizar que nuestro sitio sea usable por todas las personas, independientemente de sus capacidades.
7. **Favicon Personalizado**: Agregamos un favicon personalizado para una identidad visual única y profesional.
## Tecnologías Usadas
- **HTML**: El lenguaje de marcado estándar para crear y estructurar páginas web.
*Resumen*: HTML proporciona la estructura básica de la página, permitiendo definir el contenido y su organización.- **CSS**: Lenguaje de estilos utilizado para dar formato y diseño a las páginas web.
*Resumen*: CSS se encarga de la presentación visual del sitio, aplicando estilos para mejorar la apariencia y la experiencia del usuario.- **Sass**: Preprocesador CSS que facilita la escritura de estilos con características como variables, anidamiento y mixins.
*Resumen*: Sass amplía las capacidades de CSS, permitiendo una escritura más eficiente y mantenible de estilos.- **Gulp**: Herramienta de automatización de tareas para el desarrollo web.
*Resumen*: Gulp automatiza tareas repetitivas durante el desarrollo, como la compilación de Sass o la optimización de imágenes, mejorando la eficiencia del flujo de trabajo.- **VSC (Visual Studio Code)**: Editor de código fuente desarrollado por Microsoft.
*Resumen*: VSC es un editor altamente personalizable con numerosas extensiones que facilitan el desarrollo web.## Agradecimientos
Quiero expresar mi más sincero agradecimiento a todas las personas que se tomaron el tiempo de explorar este proyecto y contribuir con su feedback y sugerencias.
🔗 [LinkedIn](#) | 🐦 [Twitter](#)