The 7 Day Web Dev Challenge on CodePen

Lately I’ve been working on projects and problems that aren’t related to the field of web development and I’ve started to feel my touch slipping. Naturally, in such a situation you need to find a way to keep you skills up-to-date without using too much time. As such, I decided to do my first 7 day web dev challenge and I’ll be posting my results on CodePen.

The idea is to do a fun pen every day for seven days in a row. It’s not a very difficult task for a lot of you who are probably reading this, but when you are very short on time it can be a bit of challenge. Let’s look at the plan so far, shall we?

Planned challenges (you can see the results with comments and tips below this list): (more…)

Read More

Pure CSS3 Spinner Animation via Transform:Rotate (CodePen Snippet #3)

Today’s snippet will show you how to create a fun and practical CSS3 spinner animation. Technically, you can use something like this for your loading screens which is pretty nifty since you (for example) won’t have to use any GIFs or SVGs. It’s been a while since my last Codepen snippet so I knew I had to come back to the blog with something brand new and exciting.

I’ve been playing around with various transform properties and I’ve found that you can create some pretty cool things using rotate and scale. Let’s look at the final result and then we’ll look at the code. Here’s the preview:

(more…)

Read More

Project Euler #5: Smallest multiple – When BruteForce Actually Works!

Before I start talking about problem #5 from project Euler, allow me to tell you a brief story about myself and where I stand today. You see, a few days ago I decided to brush up on my knowledge of algorithms and data structures before I started learning some more “advanced” concepts. I heard that HackerRank is a pretty good site to work on so I decided to do their Warm-up problems and complete their first quest for the “Algorithms I” badge.

It wasn’t as easy as I thought it would be and some of the problems involving dynamic programming reminded me of just how much I’ve fallen behind on “real” programming. And then I discovered Project Euler and hours started to pass me by as I read through the various challenges.  (more…)

Read More

DrawTogether Project Overview & Case Study

Back in July I made a quick little tutorial about Sketch.js where I showed you how to create a basic web app that lets you draw on the HTML5 canvas in a similar fashion to Microsoft’s Paint (app source/demo). The demo was pretty cool and I got some positive feedback, most notably via Twitter and Codepen. As you can guess by now, the project didn’t end here and I’ve expanded it quite a bit.

Collaborative Drawing Board

I chose to expand this concept for a school project and I’m quite satisfied with the results. The basic idea of the project is to allow user to draw together (hence the name) via a collaborative drawing board. Project admins can give and revoke privileges to other users and privacy settings are available. There is also a fun gameification system which allows users to earn achievements when they complete certain tasks. Admin staff can also give people special awards (for example, community awards). (more…)

Read More

Plot Functions in R Language

R Programming on Coursera, Review (Part of Johns Hopkins Data Science Specialization)

I heard about the R programming language a long time ago, but never really bothered learning about it until recently when I saw a very interesting course on Coursera called R Programming. It was offered by the prestigious Johns Hopkins University which certainly gave me additional incentive to sign up. Now that I’ve passed the course I am happy to give everyone my opinion about it, or rather, a full review of the course material, structure and what you can learn. (more…)

Read More