This is really interesting. I guess the part that confuses me is using the "View" to do traditional controller-esque things. At least in the example, that is how it looked. Would you be able to explain that choice?
Yeah, I think the example itself is not a great pattern. :) If I were to redo that example, or do another example completely, I'd probably move a lot of that logic stuff into the model.
It's possible I'll add a more traditional 'controller' to the mix at some point, but I mostly wanted a similar structure to that of Backbone, without the need for jQuery/underscore.
It's just odd for an MVC framework to not have a 'C'. Generally, your view would just generate HTML, the controller listens for events and responds to them by updating the view and model. Here, your view is taking over that responsibility.
For how small the library is, this is pretty fantastic though. Significantly smaller than Backbone for similar syntax.
There are a few things in play here that you may not be considering. First this minimum wage increase would probably happen over 5 years like San Francisco and Seattle are doing. So businesses would have time to prepare and it would not go from $9 -> $15. Second, these companies have many costs outside of labor. If labor were to double for just employees making less than $15/hr, the price of everything would not just double. It would have to go up, of course, but it would not double. The final thing to consider is that if every one in the USA is making more money, they will also have more money to spend. This means they are more likely to spend money at these types of businesses thus increasing daily sales for the company.
The argument you are making is an extremely common argument from before the minimum wage was instituted decades ago where minimum wage was also (relatively, of course) significantly higher than it is right now. It turns out that people do like to spend money and when they have more of it, they spend more of it.
We use JIRA at my office, and I really do not like it for project management. JIRA gets too big and unmanageable way too quickly.
I have not, however, tried JIRA agile, which might be better.
For straight user stories, I love Sprint.ly. However, its feature set is just that: User Stories. It works extremely well, makes sense and is a pleasure to read.
For me the things I can do to stay motivated are like this:
1. Work with people you really enjoy being around.
2. Do something you love doing
3. Find a type of music which is not distracting. Preferably, no lyrics or loud noises.
4. Find what is making you procrastinate (video games for me) and moderate it.
5. Be goal oriented. Be more agile and celebrate the small victories.
Hey! I just want to say, this is awesome and I wish you the best of luck.
I am a Developer and I noticed a few really concerning things in your CSS:
1. I believe you're committing the greatest CSS Sin: Emulating the DOM structure using nesting. Here is one example: "#site-header.newheader nav>ul>li>a.buttonGreen"
That CSS Selector should not exist like that. You shouldn't be using ids (first) and second this should be be: .buttonGreen {}
It looks like bad Sass or LESS is being used and nesting is being abused. If you'd like more advice on how to fix this I have written many talks.
The reason these selectors are a problem is because of the extremely long paint time. Right now your site takes around 30ms to paint. It should be closer to 10ms.
2. The CSS classes used are meaningless. Above there's a "buttonGreen" class. However, what if you redesign and that button is now blue? Do you just edit the CSS (like should have to be done) Or do you change your HTML and CSS to reflect a basic styling change? This only hurts you and maintaining your site.
3. You're loading 2.4 MB of data on your home page. 1 MB of that is images, which is fine, but that means you have 1.3 MB of data loading. The good news is that on mobile almost 100% of what you are loading are images, however, that number is still 2 megabytes. I'd see if there is a way to lower that number.
4. It is extremely busy. I was really confused when I got to the site. I am not a good designer so I cannot give specific advice, but I'd think "calming" the site would help a lot.
5. On Chrome Mobile I cannot click the hamburger button. It does nothing.
6. You need to simplify your creation flow. You have 4 pages right now, it should only be 1.
7. Your select boxes need a dropdown arrow.
8. USE NATIVE SELECTS and restyle them using CSS. Use a fallback for IE and IE only!
9. Mobile functionality is not the same as desktop functionality, this is a big one that needs to be fixed. You should be able to do the EXACT same things on mobile that you can on desktop.
10. The goal of the site should not be browsing, I don't think. I think it should be about: Creating lists and sharing lists. Browsing should certainly be an option, but make creation and sharing more prominent than browsing.
I believe you're committing the greatest CSS Sin: Emulating the DOM structure using nesting. Here is one example: "#site-header.newheader nav>ul>li>a.buttonGreen" ... If you'd like more advice on how to fix this I have written many talks.
I didn't know this was an issue until recently and now I'm slowly fixing it on my main project. I'd love your additional advice/pointers!
Of course! The idea behind using preprocessors is helping you write CSS more easily. The goal is not to write obfuscated CSS, but rather to write CSS well! What it really enables (imo) is to think of styling in an Object Oriented way. Whenever you're about to write a block of Sass think "What is this thing?". The answer is almost never a "green button" but rather "getting started button". Or something like that. It also helps you to think in terms of inheritance:
The "getting started button" and "buy button" are both interaction buttons. (Similar buttons, but one is green and the other is yellow).
In Sass you represent that this way:
1. Placeholder %interaction-button class where you outline the fact that it has a border radius, color, and any other shared styling.
2. A button maker mixin where you put the colors that need to be changed, and any other flags (like has_sub_text: true for the unbold text) and then @extend's the placeholder above.
3. The classes ".buy-button {}" which include the mixin you made.
To clarify, for the `.buy-button` class, is that where one should put super-specific styles like `margin-left: 12px`?
Also, is there a good place I can learn these kind of things? I'm a programmer trying to get better at CSS (SCSS now that we've setup the asset pipeline)—so far I've been reading random A List Apart and The Sass Way articles, but I feel like I could use a more holistic, in-depth understanding of CSS if there's a good book out there for that.
To answer your first question, yes that is exactly where you should put your super-specific styles. You want to put your communal styles in your placeholder, styles that all types have but are different in the mixin (background color, etc) and the rest on the class itself.
The best way to get better at Sass is to follow people who are active in the community (which unfortunately is not me). Start with Chris Coyier and Hampton Catlin and work your way from there.
If you don't mind me plugging my own talks, I have a few that are really good at learning Sass:
I would take a look at BEM. It's methodology and set of naming conventions to help write better, more modular and reusable CSS. It can take a while to get used to, and to get it right, but once you do it's a lifesaver. I can't imagine doing front-end dev without it now
I'm not a designer by any means, so take this with a grain of salt, but after reading through the first link, BEM bears a striking resemblance to hungarian notation, which I think most of us decided was a bad idea a long time ago. Do you have any sense that this naming convention is different somehow from the naming conventions that have been used and abandoned in other areas of software development, and if so, what makes it different?
This was inspired by an episode of the daily show. It consists of an incredibly basic Go fileserver, HTML5 and CSS3. Nothing advanced or cool, but I like.
You can click the button and it's John McCain saying "Hell No" from his Party of Hell No speech. There was a bit on the Daily Show about it and I thought making it in to a button would be funny.
It is not a technical masterpiece, and it was built in about an hour. But I am proud of it.
