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, call...
Read more

Discovering Open Source Projects

-
Image
Go (Golang) Go is a compiled programming language. Like all others, it wants to be "better than C." The language development is supported by Google (the creators of the language are Rob Pike, Robert Griesemer and Ken Tompson). Go is completely open-source, and a large number of people not from Google also take part in its development. I got interested in the language because of its simplicity and unusual approach to OOP and multithreading.  The main advantages of Golang: Simple and clear syntax Excellent performance Rich standard library Highly Concurrent Go compiler (Error checking, cross-compiling) Open source Charming logo So looking for an open source project, I found 3 that might be interesting to contribute to:  Kubernetes Its io Moby  Kubernetes What is Kubernetes?  "Kubernetes is a portable, extensible open-source platform for managing containerized workloads and services, that facilitates both declarative confi...
Read more

Release 0.4, First Blog

-
For the Final release, I have a few projects to work on in mind. The first one is  VS Code , and I'm also looking into  Filer  issues. Here's the one ticket I'm trying to do now:  https://github.com/Microsoft/vscode/issues/71690 It requires adding a border around the vscode window, in order to be able to differentiate vs code from Visual Studio when using both at the same time, and their windows overlap. In order to set up this project, I used:  yarn watch  to start TypeScript incremental builder. And then:  .\scripts\code.bat   to test the changes. In case this ticket won't work out, I'm planning to continue working on  Vibranium  project from my previous release. Issue:  https://github.com/kelvinkamau/Vibranium/issues/63
Read more