Devshop Questions
Revised, first MDG app week
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155734/Screen_Shot_2013-11-15_at_11.59.25_AM.png)
Should help you with everything (including helpers)
Old app
it was based on todos example in 1 day (props to Jade)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155735/Screen_Shot_2013-11-15_at_11.56.47_AM.png)
Problems
When title is too long, it hides the table tag and the timestamp![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155737/Screen_Shot_2013-11-15_at_12.03.19_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155737/Screen_Shot_2013-11-15_at_12.03.19_PM.png)
Some people ignore table numbers and use ad-hoc identifiers
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155739/Screen_Shot_2013-11-15_at_12.05.25_PM.png)
Not always clear, how to put your name and table tag
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155740/Screen_Shot_2013-11-15_at_12.06.11_PM.png)
Problems
There is no place for MDG announcements
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155742/Screen_Shot_2013-11-15_at_12.06.52_PM.png)
Users don't get out perfect UX
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155744/Screen_Shot_2013-11-15_at_12.07.31_PM.png)
People forget to put their name/location often enough to make it annoying
New app
Clean and simple
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155746/Screen_Shot_2013-11-15_at_12.13.05_PM.png)
Question form
For validation, name autofill (if logged in with GH)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155750/Screen_Shot_2013-11-15_at_12.14.28_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155751/Screen_Shot_2013-11-15_at_12.15.54_PM.png)
Ability to mark questions as "Core dev help is needed"
Newbie question:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155757/Screen_Shot_2013-11-15_at_12.16.55_PM.png)
Super weird question:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155755/Screen_Shot_2013-11-15_at_12.16.44_PM.png)
(Helps to find the questioner)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155759/Screen_Shot_2013-11-15_at_12.19.12_PM.png)
And since we force people to put the name and location, at least we always have name.
MDG Announcements
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155761/Screen_Shot_2013-11-15_at_12.20.23_PM.png)
"Flu shots are upstairs"
"Play skee ball and tweet"
"Tweet with our hashtag"
- no limitations to your imagination
Help page for noobs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155765/Screen_Shot_2013-11-15_at_12.21.46_PM.png)
Flat UI
Any noob can pretend he/she knows how to build beautiful UI
... and Hand-drawn logo!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155772/Screen_Shot_2013-11-15_at_12.25.21_PM.png)
Technical
Wireframes/brainstorming took around 1.5 days
Props to Alice for figuring out the workflow and drawing awesome wireframes:
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155776/photo10_zpsfb13dcd8.jpg)
Technical
Meteor UI + jquery plugins - possible but is still a lot of work.
(Thanks to Avi and David for spending hours with me)
Template.header.rendered = function () {
Deps.autorun(function () {
if (!Meteor.user())
setTimeout(putGitHubIcon, 0);
});
};
function putGitHubIcon () {
$("#login-buttons-image-github").remove();
$("#login-buttons-github").prepend($('', { class: "fa fa-github" }));
}
CSS is a pain
Meteor UI components, looking at you
Bootstrap is only good for bootstrap components
![](https://s3.amazonaws.com/media-p.slid.es/uploads/slavakim/images/155780/slava.jpg)
Not implemented yet
-
There are some bugs with jquery more/less
-
No easy way to change the broadcast announcement
- Projector mode (only questions + twitter feed)
-
Integration with SO is difficult, need more research on that
- More flat UI improvements!
new devshop questions
By Slava Kim
new devshop questions
- 1,511