Browse Source

Merge branch 'master' into 2.0.0-wip

pull/210/head
connors 12 years ago
parent
commit
14ed85e871
  1. 2
      Makefile
  2. 19
      README.md
  3. 2
      component.json
  4. 11
      dist/ratchet.css
  5. 8
      dist/ratchet.js
  6. 5
      lib/css/buttons.css
  7. 4
      lib/css/lists.css
  8. 2
      lib/js/sliders.js

2
Makefile

@ -6,7 +6,7 @@ build:
mkdir -p dist
cat lib/css/base.css lib/css/bars.css lib/css/lists.css lib/css/forms.css lib/css/buttons.css lib/css/chevrons.css lib/css/counts.css lib/css/segmented-controllers.css lib/css/popovers.css lib/css/modals.css lib/css/sliders.css lib/css/toggles.css lib/css/push.css > ./dist/ratchet.tmp.css
cat lib/js/*.js > ./dist/ratchet.tmp.js
@echo "/**\n * ==================================\n * Ratchet v1.0.1\n * Licensed under The MIT License\n * http://opensource.org/licenses/MIT\n * ==================================\n */\n" > ./dist/copywrite.txt
@echo "/**\n * ==================================\n * Ratchet v1.0.2\n * Licensed under The MIT License\n * http://opensource.org/licenses/MIT\n * ==================================\n */\n" > ./dist/copywrite.txt
cat ./dist/copywrite.txt ./dist/ratchet.tmp.js > ./dist/ratchet.js
cat ./dist/copywrite.txt ./dist/ratchet.tmp.css > ./dist/ratchet.css
rm ./dist/ratchet.tmp.css ./dist/ratchet.tmp.js ./dist/copywrite.txt

19
README.md

@ -1,4 +1,4 @@
# Ratchet
# Ratchet v1.0.2
Prototype mobile apps with simple HTML, CSS and JS components.
@ -29,23 +29,6 @@ A small list of "gotchas" are provided below for designers and developers starti
- Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:/// protocol); consequently, Ratchet does not work when opened directly as a file.
- A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run ```python -m SimpleHTTPServer <port>``` to serve up the files in the current directory to ```http://localhost:<port>```
## Future features
Ratchet is just getting started. Here are some of the immediate features we're thinking about:
- Shelf (exposable left hand navigation a la Path or Facebook)
- Gridviews
- Notifications
- Slide control
- More list views options
- Improved active states (especially for lists)
- Docking list dividers
- Touch library for richer touch events (swipes, long press, etc)
- Autocomplete
- Hiding title bar (hides with scroll)
Even these are just the short-term goals though. We eventually want to extend Ratchet beyond the prototying for iPhone and create HTML/CSS/JS components for iPad and Android devices. Our dream is that Ratchet becomes the best way to create mobile experiences with web standard languages.
## Authors
Dave Gamache

2
component.json

@ -1,5 +1,5 @@
{
"name": "ratchet",
"version": "1.0.1",
"version": "1.0.2",
"main": ["./dist/ratchet.js", "./dist/ratchet.css"]
}

11
dist/ratchet.css vendored

@ -1,6 +1,6 @@
/**
* ==================================
* Ratchet v1.0.1
* Ratchet v1.0.2
* Licensed under The MIT License
* http://opensource.org/licenses/MIT
* ==================================
@ -436,7 +436,7 @@ a {
/* Pad each list item and add dividers */
.list li {
position: relative;
padding: 20px 60px 20px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@ -450,7 +450,7 @@ a {
position: relative;
display: block;
padding: inherit;
margin: -20px -60px -20px -10px;
margin: -11px -60px -11px -10px;
color: inherit;
}
@ -735,6 +735,11 @@ select {
}
/* Make button elements go full width when given .button-block class */
button.button-block {
width: 100%;
}
/* Counts in buttons
-------------------------------------------------- */

8
dist/ratchet.js vendored

@ -1,6 +1,6 @@
/**
* ==================================
* Ratchet v1.0.1
* Ratchet v1.0.2
* Licensed under The MIT License
* http://opensource.org/licenses/MIT
* ==================================
@ -558,7 +558,7 @@
window.addEventListener('click', function (e) { if (getTarget(e.target)) e.preventDefault(); });
}();/* ----------------------------------
* SLIDER v1.0.0
* SLIDER v1.0.1
* Licensed under The MIT License
* Adapted from Brad Birdsall's swipe
* http://opensource.org/licenses/MIT
@ -581,7 +581,7 @@
var scrollableArea;
var getSlider = function (target) {
var i, sliders = document.querySelectorAll('.slider ul');
var i, sliders = document.querySelectorAll('.slider > ul');
for (; target && target !== document; target = target.parentNode) {
for (i = sliders.length; i--;) { if (sliders[i] === target) return target; }
}
@ -764,4 +764,4 @@
toggle = false;
});
}();
}();

5
lib/css/buttons.css

@ -79,6 +79,11 @@
}
/* Make button elements go full width when given .button-block class */
button.button-block {
width: 100%;
}
/* Counts in buttons
-------------------------------------------------- */

4
lib/css/lists.css

@ -11,7 +11,7 @@
/* Pad each list item and add dividers */
.list li {
position: relative;
padding: 20px 60px 20px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
padding: 11px 60px 11px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
@ -25,7 +25,7 @@
position: relative;
display: block;
padding: inherit;
margin: -20px -60px -20px -10px;
margin: -11px -60px -11px -10px;
color: inherit;
}

2
lib/js/sliders.js

@ -1,5 +1,5 @@
/* ----------------------------------
* SLIDER v1.0.0
* SLIDER v1.0.1
* Licensed under The MIT License
* Adapted from Brad Birdsall's swipe
* http://opensource.org/licenses/MIT

Loading…
Cancel
Save