Search

Francis Rubio

Francis Rubio

Francis Rubio
Kalayaan Pagkakapantay-pantay Karapatang pantao
Educator and Content Creator
5 years
Web Designer
4 years
Web Developer
4 years

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 6 years of experience

HyperText Markup Language (HTML)

I have been a web developer for about 6 years now, and I spent two of those years teaching web development as well. As such, I have grown to have advanced knowledge of HTML. I can identify common accessibility issues and how to resolve them. I can also write correct markup with appropriate semantics. I can also do Search Engine Optimization.

Front-end Development 5 years of experience

Cascading Stylesheets (CSS)

I have an advanced knowledge of CSS. I can do responsive web design, progressive enhancement, and modern techniques. I have working knowledge on using CSS frameworks like bootstrap. I can also build you your own CSS framework and style our website from scratch.

Language 5 years of experience

JavaScript

When building websites, I reach for JavaScript only when necessary. More focus should be on HTML so webpages work for as many people as possible. JavaScript comes in to enhance the experience. I can build client-side integrations with existing REST APIs. I can also build accessible UI components without using frameworks. And I can do more than just the basics of JavaScript.

Front-end Development 3 years of experience

Sass (SCSS)

Sass adds more fun and power in writing CSS styles. I have worked on websites with Sass since 2020. A majority of my front-end projects use Sass.

Development Operations 4 years of experience

Git

Version control will save you and your business by always keeping a backup copy of code. When a new patch update breaks your website, Git can revert back to a working version. I have 6 years' worth of working knowledge with Git. I have also several years' worth of basic development operations (DevOps) to go with it.

Back-end Development 4 years of experience

Node.js

I focus on building front ends for APIs, but I am also very comfortable around building back end services. Node.js is my technology of choice when it comes to that.

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 files exported from it. My working experience with Figma mostlyy focuses on mockups and prototyping, brand design, social media cards, and infographics.

Authentication, Analytics, Cloud Storage 4 years of experience

Firebase

My work is around JavaScript, APIs, and markup (Jamstack sites) , and I use Firebase for my back end needs. I can build integrations that center around authentication and user management. I can also build integrations for cloud storage as well as analytics.

Static Site Generator 3 years of experience

Eleventy

I switched to Eleventy from Hexo and Jekyll for static site generation. It gives me more and easier control on how site pages are generated. I can build templates, plugins, shortcodes, and filters. I can also assemble a build system within the Eleventy ecosystem. My templating language of choice is Nunjucks and Liquid (which is also used by shopify).

Language 2 years of experience

Java

This is the first language I fell in love with and became proficient with. I used this in professional capacity for Android apps and back-end server programs in conjunction with the Spring Boot framework.

Back-end Development 1 years of experience

Spring Boot

My experience with Spring Boot involved maintaining internal web applications for a government agency, creating a standard project boilerplate repository for use by internal developers when creating servers for a new project. I also compiled a learning plan for Spring Boot used by developers looking to transition into Spring Boot development.

Ready to give me a shot?

Projects

The Museum

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

Social Media

Thoughts from the Void

Thoughts that I wanted to put out there but were too lazy to write longform. Opinions that would be otherwise too bland outside the confines of a character limit.

Videos

Me in Motion

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

Webring

Pinoy Bloggers

Pinoy Bloggers is a webring of Filipino people with blogs. Your blog can be about anything. It can be about design, development, architecture, medicine, cross-stitching, knitting, puzzles, travelling—anything!

Back to top