css-grid

Reading Time: < 1 minute Vue Scroll Spy NavBar Demo: https://railsstudent.github.io/vue-scroll-spy-navbar/ Repo: https://github.com/railsstudent/vue-scroll-spy-navbar Animated Image Search using Pixable API Demo: https://railsstudent.github.io/vue-animated-image-search/ Repo: https://github.com/railsstudent/vue-animated-image-search/ Timezone Converter (Used time-convert.js built from ng-time-converter project) Demo: https://railsstudent.github.io/vue-time-converter/ Repo: https://github.com/railsstudent/vue-time-converter CSS Grid Simple portfolio site for May 18th side project sharing Demo: https://railsstudent.github.io/portfolio/ Repo: https://github.com/railsstudent/portfolio Angular Angular Custom Timezone Converter Demo: http://yummy-trick.surge.sh/ Repo: https://github.com/railsstudent/ng-time-converter

Reading Time: < 1 minute Angular 5 Build a Todo App with Angular 5 and Ngrx 5. Ngrx 5 is an open source state management library powered by RxJS. So far, I used ngrx/store to define a store that stores todo, course and instructor entities. Ngrx entity generates entity state that is an object with mandatory ids and entities properties. … Read more

Reading Time: < 1 minute Use CSS grid to design Mondrian paintings in browser Mondrian Painting #2 Mondrian Painting #3 Mondrian Painting #4 Mondrian Painting #5 Repo:https://github.com/railsstudent/mondrian-you-try-it Use CSS grid to build a responsive image gallery with flexbox fallback Image Gallery (Flexbox) Repo:https://github.com/railsstudent/image-gallery/tree/master/flexbox Image Gallery (Grid) Repo:https://github.com/railsstudent/image-gallery/tree/master/grid Angular 5 A movie player Repo:https://github.com/railsstudent/ng-movie-player Pomodoro Timer Repo:https://github.com/railsstudent/ng-pomodoro-timer/ Dynamic Periodic Table Repo:https://github.com/railsstudent/ng-periodic-table/