Categories
Music Sports

Watch the Formula 1 theme come to life

I like the Formula 1 theme that plays at the beginning of every Formula 1 race. Logically, I knew it had to have been produced in some way. I just wasn’t expecting it to be performed quite like this:

That movie soundtrack genius Brian Tyler produced this theme track makes this even more awesome! Here it is on Spotify too:

Categories
Applications Coding Design

Two more Firefox Dev Tools tips for inactive CSS and tracking changes you make

If you spend a fair amount of your time in your browser’s page inspector examining and tweaking CSS, then you’ll probably find these two sets of features in the Firefox Page Inspector to be really helpful.

Track changes you make

Firefox Developer Tools offers a great way to track CSS changes we make while testing CSS solutions for users. Here’s a terrific video that explains how to use this awesome tool:

You can also find information about this in the MDN documentation, here.

Identify and understand inactive CSS

I came across another useful feature of the Firefox Page Inspector. From Firefox 70 (launched in the last few days), you can now see not only which CSS code is inactive, but also why 😲. Here’s an example:

I haven’t encountered this in practice just yet, but I can already see the explanations to be enormously useful. The links in the pop-ups will take you to the excellent MDN web docs for more information.

You may also want to watch this video explanation too:

Both of these sets of features are really useful!

Categories
Applications Coding Design

The Chrome browser inspector has a very cool feature

I primarily use Firefox Developer Edition as my day to day browser. I use the excellent Firefox page inspector several times a day to troubleshoot issues for our customers, and write CSS for a variety of tweaks on sites that I use.

As much as I enjoy using the Firefox browser inspector, I noticed a feature in the Chrome Dev Tools that I really like, and would love to see introduced to Firefox. It’s bit like a heads-up display that’s very helpful for seeing an element’s styles at a glance.

If I select an element in Firefox, I see fairly basic information about the element such as the element’s dimensions, and the type of element it is, like this:

Selecting an element in the Firefox page inspector

On the other hand, when I select the same element using the Chrome browser inspector, I see more information about the element, like this:

Selecting an element with the Chrome page inspector

Chrome provides not only information about the image’s dimensions, and the type of element it is, but also other useful information such as the font color, style, and margins (in this case).

Even though I can see all the details of the element in each browser’s inspector panel, this extra information when I select an element is a really nice touch.

unsplash-logoFeatured image by Abby Anaday
Categories
Film

Final trailer for Star Wars: The Rise of Skywalker

The final trailer for the upcoming Star Wars movie, “The Rise of Skywalker”, has arrived:

I’m looking forward to watching this one (obviously). 😁 I’m especially interested to see how this reveal at the end of the second trailer plays out:

You can find the previous trailers in this playlist:

unsplash-logoFeatured image by James Pond
Categories
Coding Design Social Web

Owning your tweets

I really like how Zach Leatherman has taken control over his tweets, and is sharing them on his site with some great analytics. He provides some insights into how he’s taking his tweets, and republishing them on his site in his post “I’m Taking Ownership of My Tweets” –

I fully expect my personal website to outlive Twitter and as such have decided to take full ownership of the content I’ve posted there. In true IndieWeb fashion, I’m taking ownership of my data.

Zach Leatherman

I started doing something similar on a test site here: @pauljacobson tweets – All the tweets

My test site uses a relatively old plugin that hasn’t been updated recently. At the same time, it seems to be working relatively called Ozh’ Tweet Archiver. I prefer how Zach has formatted his tweets, and how the images and links are modified for more sustainable presentation on the assumption that Twitter has gone offline.

I also really like how he’s captured replies, and has added analytics to his tweets to surface all sorts of insights such as more popular tweets, retweets data, and more.

I’ve love to know how he’s actually capturing, and reformatting his tweets, but I don’t see a link to the code he’s using for this. I’d eventually like to bring something like that to this site, so this site becomes a complete archive of my tweets too.

At least with the Ozh’ Tweet Archiver plugin running on my test site, I’ll have a WordPress archive that I can readily import as a starting point. I’d like to have linked media load from my site, and not as embeds from Twitter, for example. The idea here is to capture your tweets, and preserve them so they contain their links and media should Twitter no longer exist.

unsplash-logoFeatured image by Ridham Nagralawala
Categories
Events and Life Science and nature

Generational differences in our Space Age

First All Women Spacewalk At The ISS

NASA streamed a milestone in Human spaceflight yesterday: an all women spacewalk at the International Space Station. Although it wasn’t exactly a thrilling ride (I’m pretty sure that when it comes to working in Earth orbit, “thrilling” isn’t what you want), it was still momentous in that both astronauts doing the spacewalk were women.

iss061e006501 (Oct. 15, 2019) --- NASA astronauts Jessica Meir (left) and Christina Koch are inside the Quest airlock preparing the U.S. spacesuits and tools they will use on their first spacewalk together. The Expedition 61 flight engineers are holding the pistol grip tools they will use to swap out a failed power controller, also known as a battery charge-discharge unit, that regulates the charge to batteries that collect and distribute power to the International Space Station.
Upcoming spacewalking duo Jessica Meir and Christina Koch, courtesy of NASA on Flickr

Generational gap

Watching the stream on TV left me with the sense that how we and our kids view these events is very much a generational thing:

Parents who grew up with rare televised Space stuff: “Hey kids, check out these astronauts working in space, right now! Wow! And this time they’re all women, wow!”

Kids who grew up with on demand streams of constant Space stuff: “Oh, ok … 🙄” <back to their gaming device>

Parents: 😲


About the spacewalk

If you’re interested in the mission (and likely older than 20-something), take a look at the NASA blog post about the mission:

Two NASA astronauts switched their spacesuits to battery power this morning at 7:38 a.m. EDT. Expedition 61 Flight Engineers Christina Koch and Jessica Meir are venturing out into the vacuum of space to replace a failed power controller, also known as a battery charge-discharge unit (BCDU). The BCDU regulates the charge to the batteries that collect and distribute solar power to the orbiting lab’s systems.

Female Duo Ventures Outside Station for Historic Spacewalk – Space Station

The video stream ran to almost eight hours, but it’s definitely watching, at least in part (this is the sort of video you may just have on in the background):

Categories
Coding Design Education Tutorials

A CSS Grid refresher with Mozilla

I really like CSS Grid for layouts. My challenge is that I tend not to use it all that much in my day-to-day work (I provide a fair amount of CSS support, but it tends to be focused on narrower issues), so I don’t practice it all that much. Then, when I return to CSS Grid, I don’t remember any of the syntax beyond display: grid; 😜

Fortunately there are loads of resources online to learn CSS Grid. The latest is a video by Miriam Suzanne on the Mozilla Developer channel, titled “Build a Classic Layout FAST in CSS Grid” –

My favourite CSS Grid resources also include the MDN guide “CSS Grid Layout – CSS: Cascading Style Sheets“, and Wes Bos’ terrific CSS Grid YouTube series:

Categories
Music

Mumford & Sons album Delta is awesome

I only just noticed that Mumford & Sons have a new(ish) album, Delta. I’m listening to it as I work, and it’s really good! I’ve basically had “If I say” on repeat for the last 15 minutes:

You can listen to the whole album on Spotify, and wherever else fine albums may be streamed or purchased.