HTML5 Animations

So recently I was working on adding some simple animations to the app we are building at work, and I decided to use CSS so I wouldn’t have to add any more dependencies to the project. I created a simple animation to the login popup box, mega-menus, etc. That led me to doing an online course on HTML5 animations called Adventures in Web Animations, which I did on Code School.

It was quite fun and felt very familiar, but it’s always good to brush up on your skills and usually you end up learning something new.

While I love Code School, it does have some limitations. The little projects you work on are completely in the browser, so it doesn’t really teach you how the entire process from start to finish.

After I finished this course, I looked a tutorial where it would walk me through, from start to finish, to create an HTML5 animation.

Click on the thumbnail to see my animation on GitHub:HTML5 animated banner ad

 

 

 

Time to React!

React

So, I’ve been wanting to learn React for a while now, but I’ve been so focused on learning Angular for the past few months, busy with rehab, planning a baby shower, and planning our wedding… phew!! But I’ve decided it’s going to happen now! So in my teensy bit of

free time, I’m working through some tutorials on Codecademy and I’m pretty excited!

For me, the trick to learning any new language or framework is to make time to spend on it a few times a week. If I spread out the learning too much, I have to review all the earlier lessons because I’ve forgotten everything already… but even if I just work on the tutorials for an hour, say, 3 or more times a week, it’s way easier to start remembering things! The key is to make it part of your schedule. Sometimes I’ll use my hour lunch break to do just that, so when I get home in the evening, I can relax and stop staring at a computer 😛

The other trick that helps is if you can set up an actual live project on your own. These online, free or cheap tutorials are awesome, but they aren’t quite the same practicing in the browser as it is working locally on your desktop and going through the full process.

I know I get a bit stressed if I have to do all my learning for real client-projects on the clock, because I don’t want to waste time and money, so it’s great to have those practice projects in your free time that you can take your time with and not worry about causing any great disasters!

Learning AngularJS 2

So, we’re starting a massive new project at work and they’ve decided that will be using AngularJS 2, which is completely new to me. Where did I turn to? How am I learning?

I’ve used and really enjoyed the tutorials on Code School, especially with their fun intro videos, quizes, and point system, although at this time, they only have one course on NG2, called Accelerating Through Angular 2. Nonetheless, I’ve powered my way through it as it’s a great introduction to the world of NG2.

Another great resource, and way more in-depth I might add, is ng-book 2. There are a couple options when it comes to purchasing this, but I opted for the one that includes some real examples of actual AngularJS 2 projects, components and all. It also includes video tutorials to walk you through the projects, although if you’re a Windows user, you might find yourself doing a bit of research as you go since the instruction is given for Mac users. Also, keep abreast of updates as NG2 is being updated frequently.

 

New dance poster design

The Amazing Leo & Becky!!

Exciting news! So, the dance studio that I help with in my spare time has a new event coming up next month with some international guest dance instructors, and guess who made the poster? Check it out! I made it in Photoshop.

Leo and Becky poster

International Pro Zouk and Samba dancers and instructors

Gorgeous, modern colour scheme

I love using these light and airy, modern colour schemes. Like a breath of fresh air! Here are a couple variations of a Zouk and Samba Team poster created using Adobe Illustrator… Facebook cover version:

 

Fuller-sized poster! Hey, look, that’s me on the far left! Just, you know, casually kicking my heels in the air 🙂