What would be cool is to have a webpage where the first thing the user sees is fullscreen ( example a picture ) but still be able to scroll down to see more content.
here is a bit of a modification from a stackoverflow solution
(stackoverflow solution http://stackoverflow.com/questions/8264499/css-min-height-100-with-multiple-divs?rq=1)
I just converted it to not have a header or a footer. and added content beyond the first screen.
http://jsfiddle.net/rUj8b/2/
A simple but cool effect with minimal HTML and CSS and no javascript.
This works in most modern browsers ( IE not included )
hover over the iphone to see it "phase out"
Feel free to use the code on the fiddle.
http://jsfiddle.net/5sRTX/2/
Heroku promises minimal config for rails devs, but out of the box, it has taken a bit of research to get it working right with Win8
especially since rails seems to have mysql as the default... weird choice imho.
Beyond following heroku instructions there are a couple other steps.
Firstly, I can recommend getting aptana set up, it has a default rails project that has most things setup.
next in postgres you have to set a role for your project to use. my role is called example and i setup it with just about all privileges on to get things going.
In Aptana, create a new Rails project.
from the console terminal that aptana creates install a couple gems
gem install pg
gem install activerecord-postgresql-adapter
in Aptana in your project make the following changes to config/database.yml
Remove the setting for the sqlite3 and replace the settings for your postgres db.
( example needs to be replaced with your settings. )
adapter: postgresql
database: example_db
username:example
password:example
host:localhost
encoding:UTF8
then in the Gemfile in your project remove
gem 'sqlite3'
and replace with
gem 'pg'
lastly in the command line console of Apatana, type
rake db:create
hopefully thats it
created a directive that works on the window scroll ( it could updated to work on any element though ) html usage
where "service.scrollY" MUST be a variable within a service. Services retain their state and values, controllers are recreated every time they load and clear their values so you cant use them to store persistent data. the controller has a scope variable pointing to the service. directive js
app.directive('ngKeepScroll', function ($timeout) { return function (scope, element, attrs) { //load scroll position after everything has rendered $timeout(function () { var scrollY = parseInt(scope.$eval(attrs.ngKeepScroll)); $(window).scrollTop(scrollY ? scrollY : 0); }, 0); //save scroll position on change scope.$on("$routeChangeStart", function () { scope.$eval(attrs.ngKeepScroll + " = " + $(window).scrollTop()); }); } });
Its been a long and enjoyable project. The results are great even if i do say so myself.
The website is up
www.smovie.tv
and the product is ready for purchase.
video
screenshots
Features
Digital Video Recorder
TV Guide up to 2 weeks
Multi-Record, up to 8 shows recording from 1 TV tuner
Back to back recordings on the 1 TV tuner with full pre and post record padding
Post padding automatically extended to 45 minutes for sporting events
Post padding automatically extended to 30 minutes for movies
Plug in as many TV tuners as your computer can handle
Recycle bin, no more accidentally deleted shows
Live TV
Pause, rewind and skip live TV
30 second skip, only watch the adverts you want to watch
Channels pre-configured for your area
TV and movie library
Automatic TV Show artwork and info downloading
TV shows sorted into season and episode
Automatic Movie artwork and info downloading
Movies sorted into their genres
2 levels of parental lock
Plays and records shows on the local PC or on network storage
Eye candy
3d menus
Configurable 2d and 3d menus
Lense flares
Star Trek style teleporter effects
Skinnable artwork and background video
Internet TV
Including selected Boxee online feeds
Multimedia
Plays DVDs
Plays CDs
MP3 and audio playback
Image slide show
DSLR Camera slide show
Extras
Supports dual screen. (Watch 2 shows at once. A fast graphics card is recommended)
Works with the Windows remote control
Digital store
3rd party extensions
MC extender when used with Orb (www.orb.com) (Free from Orb)
Stream videos to the Web, WMC, XBMC, XBox, XBox 360, PS 3, Wii, IPhone, IPod Touch and IPad via Orb (www.orb.com)
Free from Orb, except for Apple products
Under development
Weather forecast with information directly from the Australian Bureau of Meteorology
Touchscreen remote control
More coming
HTPC technology is moving fast, and we are at the forefront of the innovations.
We anticipate that there will be 2 updates of Smovie.tv a year for the foreseeable future to keep you at the cutting edge.
Here's a vid on the new Smovie product
www.smovie.tv