Materializecss Starter
Una placa de arranque para materializecss con Ionicons, Fontawesome y AnimateCss.
Consulte la demostración aquí
¿Qué es Materializecss?
MaterializeCSS es un marco front-end moderno basado en el diseño de materiales.
¿Para quién es esto?
- Diseñadores y desarrolladores web
- Desarrolladores de aplicaciones híbridas
- Desarrolladores de la aplicación Electron (Materializecss Electron Boilerplate próximamente!)
- Hackers (a quienes les gusta ponerse en funcionamiento lo más rápido posible)
¿Cómo uso esto?
Muy simple. Simplemente clone este repositorio escribiendo el comando a continuación en su terminal o símbolo del sistema (con GIT instalado):
$ git clone https://github.com/jalasem/materializecss_starter.git project_name
Requisitos previos
- Para usar el comando git, debe tener instalado Git, puede hacerlo instalándolo a través de git-scm.com
- También necesita un editor de texto para disfrutar de su edición de código. Personalmente recomiendo vs código
- Y la última versión del navegador Mozilla, Chrome o Edge para verlo funcionar.
Obtener ayuda y guías
- Para comenzar a usar Materializecss, un recurso muy bueno y único que recomiendo es la documentación proporcionada en el sitio web de Materializecss
- Obtenga vistas previas y elija el icono de su elección en el sitio web de Ionicons y la hoja oficial de Ionicons
- Fontawesome.io es un muy buen lugar para ver íconos y hojas de trucos de fuentes
- Consulte AnimateCSS (una biblioteca para usar CSS Animation en nuestra página) Demos aquí o AnimateCss Github Repo
¿Por qué usar Ionicons y Fontawesome en el mismo proyecto?
¡Buena pregunta! Ionicons es una biblioteca que ofrece íconos elegantes y brillantes pero no tiene muchos íconos como lo hacen Fontaweam. Por lo tanto, puede elegir usar cualquiera de los excelentes íconos en Ionicons o Font-Awesome. Esto le da más flexibilidad. A continuación se muestra un fragmento sobre cómo un ícono de la Biblioteca Ionicons.
<i class="icon ion-bookmark"></i>
Y esto para un icono de muestra de fuentes
<i class="fa fa-plus"></i>
Que contribuye
Me encantará tus contribuciones en este proyecto. Que van desde errores tipográficos hasta correcciones de errores e incluso páginas de muestra. Para contribuir
- ¡Bifurca!
- Crea tu rama de características:
git checkout -b my-new-feature - Comprometer sus cambios:
git commit -m 'Add some feature' - Push to the Branch:
git push origin my-new-feature
Después de fusionar su solicitud de extracción , puede eliminar de manera segura su rama.
Sugerencias
¡Sí! Discutamos. Envíe un correo electrónico a Ajala Abdul-Samii Olalekan a [email protected] o cree un problema.
Versiones
Haré todo lo posible para mantener este proyecto actualizado con las últimas versiones de Materializecss y sus dependencias, Fontawesome, Ionicons y AnimateCss.
Aquí hay una lista de todo lo que usé y sus versiones:
- Materializecss: 0.98.1
- JQuery: 2.1.1
- Ionicons: 2.0.1
- Font-Awesome: 4.7.0
- AnimateCSS (basado en el último compromiso de @Daneden Github Repo)
Autor
¿Cómo digo gracias?
Si encuentra este proyecto útil o útil para usted o un colega. ¿Por qué no contarle al mundo a través de Facebook o Twitter y protagonizar este proyecto?
Licencia
Este proyecto tiene licencia bajo la licencia MIT: consulte el archivo de licencia.md para más detalles
Agradecimientos y créditos
- Dogfalo y los miembros de su equipo que hicieron el proyecto Materializecss. Sin ellos, este proyecto podría nunca haber existido
- Muchas gracias a prosperar otemuyiwa @unicodeveloper por la inspiración que me dio a través de sus charlas, publicaciones de FB/Twitter y su inicio del proyecto Laravel Hackhathon