Giter Site home page Giter Site logo

blog's Introduction

Marionette Blog

screenshot

This blog is built using Hexo.

Topic suggestions

Please create a new GitHub issue for topic ideas that you would like us to write about

Steps to get it running:

1. Fork this repo
2. npm install
3. To create a new post in markdown: hexo new draft <filename>
4. Edit the file with your file name in this directory: _drafts
5. Edit your title at top of the file
6. Add a tag at the top of the file so that it can be filtered, choose from:
  • tags: news
  • tags: notes
  • tags: releases
  • tags: tutorials (beginner)
  • tags: tutorials (intermediate)
  • tags: tutorials (advanced)
  • tags: behind the scenes

Note: Make sure you add a space after the colon

To add multiple tags:
tags:
- news
- releases
7. Add your name as the last tag (after the word by):
tags:
- news
- by Uncle Bob

Note: Make sure you write your name the same way for all posts so it filters correctly (so no Uncle Bob one week and Uncle Bobby the next)

8. To edit a post that has been published, edit the file in this directory: _posts
9. Turn on the server: hexo s (if port 5000 is being used already, try hexo s -p 4000)
10. Preview your post at: localhost:5000
11. Once you're satisfied with your changes, send a pull request

Steps to go live:

12. To publish a post (moves a post from _drafts to _posts directory): hexo p <filename>
13. To generate static files into the public folder for hosting: hexo generate
14. To preview the blog: open the index.html file in the public folder
15. One time setup:
16. To push to the gh-pages branch - NOT MASTER - (this is where blog.marionettejs.com is hosted on GitHub):
  • Make sure you're still in the public directory
  • git add .
  • git commit -m 'publish <TITLE>' && git push live master:gh-pages

Adding Images

There's a matching folder with the same name as your post. Save you image(s) in that folder.

To link to the image:
![alt text](/path/to/img.png "Title")

Code Highlighting

Backtick code block
``` [language]

    code snippet

```
More info on formatting: http://hexo.io/docs/tag-plugins.html

Disqus Syntax Highlighting

If you're responding to a comment on Disqus and want syntax highlighting, place your code inside <pre><code> tags. For example:

<pre><code>
var foo = 'bar';
alert('foo');
</code></pre>

Happy blogging!


Got questions? Contact @jdaudier at Gitter chat

blog's People

Contributors

ahumphreys87 avatar denar90 avatar jamesplease avatar jdaudier avatar paulfalgout avatar samccone avatar scott-w avatar trezy avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

blog's Issues

Drop the .html suffixes to blog pages

We should set up an nginx server, or something, that drops the suffixes to the blog posts. I can set up and host a server on Bocoup's AWS account if we're ๐Ÿ‘ to that.

Using the Renderer

You can use the Renderer to make specifying your view templates a lot easier.

viewModel pattern / best practices

This seems to be something with a lot of value that is under documented and not explicitly an opinion of Marionette. But not following a pattern like this can get you into trouble.

Documentation suggestion for views

This is in reference to:
Note: The Marionette.View class is not intended to be used directly.

I think this should be changed. I find that using views directly is a good way to provide an interface to existing elements, or an interface to other view types. In this case it acts as a "controller" of sorts. Say you have a group of tabs and each tab renders a different collection, a view can provide an interface to handle the transition.

Blog is already stale

I think @marionettejs/marionette-core should consider either removing the blog, or having a regular release schedule and goals.

Possibly reconsider having guest posters, or even repost, or having tl;dr posts linking to other useful blog posts out there.

The blog should be some centralized useful, somewhat regularly updated place for all things marionette.

This works fairly organically for the YouTube channel. But the blog should try and utilize content that's already being created so it's less of a burden to keep things fresh.

Marionette's future major releases blog post

v3 and v4.

An Architecture Update and a View Update. I'd like to write this one, too, unless someone else is just jonesin' to write a blog post about our future major releases. Just lemme know โ€“ I got 2 others in the works so it's nbd.

Determine guidelines for a Guide vs. a Blogpost

Soon we'll have Guides on the website. What should the distinction be for when something should be a guide, or a blog post? Should guides be entry-level looks at a topic, and blog posts be a more detailed analysis? I'm not too sure!

Behaviors

Blog post related to @jasonLaster's video on behaviors. This is a fantastic new feature to Marionette. People should learn it early and use it often.

Marionette Modules

We should have a blog post on Marionette Modules and our plans for them. This is just to document that I'm writing it now!

Base Classes pattern

@thejameskyle's Wires shows off a really awesome pattern for Backbone/Marionette: making a directory of Base objects. I should write a post about why I think this is really beneficial to devs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.