Using the popular voodoohop:masonrify package, we will create an automated, responsive layout for our snippets, making our UI much more user friendly and clean.
- View Offline
- [Voiceover] Today we will be going over the first video…in section four, Creating Responsive User Interfaces…Structuring Your UI with Masonry.…We'll use some basic CSS to structure our application.…We will add the MasonryContainer and MasonryElements…to our templates to give it that…nice responsive look and feel.…All right, so the first thing that we'll want to be able to…do is differentiate between one snippet…and another snippet.…We're gonna go ahead and give a little bit of structure…to our snippet.…
Here in our CRSS we're gonna go ahead and do the…snippet class, we're gonna declare our width of let's say…250 pixels and we'll do the height right about the same…for right now, you got 250 pixels, looks good okay.…And then we're also gonna put a bordered property.…This will make it so that we can see the border and just…for kind of testing purposes so we'll give it a…nice solid border side of here of two pixels…and we will make it just a nice kind of grayish color.…We're now gonna want to add that border to our existing…
Meteor is an incredibly powerful, impossibly fun platform for building responsive web and mobile applications. Meteor uses modular components, full-stack reactivity, and data on the wire, leading the charge toward truly effective application development.
Learning Meteor Application Development will get you up and running on the Meteor platform and on your way to creating web and mobile applications in hours instead of weeks. By taking advantage of all of Meteor's capabilities, you can take your development skills to the next level and build those "killer apps" you've been dreaming about.
Author Isaac Strack begins by installing Meteor, configuring the development environment, and building a baseline application. Then he shows how to create a full-stack application and build a simple, elegant, and data-reactive interface. He connects that UI to back-end services by creating a MongoDB data collection, Meteor DDP services, and a RESTful API. Finally, you'll learn how to test the application and deploy it to Meteor's servers or to a customized production environment, to show it off to the world.
- Setting up Meteor
- Creating your first app with Meteor
- Displaying collections
- Adding content through user input
- Securing your app
- Creating web and REST services
- Creating a responsive UI
- Deploying a Meteor app