Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Does anyone ever heard about it ?
What is Materialize ?
Materializecss - The next front-end framework
@EPITA
October 11, 2015
2
Who am I ?
Maxime Orefice
- Student @EPITA
- Rails ...
3
Bootstrap by Twitter
Ŏ
- Responsive
- Cross-platform
y
Released August 19th, 2011
- Open source project
- Mark Otto, Jac...
4
Grid System
- col-sm : ≥768px
- col-md : ≥992px
- col-lg : ≥1200px
Sometimes not enough
- Datepicker
- Parallax
- Range ...
5
Materializecss
A modern framework based
on Material Design by Google
- 4 guys from Pennsylvania
- 10837 stars on Github
...
6
Ƽ
Let’s go !
Install Materialize sass with rails
Add in your Gemfile :
- gem ‘materialize-sass’
Run :
- bundle install
Ad...
7
Beautiful form
+o
Checkbox animated
T
Datepicker
Ɣ
Youhou !
8
Parallax
Wave animation
9
DŽ
Easy to integrate
Awesome featuresQuestions ?
Have a look !
Prochain SlideShare
Chargement dans…5
×

Materializecss

1 542 vues

Publié le

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Materializecss

  1. 1. Does anyone ever heard about it ? What is Materialize ?
  2. 2. Materializecss - The next front-end framework @EPITA October 11, 2015 2 Who am I ? Maxime Orefice - Student @EPITA - Rails Addict - Entrepreneur LINKEDIN : https://fr.linkedin.com/pub/maxime-orefice/63/896/228 TWITTER : https://twitter.com/goldenson_ « GITHUB : https://github.com/goldenson
  3. 3. 3 Bootstrap by Twitter Ŏ - Responsive - Cross-platform y Released August 19th, 2011 - Open source project - Mark Otto, Jacob Thornton - 82735 stars on Github Simplify developer’s life - Provide css and Javascript components
  4. 4. 4 Grid System - col-sm : ≥768px - col-md : ≥992px - col-lg : ≥1200px Sometimes not enough - Datepicker - Parallax - Range slider
  5. 5. 5 Materializecss A modern framework based on Material Design by Google - 4 guys from Pennsylvania - 10837 stars on Github Speeds up development Better animations and transitions for a better user experience Easy to work with - Well detailed documentation - Feedback is highly recommanded X
  6. 6. 6 Ƽ Let’s go ! Install Materialize sass with rails Add in your Gemfile : - gem ‘materialize-sass’ Run : - bundle install Add in app/assets/stylesheets/application.scss : - @import “materialize”; Add in app/assets/javascripts/application.js : - //= require materialize-sprockets
  7. 7. 7 Beautiful form +o Checkbox animated T Datepicker Ɣ Youhou !
  8. 8. 8 Parallax Wave animation
  9. 9. 9 DŽ Easy to integrate Awesome featuresQuestions ? Have a look !

×