Scott Whittaker

mainly web related notes, posts, whatever, by an average (seasoned) web developer

TV Framework screenshot

Side project

TV Framework

My latest side project destined to never be complete is a TV framework. I have worked in the VOD industry for some years now as a software engineer working with various in-house frameworks. I dared myself to get at least a skeleton application up and running and to see how far I could take things. If nothing else I will get even more appreciation for how hard these frameworks are to build and use on challenging devices. Hopefully I will have a demo app available soon. In the meantime, checkout some Heroes.

Latest Stuff

From the TV Framework

Gotta love a Hero

The TV framework might never be finished, but at least the heroes look good. Data and artwork courtesy of TMDB.

  • Smart TV homepage screenshot showing left menu navigation, top featured hero banner for Wonder Woman, and recommendation rows below
  • Smart TV homepage screenshot showing left menu navigation, top featured hero banner for Deadpool & Wolverine, and recommendation rows below
  • Smart TV homepage screenshot showing left menu navigation, top featured hero banner for Ultraman, and recommendation rows below
  • Smart TV homepage screenshot showing left menu navigation, top featured hero banner for Star Trek, and recommendation rows below

See all 20 in Gotta love a Hero

By Topic

Latest CSS find

text-wrap: balance

I use this on almost every heading now. The browser evens out the line lengths, which makes headings look a little more designed.

text-wrap: wrap

It was a bright cold day in April, and the clocks were striking thirteen

text-wrap: balance

It was a bright cold day in April, and the clocks were striking thirteen

Drag the slider to change the width and compare the line breaks. More in CSS text-wrap balance.

Old school tool (not me!)

CSS border radius generator

Nobody needed a border radius generator in 2020, but I built one anyway. Does anybody build these things anymore? Now that AI can build pretty much anything you ask for, a hand-made border radius generator is old school, out of date stuff. But hey, it was fun while it lasted. Shape each corner, go elliptical if you like, and copy the CSS.

Open the border radius generator

CSS border radius generator with elliptical corners turned on

Old school art

Old CSS Artwork

I found these amazing designs so started doing a few reproductions in html and css. I particularly like the 1970’s car series.

1979
Volkswagen
Vanagon
T3

1971
Land Rover
Series III