css trick, sections all the same height as the screen

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/

CSS3 special effect for your images, look ma, no javascipt

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/

Getting Rails and Postgres configured on Win8

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

Retain scroll position on route change in AngularJS?

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()); }); } });

Smovie.tv media center alternative, ready to roll


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.

Smovie TV promo video

First Smovie Product TuneUp

Here's a vid on the new Smovie product



www.smovie.tv