justspamjustin/junior

A front-end framework for building html5 mobile apps with a native look and feel.

junior's Issues

Question: templates

This looks really great and simple to use. I just have a question about templates. In the annotated example, all the html is defined in the javascript. Is it possible to instead have the templates as separate html files?

Integration with Bootstrap

Hey,

I was just curious if there was a way to integrate this into twitter bootstrap so that at a mobile level it uses Junior and extends out into normal Twitter Bootstrap. This would be amazing but I know it would be a LOT of work. If you give me an idea of getting started with something like that I may fork this for that

button on bar not vertically aligned

Looks like issue is on line 44 of junior.css. Is this safe to remove?

.bar-title .title + [class*="button"]:last-child {
top: 0px
}

Rails Intergration

In case anyone is interested, we created a Gem to add junior to asset pipeline.
https://github.com/semmin/junior-rails

Difficulty in scrolling vertically in the carousel

When I load the page in my iPhone, it's simply impossible for me to scroll down vertically if I start the tap anywhere inside the carousel. Even if I try to move my finger in a very precise vertical movement, it always receives my tap event as if I was trying to swipe right to move to the next pic.

If the hight of the carousel was a little bit higher, it would be virtually impossible to scroll down.

Responsivity for iPad

I've discovered that the class 'header-animated' is not responsive.

Please change header-animated { width:98% } to header-animated {width:98%;width:calc(100% - 5px);width:-moz-calc(100% - 5px);width:-webkit-calc(100% - 5px);}.

Thank you!

Question : add JPanelMenu

Hi,
I just tried out Junior, and I have to say it's a good job.
Small Framework but really efficient and responsive.

My concern is that I'm trying to implement the JPanelMenu plugin with Junior to have a "facebook like" menu but it fails. The CSS animation does not move the whole page.

Do you plan on adding that kind of menu? Or have you already succeed in implement them together?

Thank you

Define markup everytime for each page?

Just looking at Junior now and it seems pretty cool. However, isn't there a better way of structuring things versus having to re-write the entire markup for the page? I suppose that's how the animations work, but it's tedious to repurpose each page when it would be nice to do something like:

 Jr.Navigator.navigate('page', {
    setTitle: "My Other Page",
    trigger: true
  });

Just as an example of not having to write out the entire header-bar template again.

[enhancement] Add missing bower.json.

Hey, maintainer(s) of justspamjustin/junior!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library justspamjustin/junior is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "justspamjustin/junior",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

Clarification on scope of the project?

I might have got misunderstood the scope of the project - especially of the term

HTML5 mobile apps with a native look and feel.

I viewed the demo page on a stock Android browser on a Samsung Galaxy Captivate running ICS and I didn't see the Android native look and feel. I still see all the UI elements sporting the iOS look and feel.

Could you clarify on the scope and the meaning of the term native look and feel?

Small bug on the github page using the simulator on the right

The bug is on your demo page at http://justspamjustin.github.com/junior/

I'm on Chrome and Mountain Lion.

I scrolled down a little bit then I clicked show me more on the simulator and then click Back on the top left, it automatically jumps to the top of the page. This is probably the default behavior with # at the end of the links.

Thought of letting you know and thanks for the framework, I'm gonna build it with my next project.

Internet Explorer

While testing in different browsers I noticed that Junior isn't able to run in Internet Explorer, in my case 9. The problem is likely caused by using Zepto and a blank page is presented. I know it is meant as a mobile framework but support for browsers would be nice.

Routes

Hi, Justin.

Great job.

I've a problem with routes. I developed this routes in Backbone.js only:
'': 'home',':category': 'category',':category/:project':'project'
How would I do using junior?

Regards,
Rafael França

Bower support would be great!

http://twitter.github.com/bower/

proper documentation

can you provide a better documentation..?

Transition animations in Android webkit

It seems that transition animations have a strange behavior in Android browser or pre 4.4 Android apps that embed a webkit.

If you open your http://justspamjustin.github.io/junior from the Android default browser and press the next and back buttons from the sample, you'll see the page header animation but the rest of the page (everything under the header containing the back/next button and the title) is not animated.

I've tested this in Android 4.3, 4.2.2 and 2.3.3.

Poutsch (our very polished app) uses Junior!

If you wish to add it the address is poutsch.com