Sallar Kaboli / Exploring JavaScript & Things.

I started refactoring Buttercup’s UI about 8 months ago I had no idea how difficult it’s going to be. Why I Refactored Back in 2015 when Perry and I started making Buttercup, I decided to use BackboneJS for coding the front-end part of things, and it went well for a while. But I quickly realized BackboneJS is not suitable for what Buttercup wants to achieve. Backbone does not scale well in large applications IMO. To name a few issues we had: Very manual way of rendering and re-rendering. Rendering in BackboneJS is done by replacing the dom contents manually using a jQuery method ($(...).htm

Disclaimer: A repost of my article for CafeDev A while ago I needed a sim­ple string pad func­tion, and since it’s a freak­ishly sim­ple task, I just wrote a sim­ple func­tion: function limit(str, limit = 16, padString = "#", padPosition = "right") { const strLength = str.length; if (strLength > limit) { return str.substring(0, limit); } else if (strLength < limit) { const padRepeats = padString.repeat(limit - strLength); return (padPosition === "left") ? padRepeats + str : str + padRepeats; } return str; } Pretty sim­ple, right? And it

It’s been couple of months that Perry and I have been working on our own password manager called Buttercup. We released the very first alpha version today, and you can get it from Github now. Mac and Linux versions are ready at the time of writing this post and a Windows version is underway. What’s Buttercup The existing solutions out there are quite good, but not exactly what we wanted. We needed a free, well-made, open-source and secure password management solution, so we decided to build our own. We put all of our trust in Javascript and started coding it in Javascript using NodeJS and El

**tl;dr**: Calculating mouse wheel value across browsers is a real pain in the ass. Avoid it as long as you can. So nowadays there’s all these talks about React, Redux and so many other cool things to do. But usually at our day jobs, we can’t just start using all these modern things. We have IE9 customers to think about and we have to make sure our stuff won’t break for them, otherwise we’d be out of business. Recently I’ve been given a task at work which involves mouse wheel/trackpad scrolling. I’d have to capture that event, change it’s speed and velocity, and animate an element using tha

We decided to do a small hackaton at Kiosked during summer which was all kinds of fun. Couple of colleagues and me decided to make an app for finding the best restaurant to go to for lunch, which as you know isn’t an easy thing to do ;-) Our lunch app was called Lunchify and it would do these things: Show the list of venues based on location proximity Show lunch menu for each restaurant Show directions to the venue (navigation) Cordova/AngularJS As a strong believer in Javascript, I suggested we build the app using Javascript so it would be easier to implement and also be cross-platform. Th

I like Javascript Promises a lot, so I’m trying to fit them everywhere in my apps. If you haven’t heard about Promises, or haven’t used them yet, I suggest you check out this great guide on them. I also like ES5 array functions and in my opinion they’re a few of the best additions to the language. My favorites are filter and map. The problem with these functions is they are synchronous, and I find myself trying to do something like this: var result = arr.map(function(item) { // Do something Async here. }); Which clearly isn’t going to work out since the callback function passed to map n