Skip to main content

Neat CSS tricks showcase vibrant video app

Telecast iOS app

Telecast (opens in new tab) is an iOS app that brings users three five-minute packages of highly-curated video daily, cutting through the saturated digital video world. The promo site is an elevator pitch for the product, and though the site is small and to the point, it packs in neat CSS uses.

The first thing you notice is the gradient effect at the top of the large hero images. The colouring is created with CSS gradients applied to a masking layer with its opacity reduced to let the photo behind show through. The colours were created by graphic designer and illustrator Ed Nacional (opens in new tab).

The Telecast logo itself was basically begging to be recreated in CSS

“The decision to fix the hero image background and fade it out as the iPad scrolled up began as a code accident we thought looked cool,” reveals Grant Custer (opens in new tab), the interaction designer and coder. He adds that such accidents are a benefit of the combination between design and code. Be sure to check out the logo in the fixed bottom navigation, which is also controlled with styling. Custer adds, “The Telecast logo itself was basically begging to be recreated in CSS.” So it was.

Telecast iOS app

Telecast iOS app

Key info

  • Works with: iPhone, iPad
  • Price: Free
  • Developer: Betaworks One
  • Version: 1.1.0
  • App size: 4.2MB
  • Age rating: 4+

Like this? Read these!

Have you seen any cool apps recently? Let us know in the comments!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Topics
CSS