Materializecss Starter
A Starter Boilerplate for Materializecss with Ionicons, fontawesome and Animatecss.
Check demo at here
What is Materializecss ?
Materializecss is a modern responsive front-end framework based on Material Design.
Who is this meant for ?
- Web Designers and Developers
- Hybrid app developers
- Electron app developers (materializecss electron boilerplate coming soon!)
- Hackers (who just like to get up and running as quick as possible)
How do I use this?
Very simple. Just clone this repository by typing the command below in your terminal or command prompt(with git installed):
$ git clone https://github.com/jalasem/materializecss_starter.git project_name
Prerequisites
- To use the git command, you need to have git installed, you can do this by installing it through git-scm.com
- You also need a text editor to enjoy your code editing. I personally recommend VS Code
- And the latest version of Mozilla, Chrome or Edge browser to see it work.
Getting Help and Guides
- To get Started using Materializecss, A very good and the only resource I recommend is the documentation provided on Materializecss website
- Get previews and choose the icon of your choice at ionicons website and ionicons official cheat-sheet
- Fontawesome.io is a very good place to check out font-awesome icons and cheatsheets
- See Animatecss( A library for using css animation on our page) demos here or Animatecss github repo
Why use Ionicons and Fontawesome in the same Project?
Good Question! Ionicons is a library that offers elegant and brilliant icons but don't have much icons as fontawesome do. So you could choose to use any of the great icons in both ionicons or font-awesome. This gives you more flexibility. Below is a snippet on how to an icon from the ionicons library.
<i class="icon ion-bookmark"></i>
And this for a sample font-awesome icon
<i class="fa fa-plus"></i>
Contributing
I will love your contributions on this project. Ranging from typos to bug fixes and even sample pages. To contribute
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature
After your pull request is merged, you can safely delete your branch.
Suggestions
Yeah! Let's discuss it. Send an e-mail to Ajala Abdul-Samii Olalekan at [email protected] or create an issue .
Versioning
I will try my best to keep this project updated with the latest versions of Materializecss and its dependencies, fontawesome, ionicons and Animatecss.
Here is a list of all I used and their versions:
- Materializecss : 0.98.1
- Jquery: 2.1.1
- Ionicons: 2.0.1
- font-awesome: 4.7.0
- Animatecss (based on the latest commit from @daneden github repo)
Author
- Ajala AbdulSamii - [email protected]
How do I say thank you?
If you find this project useful or helpful for you or a colleague. Why not tell the world about it via facebook or twitter and star this project
License
This project is licensed under the MIT License - see the LICENSE.md file for details
Acknowledgments and Credits
- Dogfalo and his team members who made Materializecss project. Without them, this project might have never existed
- Thanks a bunch to Prosper Otemuyiwa @unicodeveloper for the inspiration he gave me through his talks, fb/twitter posts and his project Laravel hackhathon Starter