Janel Lucia

Web Developer

Hello! I’m a Front End Web Developer in Toronto.
I make beautiful and aesthetically pleasing websites to make the web more enjoyable. I like working with modern Javascript Frameworks such as ES6, React and Angular. And not to mention user friendly CMS systems like WordPress 😉 and Shopify.
I also love talking about Web Accessibilty — so feel free to AMA

Portfolio

Giffiti Search

Tags: , ,

I created this React app along with Webpack, Redux and Firebase. I called on the Giphy API to allow the user to search for their favourite gifs. User can also sign in and save favourites and view them at their original source

Justin Rousseau portfolio item image

Justin Rousseau Hair

Tags: , , ,

Justin is a Toronto based hair and session stylist. This is a Custom WordPress theme to display his work and allow users to contact him. Created with love using WordPress, PHP, SCSS, and jQuery.

Awkward Quiz

Tags: , ,

I made a quiz to test out your awkwardness level. Built using Javascript and jQuery this quiz is meant to be fun and a way for us to make fun of the awkward tendencies we all have.

Kaila Baker

Tags: , , ,

A custom WordPress theme created for Kaila Baker a Toronto based hairstylist and make-up artist. I wanted her site to be young and approachable much like Kaila is, she is super talented and cool and worth checking out.

On the Blog

gravity forms accessibility blog post image

Make your Gravity Forms Accessible

Top tips on making Gravity Forms Accessible Gravity Forms is a very user friendly WordPress plugin with a lot of handy add ons that make it easy for a developer to offer people a multitude of functionality. It tracks all forms sent and any user can easily navigate the dashboard. However it’s not accessible in any way, and it appears they have … more >

CSS animations blog post image

Adding CSS Animations to your site with Keyframes

CSS animation 101 I’m going to show a few CSS animations you can create using Keyframes. CSS animations allow animation of most HTML elements without using JavaScript or Flash. (even though Javascript is awesome!) This topic is so exciting with seemingly endless possibilities. And it’s surprising how uncomplicated it is. If you have any of your own tricks please comment below. Using … more >

React.js – Learning a new Javascript Framework

First of all what is React.js? Before learning any language you should first understand what it is and why it was created. I did some research for you and I got this definition from the web: “React (sometimes styled React.js or ReactJS) is an open-source JavaScript library for data rendered as HTML. It is maintained by Facebook, Instagram and a … more >

Contact Me

Available for Special Projects