Menu

Pop-Up Livestream on February 22

February 20th, 2020

As mentioned in this post, Matt will host a livestream on February 22 during Bangkok daylight hours. He opened an invitation to any speaker who was affected by the cancellation, and the livestream will include the following fine people: Imran Sayed, Md Saif Hassan, Muhammad Muhsin, Nirav Mehta, Piccia Neri, Umar Draz, and Francesca Marano…

Animate SVG Path Changes in CSS

February 20th, 2020

Every once in a while I’m motivated to attempt to draw some shapes with <path>, the all-powerful drawing syntax of SVG. I only understand a fragment of what it all can do, but I know enough to be dangerous. All the straight-line syntax commands (like L) are pretty straightforward and I find the curved Q…

Do This to Improve Image Loading on Your Website

February 19th, 2020

In the video embedded below, Jen Simmons explains how to improve image loading by using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser….

Enhancing work profile privacy on company-owned devices

February 19th, 2020

Just because people use their phones at work, doesn’t mean they should have to sacrifice their privacy. Since Android 5.0, the work profile has helped ensure personal data remains private from IT even when employees bring their device to work while giving IT the tools they need to secure corporate data. But when given a…

“Parasite” searches ride an Oscars wave

February 18th, 2020

It’s been over a week since “Parasite” made history, becoming the first non-English language film to win Best Picture. And people are still talking about (and searching for) it. Surge in search interest There was already global interest in “Parasite” before the Oscars (turns out a lot of people could find something to relate to…

Centering a div That Maintains Aspect-Ratio When There’s Body Margin

February 18th, 2020

Andrew Welch had a little CSS challenge the other day to make an ordinary div: • centered vertically + horizontally • scales to fit the viewport w/ a margin around it • maintains an arbitrary aspect ratio • No JS There’s a video in that tweet if it helps you visualize the challenge. I saw…

WordPress 5.4 Beta 2

February 18th, 2020

WordPress 5.4 Beta 2 is now available! This software is still in development, so we don’t recommend running it on a production site. Consider setting up a test site to play with the new version. You can test WordPress 5.4 beta 2 in two ways: Try the WordPress Beta Tester plugin (choose the “bleeding edge nightlies” option) Or download…

New skills for Indonesia’s next generation

February 18th, 2020

As a teacher, Nur Ernawati believes in the value of lifelong learning—including for herself. Ernawati was one of 140 Indonesian teachers who signed up for a Bebras Indonesia course on computational thinking: a way of learning that stresses critical thinking and problem-solving rather than learning by rote. She’s since passed those lessons on to more…

A Complete Guide to Data Attributes

February 17th, 2020

Table of Contents Introduction Syntax Styling with data attributes Accessing data attributes in JavaScript Introduction HTML elements can have attributes on them that are used for anything from accessibility information to stylistic control. <!– We can use the `class` for styling in CSS, and we’ve also make this into a landmark region –> <div class=”names”…

Moving from Vanilla JavaScript to a Reusable Vue Component

February 17th, 2020

I recently wrote an article explaining how you can create a countdown timer using HTML, CSS and JavaScript. Now, let’s look at how we can make that a reusable component by porting it into Vue using basic features that the framework provides. Why do this at all? Well there are few reasons, but two stand out in particular: Keeping UI in sync with the timer state: If you look…