JavaScript and Front-end
There are plenty of great development tools to be found across the web. If you know how to use them, you spend less time one repeating tasks and eventually become more productive. Understanding such tools and settings them up might take much of your time though. The web tools section is meant to make learning easier and faster.
-
Contextual Menus in a Cross-Platform Electron Application
Posted on:Electron applications do not come with contextual menu out of the box. However, it is always a good idea to add a context menu to your project–it does bring more native look and feel. In this article, we are going to review different methods of contextual menu creation as well as building a dynamic menu with conditionally displayed items.
-
Making customized (white label) builds of a Cordova application–Android
Posted on:Imagine that you are developing a super useful Android application (backed by Cordova or Ionic) and several your customers would like to have it. However, they want to put their logo and are willing to pay extra for this. Of course, we do not want to have a different code base for each client, and it would be nice to make all required changing during the build process. Here is a guide on how to do this for Cordova Android applications.
-
Making HTTP-request During React Server-Side Rendering on Electrode Platform
Posted on:Imagine a React application with SSR where you need to make an external HTTP request and set use its result as initial state. This might be difficult to accomplish as the rendering process is synchronous, so we would have to find a right place to make the request before rendering, and thus postponing rendering and sending the response. In this short article, I will show you how to implement this on Electrode React project.
-
Blog's revival. Angular 7 and Server-Side Rendering
Posted on:Finally, after a bit of intense work, the Web Mystery blog has been updated to the latest version of Angular with Server-Side Rendering support. This will allow search engines to index pages more effectively and hopefully will bring the website back to Google.
-
How to Make APNS Push Notifications in a Cordova iOS Application
Posted on:It has been almost 2 years since I wrote this post about making push notification on Android with Google Cloud Messaging. This is its second logical part, which describes how to send pushes to an iOS application with Apple Push Notifications service (APNS). As previously, the process will be described in a context of Cordova application.
-
Adding WebRTC support to an iOS Cordova based application
Posted on:Despite the recent rise of frameworks that utilize native UI, Cordova is still remaining one of the most popular and easy ways to build an Android or iOS application. With Crosswalk WebView, you get a great solution for your WebRTC based app, which works almost perfectly out of the box… on Android. When it comes to iOS, things become a little more sophisticated. Read on to find out how to get real time communications to work on iPhones and iPads.
-
Creating a dynamically resizing textarea and wrapping it in an Angular 1 directive
Posted on:Hello! For some reason I have very little content about JavaScript and Angular JS on my blog, even though most of the code I currently write is exactly in this language and framework. Today, I'll be trying to fix this and show you how to build and Angular directive that makes an HTML textarea dynamically change its height (increase or decrease) based on the size of content that's being typed in.
-
How to Make GCM Push Notifications in a Cordova Android Application
Posted on:I guess you know perfectly well how your smart-phone reacts to news emails, IMs or anything else that needs your attention. Typically, it's a sound notification followed by a message appearing on your phone's top bar (or even on lock screen on Android 5+ devices). This is exactly what a push notifications is. In this article, I will explain how to implement such push notifications in a Cordova application and describe all the benefits they may give.
-
How to switch between different Node.js versions on Linux
Posted on:Hi again. Few days ago, I tried to install a node.js framework and ended up with an error saying that my current node version did not fit the minimum requirements. Updating was not an option since it would break the compatibility with the project I'm currently working on. There must have been a solution for such issues, and I've made a small research and with to share the results. The issue sounds like quire typical and hope the following is going to be useful.
-
Sticky Headers with Pure JavaScript
Posted on:At the end of the last week, I had another exciting task–implementing sticky headers within a scrollable element. Headers had to change dynamically when a user scrolls over the data back and forth. All these bits of magic were required to work within and Angular app so I had to wrap the login in an Angular JS directive. However, in this article, we will not touch Angular and go through an example with pure JavaScript, without JqLite, jQuery or any other library.