Creating an animated News/Announcements ticker using CSS and jQuery.

development
jquery, scss, news, announcements, ticker, animated, web, html, codepen

We come across multiple websites with news ticker now-a-days, mainly on the websites dedicated to serving news to the readers. It sounds very simple but its simplicity is what makes it even more desirable. In the end of the day, animation draws the reader’s attention towards the ticker, constantly if I might add, which is a good thing. Whether we have a static ticker with constant data or dynamic data, ticker makes it beautiful in a way to view newly added/updated contents.

Image

I would like to clarify beforehand that the terminologies used, such as “announcements”, “news” are meant for similar purposes for this tutorial. You can name it whichever or whatever, I named it announcement because this is my personal blog and not a news website.

Read More

Jekyll search using Google's Custom Search Engine and jQuery.

development
jquery, javascript, api, google, search, engine, jekyll, ajax, filter

Jekyll is an amazing blogging platform, regarding simplicity, templating and cleanliness. There are drawbacks for simplicity, lack of essential features. To keep my blog clean and minimal, I used Google’s Custom Search Engine and forwarded users to Google’s custom search’s public URL however it just seems too unprofessional. Let’s say I want to search for the term node in my blog; I would simply forward the user to Google’s public search url. I tried searching for alternatives which I could integrate the search feature on my blog however it all required me to install and set up a whole different libraries and such.

There are various alternatives that one can use to integrate search feature in their Jekyll powered blog, some, from top of my head would be Lunr.js, Simple-Jekyll-Search by christian-fei, Algolia, Swifttype etc.

Read More

Creating and integrating Spotify's Now playing track to Open Broadcaster Software (OBS) using C#.

development
c#, csharp, develop, .net, visualstudio, spotify, music, capture, file, obs, recorder, stream

Most of us, an avid music listeners out there are familiar with Spotify, a subscription based music streaming service with large collection of music. I listen to relaxing and focus music while developing or playing games. A distant friend, a game streamer insisted that I help him out with setting Open Broadcaster Software (OBS) to dispaly the music that he plays in his stream. After couple exchange of words, he said that some of his viewers gave him this idea, maybe they liked the music but had difficulty finding the title.

I agreed to help him and gave it a bit of thought about how I should approach this. Considering this tool is developed in .NET Framework 4.0 using C# and targets Windows operating system as primary operating system, the title of the Spotify window makes this job a lot easier, although we can only see Spotify Premium or Spotify.

Read More