List

MaterializeCSS is a frontend framework, similar to Twitter’s Bootstrap, with a focus on cloning Google’s Material Design. MaterializeCSS makes it easy to give webapps a native feel and a modern look.

Here’s the source for the home page of Module Based Training:

And the finished product:

As you can see, the syntax is very similar to Bootstrap and mimics a native android app, complete with the animations and transitions. It also includes useful tools you’d expect from a frontend framework: form validation, responsiveness, and CDN support to name a few.

Laravel by default builds page layouts with Bootstrap syntax, which luckily is very similar to MaterializeCSS. One hiccup I had was with the pagination, and I had to extend the Pagination class in Laravel to make it compatible. Artisan also made this easy.

php artisan vendor:publish --tag=laravel-pagination

This dropped a file in resources/views/vendor/pagination , pre-filled with the bootstrap compatible syntax.

And with the edited wrapper:

Perfect! Our app now looks modern on multiple devices.

Up next I will discuss deployment to Heroku. Stay tuned!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Posts

1 2 3 4
February 28th, 2018

Concluding the February Challenge

Writing every day for the month of February has been an experience, and has changed my perspective on writing tremendously. […]

February 27th, 2018

Cloudflare2DB

Cloudflare stats are very useful, but they expire and can’t be tracked over a long period of time. That’s why […]

February 26th, 2018

Nightly Database Backups to Google Drive

If you have a Google Apps account (a business account with more than 5 users or one provided by your […]

February 25th, 2018

Sublime Text

Sublime Text is a really powerful text editor and includes tons of functionality relevant to programming. I will dive into […]

February 24th, 2018

Great Resources for Student Developers

Being enrolled in a university comes with its pros and cons (a topic itself worthy of many other blog posts), […]

February 23rd, 2018

What is MVC?

MVC is a term thrown around lots of software development projects. Laravel, Zend, CodeIgniter, Ruby on Rails, Django, iOS, and […]

February 22nd, 2018

Getting Started With Phalcon PHP

To get started with Phalcon, I already have my server stack setup with Ubuntu 16.04, Percona MySQL, Nginx, and PHP […]

February 21st, 2018

What is Phalcon?

Phalcon is a modern PHP framework with the typical feature set you’d expect. Database ORM, error handling, MVC architecture, and […]

February 20th, 2018

Setting Up a PHP Development Environment

If you do PHP development, moving to a PHP IDE is extremely beneficial especially when debugging. PHPStorm is a great […]