Release 0.4, Second Blog

-
For my final release, I decided to stick with the project that I already worked on called Vibranium. 
The ticket was to create a page pre-loader similar to the one that git-hub or medium websites use. 

 I never worked with animation in CSS before, so this issue was a great opportunity to learn something new.

Steps to create an animation:

  • The first step of building a CSS animation is to defining individual keyframes and naming an animation with a keyframes declaration.
  • The second step is referencing the keyframes by name using the animation-name property as well as adding animation-duration and other optional animation properties to control the animation's behavior.
Here's how I created a spinning square animation using keyframes in css:

@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

Issue:  https://github.com/kelvinkamau/Vibranium/issues/63
PR: https://github.com/kelvinkamau/Vibranium/pull/98

Comments

Post a Comment

Popular posts from this blog

fs.rmdir() vs fs.rmdirSync() in Node.js

-
The main purpose of rmdir() and rmdirSync() methods in the fs module is to remove a directory. If you are going to use any of these two methods, you should also remember that using them it is only possible to remove an empty directory. In case your goal is to get rid of the folder which contains another files or directories you would need to install the additional fs-extra module that would add more features on top of the fs. You can use remove() method from the fs-extra module to delete directories that contain something. fs.rmdir(path, callback) Removes a directory asynchronously. If the directory isn’t empty the function will throw an exception. Passed Parameters: path – string, path to the directory which you want to remove. The function won’t work if you will pass a path to the file instead of the directory (will result in ENOENT error on Windows and an ENOTDIR error on POSIX) callback – function, returns an error. Source code:  function rmdir(path, callback
Read more

Release 0.3, Update 1

-
For the third release, I was looking into a bunch of different tickets, but it turned out to be quite hard to find a good one. Some of the tickets I found were still open, but already fixed in the code, others required more info to start working on them, and I couldn't get any response from the team. For now, I ended up looking into Marquez  project. It has a lot of nice tickets, but I'm still having troubles to get it working on my machine. Other tickets that I consider working on are: https://github.com/natlas/natlas/issues/113 https://github.com/Marko-Doornbos/tournament-site/issues/12 https://github.com/ICT4Dat/ict4dat-news-android/issues/159
Read more