Francis Rubio

I specialize in creating accessible front ends for web projects and integrating them with APIs and back-end processes.

Layouts that work on iPhones, Androids, laptops, desktops, even devices that haven't been invented yet. With the power of modern web standards, I create layouts that work everywhere.
Take advantage of new technologies on the web while keeping sure your customers on older devices are not left behind. I employ backwards-compatible programming to make sure everyone can use your website.
Have as much power on your backend service or API, while giving your users a snappy and lightweight experience on their devices. With the power of static site generators, I'll give careful attention to how your website performs to make sure it's blazingly fast, so your users love you more.
Pixel-perfect just don't work on the web. So I give you an even better solution: intrinsic web design, a set of techniques that take advantage of what the web really is capable of. Your websites become performant and a joy to look at.
I can create web designs for your ideas, and transform them into working websites your customers can use. Want someone else to develop them into actual sites? I got you. I can export files for your developer, and also communicate with them to implement the design exactly as you got them.
Your website may be the most aesthetically-pleasing website in the world, but all of that goes to trash if your users cannot use it. By complying with the WCAG, I create websites that are accessible to as many people as possible.
Ready to give me a shot?

Experience

Proven skill in tech that just works

Front-end Development 5 years of experience

HyperText Markup Language (HTML)

I worked as freelance web developer for 5 years. I spent two of those years teaching it too. HTML is the foundation of a semantic website, helping it rank well on search results, and accessibility, helping your users regardless of age and abilities to use your webpage comfortably.
Front-end Development 5 years of experience

Cascading Stylesheets (CSS)

Since I worked as a freelance web developer for 5 years now, and also doing web development full time for a couple of companies, I can say I can use CSS comfortably. For example, I wrote all of the styles for this website by hand with no help from existing CSS frameworks or libraries. I am well-versed in responsive design using modern techniques.
Front-end Development 5 years of experience

JavaScript

When building websites, I reach for JavaScript only when truly necessary. Just like with CSS, I try to write my own JavaScript code whenever possible. I can build client-side integrations with REST APIs, accessible UI components sans the frameworks, and a little more than just the basics.
Front-end Development 3 years of experience

Sass (SCSS)

Sass adds more fun and power in writing CSS styles. I am no Sass expert, but who needs to be? All of the websites I have developed since 2020 have styles that are written with SCSS.
Development Operations 4 years of experience

Git

Git is a version control manager for code. It makes sure that code for your projects will not go mysteriously missing, or that if you break something, you can safely go back to a time when your code is working perfectly. A working knowledge with Git is something that I am proud of.
Back-end Development 4 years of experience

Node.js

Although I mostly focus on building front ends for APIs, I am also very comfortable around building back end services. Node.js is my technology of choice when it comes to that.
Development Operations 4 years of experience

Github

Through the years, I have had several Github accounts. My web projects are mostly stored in git repositories hosted on Github. Its free hosting service, Github Pages, is also something that I have often used in the past before moving to Netlify. My knowledge with Github includes the basics, as well as creating organizations, organizing projects and timelines, managing and resolving bugs and issues, as well as tinkering with its security features.
Design 4 years of experience

Figma

When it comes to prototyping, mockups, or even the occasional graphic design, Figma is my design tool of choice. When presenting designs and concepts to clients, I either send them a link to a Figma presentation or PNGs exported from it. My experience with Figma mostly focuses on prototyping, but my needs for social media cards and graphics also required me to learn more of the advanced side of the software.
Authentication, Analytics, Cloud Storage 4 years of experience

Firebase

Since I am building JAMStack sites more often than not, most of my backend needs are fulfilled by Firebase. I use this technology for authentication, user management, cloud storage, and analytics
Static Site Generator 3 years of experience

Eleventy

For static site generation, I switched to Eleventy from Hexo and Jekyll. Eleventy gives me more control on how site pages are generated. All of my web projects sinces 2021, as well as some from 2020, are all made with Eleventy. I have working knowledge about creating templates, adding plugins, assembling a build system, as well as adding shortcodes, plugins, and filters.
Development Operations 5 years of experience

Bitbucket

For private repositories, I use Bitbucket. Its features are pretty similar. For clients that commission sites that don't want to open source their sites, I store the source code in Bitbucket repositories.
Ready to give me a shot?

Web Logs, Essays and Musings

The Life and Times of Francis Rubio

A glimpse of what it's like to be me.

The Frustrations of a Bisexual Man

In the world of the queers, it seems like the bisexual people are the black sheep.

March 19, 2023 Read More

Best Scenes of Genshin Impact

Spoilers for version version 3.3.

February 4, 2023 Read More

Introducing Antares Programming Videos

I am finally doing videos!

January 26, 2023 Read More

Turning 24

It’s jarring to be so young yet feel so old and late to everything life has to offer.

January 13, 2023 Read More
See all posts

Literature

Speaking in Cultural Tense

My attempts at encapsulating my thoughts into written art.

Rotting Flesh in a Beating Heart

November 28, 2022 Read More

It's time to move on

August 1, 2022 Read More

Read this when I die

A letter to people who love me but never had the chance to say goodbye

July 18, 2022 Read More

Ang Resignation Ko Bilang Sepultorero

Isang orihinal na akda ni Francis Rubio

March 24, 2022 Read More
See all

Talks

The Stage

I speak at developer conferences and events about web development. If you are an event organizer looking for speakers, let's talk about it.

Augmented Reality and the State of Mobile Apps

A bird's-eye-view talk on the state of augmented reality and mobile apps

Online

TECH2RISM: Web development and design workshop

An introductory talk about the basics of Web development

Online

Advanced graphic design on the Web with CSS

An overview of the newest graphic design techniques in CSS

Online

Have an event coming up?
See all of my previous talks Invite me as a speaker

Projects

The Gallery

My most notable projects. Things that I am proud I made, or was involved in making. Work that I would love to do more of.

Philippine Consulate General - Calgary
Web Development

Philippine Consulate General

The official website of the Philippine Consulate General in Calgary, Alberta, Canada.

 Quantarks
Web Development

HatchUp Magazine

The official website for Calgary's local business, entrepreneurship, and lifestyle magazine

 Antares Programming
Web Development

Antares Programming

A project that aims to bridge the gap between Filipino developers and accessible learning resources about web development by sharing knowledge and using the Filipino language as its medium.

Building a similar project?
See all of my projects

Uses

🔥 Sick Picks™ 🔥

Things I use and swear by. An archive of things I use and how I rate them.

Things I use

* Sick Picks is a reference to the Syntax.FM podcast

Videos

Me in Motion

Videos of me doing… stuff. Not necessarily about tech and software.

See all

Initiating space beacon…

Send me a message. I would love to hear from you! If you want me to join your team, commission my services for a project, invite me as a speaker in your event, or just for a chat, you can reach out to me through these links.

Phone Email LinkedIn Instagram Twitter Github Mastodon Pixelfed YouTube Dribbble
Back to top