Permalink
Browse files

Added initial README.md (part final content, part brain dump), minor …

…tweaks to iPod/iPhone fieldset legend CSS, completed the the iPad portrait & landscape CSS.
  • Loading branch information...
1 parent e61098a commit 1c4983899ac36849b09d6b26c9962834917624b3 @morgant committed Jan 13, 2011
Showing with 80 additions and 17 deletions.
  1. +41 −0 README.md
  2. +39 −17 index.html
View
@@ -0,0 +1,41 @@
+Cash Out
+========
+
+_Cash out your registers faster, more easily, and more accurately._
+
+---
+
+A free web app for quickly, easily, and accurately cashing out a register at the end of the business day. Sums the value of bills, coins, and checks, then calculates your deposit. Allows printing or emailing of completed cash out sheet.
+
+Optimized & themed for [iOS](http://www.apple.com/ios/) (iPod touch, iPhone, or iPad), but works great in a modern web browser as well. Better yet, since it's a web app, there's no need to worry about upgrades or waiting for bug fix releases as it'll always be running the latest version.
+
+[Cash Out](http://cash-out.makkintosshu.com/)
+
+Released under the MIT license. Source code available at [http://github.com/morgant/cash-out].
+
+Development sponsored in part by [Small Dog Electronics, Inc.](http://www.smalldog.com/)
+
+Current Release:
+[http://cash-out.makkintosshu.com/]
+
+
+Will List On:
+
+- [http://www.apple.com/webapps/calculate/]
+- [http://openappmkt.com/]
+
+Resources Used During Development:
+
+- [Building iPhone Apps with HTML, CSS, and Javascript](http://ofps.oreilly.com/titles/9780596805784/index.html)
+- [Using CSS Media Queries to Style Your iPhone and iPad HTML](http://broadcast.oreilly.com/2010/04/using-css-media-queries-ipad.html)
+- [HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript](http://matt.might.net/articles/how-to-native-iphone-ipad-apps-in-javascript/)
+- [Getting Started with iOS Web Apps](http://developer.apple.com/library/safari/#referencelibrary/GettingStarted/GS_iPhoneWebApp/)
+- [What size should apple-touch-icon.png be for iPad and iPhone 4?](http://stackoverflow.com/questions/2997437/what-size-should-apple-touch-icon-png-be-for-ipad-and-iphone-4)
+
+
+Guilloché Inspiration & Tools:
+
+- [Welcome to the new Blinksale!](http://www.blinksale.com/2010/07/welcome-to-the-new-blinksale/)
+- [Guilloché Pattern Generator](http://www.subblue.com/projects/guilloche)
+- [Guillochés](http://ministryoftype.co.uk/words/article/guilloches/)
+
View
@@ -51,13 +51,16 @@
margin: 0;
margin-top: 37px;
border: none;
+ padding: 5px 10px;
position: relative;
}
#tools > fieldset:last-child { margin-top: 10px; }
fieldset > legend {
color: #666;
margin-left: 10px;
font-size: 17px;
+ font-weight: bold;
+ text-shadow: 0px 1px 0px #fff;
display: block;
position: absolute;
top: -29px;
@@ -143,7 +146,8 @@
input.even { color: orange; }
input.over { color: green; }
- @media all and (min-device-width: 481px) {
+ /* iPad Portrait CSS */
+ @media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
section {
display: block;
margin: 0;
@@ -157,29 +161,47 @@
margin-left: 384px;
overflow: hidden;
}
- fieldset > legend { margin-left: 20px; }
- ul, ol {
- margin-left: 20px;
- margin-right: 20px;
+ #money fieldset {
+ padding-left: 30px;
+ padding-right: 15px;
}
- li > label { width: 152px; }
- li > input { width: 130px; }
- input[type=button] {
- width: 322px;
- margin-left: 20px;
- margin-right: 20px;
+ #tools fieldset {
+ padding-left: 15px;
+ padding-right: 30px;
}
+ li > label { width: 157px; }
+ li > input { width: 135px; }
+ input[type=button] { width: 334px; }
footer { clear: both; }
}
- /* iPad Portrait CSS */
- @media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
-
- }
-
/* iPad Landscape CSS */
@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
-
+ section {
+ display: block;
+ margin: 0;
+ padding: 0;
+ width: 512px;
+ }
+ #money {
+ float: left;
+ }
+ #tools {
+ margin-left: 512px;
+ overflow: hidden;
+ }
+ #money fieldset {
+ padding-left: 30px;
+ padding-right: 15px;
+ }
+ #tools fieldset {
+ padding-left: 15px;
+ padding-right: 30px;
+ }
+ li > label { width: 221px; }
+ li > input { width: 199px; }
+ input[type=button] { width: 462px; }
+ footer { clear: both; }
}
</style>
<style type="text/css" media="print">

0 comments on commit 1c49838

Please sign in to comment.