Francis Rubio
Search

Get in touch.

So I know how to address you in my reply.

So I can reply to your message.

How can I help you?

Hire me full time

UI/UX Design

Web development

Consulting

Brand design

Training

Public Speaking and Workshops

Mentorship

Ask questions

You may include links to relevant information, inspirations, moodboards, or similar products. Ask as many questions as you want!

Francis Rubio ad

@teacherbuknoy@masto.ai

Your favorite web developer's favorite web developer.

I am a super graphic ultra modern Filipino who makes things on the web and teaches other Filipinos to do the same. I produce content for @antaresphdev

Toots include:
- and
-
- ukay-ukay finds
- Gawking on red carpet events and outfits
- Religious trauma as an ex-Jehovah's Witness
- Pinoy excellence
- Philippine politics
- Living alone

Antares Programming
antaresph.dev

From birdsite user railroadchuffs. Apparently, Sara Duterte's 10-million-peso children's book didn't even go through proofreading.

From Sara Duterte's children's book. It says in Filipino: "Siya'y sagana sa pagkain at kaibigan, at ang kanyang tahanan ay laging bukas para sa masasayang salu-salo kasama sila Uwak, Tikling, Kalapati, Loro, at marami pang ibang ibon." The word "salu-salo" is crossed out by the original poster and replaced with "salusalo". The same is done with the word "sila" and replaced with "sina".
In response to this post

To clarify, "salu-salo" is not an acceptable word in . The root word is "salo", and according to Filipino grammar rules, this is to be used as a verb or an adjective. In this context, the word is used as a noun, so the hyphen should be dropped, hence the correct usage "salusalo".

In response to this post

Also, as recent as 2014, rules around repeating words in has changed. Although "pagsasalu-salo" is still acceptable, it is now preferred to not change the final "o" into a "u" when repeating words that end with "o". The rendering "pagsasalo-salo" is now more preferred.

In response to this post

From the 2014 book "Manwal sa Masinop na Pagsulat" by Virgilio S. Almario.

Text translated to English: "E and O don't need to be changed when root words are repeated. "Babeng-babae" is correct, and "babaing-babae" is unnecessary; "Biro-biro" is corect, and "biru-biro" is not needed. It's possible that the changes from E to I or U to O happens in pronunciation by the Tagalogs but it doesn't need to be written, unless it's part of linguistic realism in literary works. It also means that the rule around these substitutions is unnecessary because there are Tagalog people who don't do such swapping when they speak. Moreover, this is just one less rule to memorize for the non-Tagalog people from Balarila [an earlier official Taglog grammar book]. Remember, too, the following:

"ano-ano" not "anu-ano"
"alon-alon" not "alun-alon"
"taon-taon" not "taun-taon"
"piso-piso" not "pisu-piso"
"palong-palungan" not "palung-palungan"
"patong-patong" not "patung-patong"

Everyone. We really need to bring back app icons that are not all the same shape. Look how much easier it is to find the app you need on the first image (Windows 11) because icons have different shapes versus the second image (Android) where all icons are squircles.

A grid of app icons as seen on the Windows 11 Start menu. They have unique shapes and don't have a unified icon background. A grid of app icons as seen on Samsung's OneUI launcher. Although icons have unique colors, every icon has a squircle background.
In response to this post

Okay, it's probably not as objective as I would like, but to me it's so much easier to have another factor with which to differentiate icons from each other. I can't remember the how many times I've had to go through all of the pages scrolling repeatedly just to find the app I wanted to open. And yes, even when the apps are sorted alphabetically, because they're called app *icons*, not app names.

Of all the things to pirate, I'm begging y'all don't pirate Drag Race Philippines Season 3 😭 I need the money-hungry capitalists up top to know that I want a 4th, 5th, and 6th season, an All Stars 1 & 2, and a Philippines vs The World *at the very least*

I've been using Imagekit to host images for all of my websites. Recently, when I started to create short videos for @antaresphdev, I started hosting videos there too. But it only allows 2 videos per month, and the paid tier they have is too expensive for me. So I tried Dailymotion. It's okay. But I have a few notes about it.

In response to this post

First off, although Dailymotion is able to allow me to tag my video as being in Tagalog, it doesn't allow me to upload Tagalog closed captions. Subtitles can only be uploaded in a very few select languages.

In response to this post

Secondly, when I embed videos on a website via `iframe`, after my video plays, it auto plays another video from its algorithm. And I don't want people to think I am hosting morning talk show episodes on my website.

In response to this post

Ideally, I just want a cheap video hosting or CDN to be able to add `<video>` on my website. That way, I have full control on which languages the subtitles are provided in or the video player. Are there anything like this out there that doesn't break the bank? I'm mostly creating videos that are less than two minutes at about four times per month, and a ten-minute video from time to time.

I hate Taylor Swift for all she does, white feminism, pollution, shit like that. But I *cannot* deny one fact: All Too Well (10 Minute Version). She ate that up. Left no crumbs. My heartstrings are tugged. My heartbroken ass was on this on repeat!!!

In response to this post

right where you left me too ugh. Like... this bitch can write breakup songs, can't take that away from her.

I love the baklang kanal representation in Season 3 in the form of siblings Angel Galang and Maxie Andreison.

Angel Galang's promo look for Drag Race Philippines Season 3. She dons a pair of angel wings, with a white left side and a black right side. She wears a similarly color-coordinated leotard top studded with rhinestones. Maxie Andreison's promo look for Drag Race Philippines Season 3. She wears a tube dress decorated with spiral ruffles that form a vague rose shape that is white with edges fading into black.
In response to this post

For my international friends, a "baklang kanal" (lit. gay from the sewers) is the classic Filipino gay character that is highly effeminate, with crass language and usually associated with the slums.

In response to this post

It has been for the longest time a frowned upon character, and whenever Filipino parents tell their gay children "it's okay for me that you are gay, just don't be *that* type of gay," baklang kanal is what they mean. In recent years, the term has been reclaimed in queer circles and has been hailed as an iconic gay personality. This is not yet the case for mainstream media in the

In response to this post

In previous seasons of Drag Race PH, we have seen a few queens who *almost* embodied the baklang kanal personality, but not quite as they veered towards being more "palatable" I guess to the mainstream audience, especially international ones.

In response to this post

From Season 1, we have Corazon Filipinas who is not only a baklang kanal but also a pageant queen. Precious Paula Nicole could also be, to some extent, seen as a baklang kanal. But her personality has not shown the "deeper" side of the sewers.

In response to this post

From Season 2, we've had the first true baklang kanal in its complete sense: Arizona Brandy. She brought the nastiness of licking talc powder off the floor and swallowing contact lens after removing it from her eyes. *This* is the deeper side of being a baklang kanal: doing nasty stuff for the sake of entertainment. Sewer gays will do this not even for money or fame but even just to amuse their friends.

In response to this post

We have yet to see how things will turn out, but Season 3's Angel and Maxie already seems promising. Maxie has already made a name for herself and we already know about her shenanigans. Her brand of kanal is what Filipinos call "jologs" or cringe. And I like her because I grew up poor in an informal settlement, and this is exactly how we speak to each other. She is close to *my* culture.

In response to this post

I haven't seen Angel Galang yet so I can't say for sure about her. But Maxie is very interesting because she has been a contestant in Queen of the Universe, an international franchise. This goes to show that the "baklang kanal" brand can be profitable (for lack of a better term) to international audiences despite its connotations and being associated with the low life. I am excited to see how these sisters would do through out the competition.

Mortality and funerals
In response to this post
Mortality and funerals
In response to this post
Mortality and funerals
In response to this post
Mortality and funerals
In response to this post
Mortality and funerals

Pinoy developers have this disease where they think everything can be turned into a business just because we have the technology, that everything can be turned into an app.

What's worse is that they look down on people who don't bother to build a business. Not everyone's born to be a businessman. I for one like to work for a company and receive a monthly salary. I clock in, work my ass, get paid, then clock out.

Also, not everyone who wants to is competent enough to have a successful business.

In response to this post

And it's funny when you watch them from one technology to the next. First, it was freelancing with Wordpress. Then it was freelancing with React. Then it was Bitcoin and cryptocurrencies in general. And now it's putting AI in just about everything. And while that's an impressive feat of adaptability, they're also the same people who give out unsolicited advice about building successful tech businesses (they don't have any) and berate you for having a 9-5 office job.

In response to this post

There's nothing wrong with working as an employee. It's fun in the right company that pays you right and values you and your skills.

And I can't be bothered to learn business. I'm just a designer and developer. Also, I'm a breadwinner, and I don't want risks. I just want a comfortable life, and being an employee gives me that life.

Such a capitalist mindset to think that there's one major in college that is "useless". The point of us doing everything is to pursue those "useless" endeavors—art, science, philosophy, things that enrich and preserve our culture and humanity.

Only thinking of majors as useful in terms of money and ROI are why we get people who think AI is coming for everyone's jobs. AI doing most of our work should be a good thing! So we can focus on other things!

In response to this post

Isn't it that we want a future with robots and ultra advanced technologies so we can just… do whatever we want? Without worrying about where we're getting our food or how we're gonna clothe ourselves? It's a much more meaningful life, or at least we have a better chance for it, if we don't wake up everyday doing another 9-5 job that's just signing papers or moving tickets from pending to ongoing to done in a kanban board.

Another thing that's funny to me is any attempt to prevent users from right clicking on an image to download it, or to highlight text to copy it. There is *no way* you can prevent your users from downloading your assets from your webpages, that's just not how the web works.

pointer-events: none? Covering it with a transparent div? Lol. People can edit your CSS, delete your div, or go straight to DevTools' network tab, refresh your page, and then download assets from there.

Quiet quitting this, quiet quitting that. But no one talks about quiet pay cuts, which is when your salary isn't adjusted for inflation. So when you've been receiving the same salary for the past 3 years, you're actually taking pay cuts because your money has less value now.

Im so tired of allies stating that we don't need labels because it is divisive or some shit like that. Of course you don't need them, y'all are straight. The labels are for us, so we can have a name for a set of lived experiences so we can find each other, and we can find resources for the problems unique to our lived experiences.

We need labels. It makes it easier for us to find help. And it's not like we're forced to use 'em, we can choose not to if we preferred it.

In response to this post

Granted, I think sometimes some in our community goes overboard with the labels, inventing new terms for things that already have names. But hey, as long as the respect is there and they're not pushing those labels on anyone, then all's good.

Allies should amplify queer voices, not speak on top of them and decide what they think is good for the community.

The word "breakpoint" has probably lost its meaning in and . Nowadays, most people think breakpoints are the standard sizes of different devices (desktop, tablet, phone, etc.) But the reality is there is no standard for device widths.

Breakpoints really are the *points* in which your layout *breaks* and you have to adjust it. It's okay to not follow the media queries used by Bootstrap that you got used to if your layout breaks at widths different from the commonly-used ones.

The reason I went to a photo studio is so I could update my @eleventy website banner. Here's what I've been working on for several hours now.

That image swapping as the window resizes happens via the <picture> element so the browser only loads the specific image when the user actually needs it, instead of loading both and hiding the other on certain breakpoints. No JS needed for this too!

🔗: francisrub.io

In response to this post

I added a different photo for tablet-ish sizes just to add some variety because I just saw this shot out of the 319 photos I ended up taking from the shoot yesterday. I think it looks quite lovely ablobcatattentionreverse

My website at tablet-widths. It now shows a shot of my torso wearing a hoodie with the word "future" embroidered on the chest in different colors.

One thing I find fascinating in and is the accents. Most Pinoy people don't use them, or don't even know about them. But it helps in cases like this:

"Mamimili ako ng mga damit."

This sentence can mean "I'm a buyer of clothes," "I will buy clothes," or "I will pick clothes," all depending on which syllable is accented in the word "mamimili" (buyer/buy/pick).

In response to this post

Mámimili (stress on first syllable) means "buyer"
Mamimilí (stress on last syllable) means "will buy"
Mamimílî (stress on 3rd syllable, glottal stop on the last) means "will pick".

Filipino accents are very useful in writing, especially when the word's meaning cannot be uniquely identified by context alone. But accents are very specialized, it seems, and its mostly exclusively used by Filipino academics and literary writers.

"If you were born into poverty and you die in , it's all your fault" peeves me so much because it reeks of insensitivity, it is out of touch with reality, and it just makes the person who said it feel good about themselves.

Do you even know how hard it is to get out of poverty when you were born into it? It's virtually impossible for at least three generations, and that is if you're lucky.

In response to this post

I live in an informal settlement called DM Compound in Caloocan City. I moved here when I was 7, and I've seen people my age stop going to school, make questionable life decisions, and build they're own miserable and poor families with more than 3 kids.

No one really knows now what DM actually means, but for many, it now stands for "’Di Makalabas" (can't get out), because once you're here, there's no going out.

In response to this post

Poverty is an institutional problem. You are very near-sighted if you don't recognize that. Sure, poor families are financially illiterate, they bear too many kids, they don't manage their expenses, and they keep stopping going to school. But did you ever stop and think for a moment why this scenario is very common in poor families, not just here, but in the entire world?

In response to this post

This dumb statement often comes from people who were born into poverty but got out and transformed their families' lives into middle-class lifestyles. They got out easily, so they think everyone can do it with just a little more hard work.

They fail to recognize that (1) they just got lucky with the opportunities that came their way, and (2) they are one sickness and hospitalization away from being in debt and poor again. They are not as financially successful as they think they are.

Pet peeve: forms that don't submit when I press enter on a text or number input. 😒

This happens when you create a form but don't use a <form> element because you handle everything in .

, 35 IT professionals manning the quick count of the 1986 Snap Elections walked out of the PICC after noticing irregularities with the COMELEC tallies. They noticed that their superiors started to manipulate the results in favor of Marcos Sr. This walkout later became one of the catalysts for the 1986 EDSA People Power Revolution.

rappler.com/nation/elections/2

In response to this post

As humble as our professions can be as developers, it is worth noting that we can still contribute to change our future for the better. These 35 computer technicians risked their lives for their honor and the integrity of Philippine elections. We owe them as much for changing the course of our history.

In response to this post

These are their names:

Linda (Kapunan) Angeles-Hill
Myrna “Shiony” Asuncion-Binamira
Jane Rosales-Yap
Cooly Culiat-Medina
Alicia Torres
Ernie Alberto
Marisa Briones-Allarey
Marissa Almendral
Gi Antonio-Silva
Rory Asuncion
Bot Bautista
Erlyn Barza
Thess Baltazar-Roberto
Mina Bergara
Nori Bolado
Zoe Castro
Charles Chan
Achie Concepcion-Jimenez
Erick Celestino
Marissa Contreras-Legaspi
Maleen Cruz-Ngan
Dennie Estolas-Vista
Bambi Flor-Sena

Back to top