Tag: Web Development

webTiger Logo Wide
  • Modern HTML Tool-tip That Works With Pointers and Touch Devices

    Internet Logo

    A simple code snippet that allows tool-tips to be displayed on HTML controls when the mouse hovers over them or when the control is clicked (e.g. touched on a mobile device). Useful in scenarios where you want a simple, modern, tool-tip without the weight of a 3rd party library.

    (more…)
  • Creating an NPM Package for Distribution

    NodeJS Symbol

    This article walks through creating an NPM project that can be uploaded to a public or private NPM feed as reusable package.

    (more…)
  • Introduction to Redux (for ReactJS)

    Redux Logo

    Redux is a toolkit for ReactJS that offers application-level state management features and can help overcome event bubbling performance issues in complex component architecture based Single Page (Web) Applications (SPA).

    (more…)
  • Introduction to ReactJS Hooks

    ReactJS Logo

    Starting from version 16.8 ReactJS introduced a new, modern, way of developing React web apps using a feature they called Hooks. This article introduces Hooks and demonstrates how to create React components in this more modern style.

    (more…)
  • Introduction to TypeScript

    TypeScript Classic Logo

    TypeScript is a relatively new language that was created by Microsoft. It is an open source language loosely based on JavaScript syntax but extended to provide strong-typing declarations. An immediate advantage of using explicit data-types (like you would in other formal programming languages such as C/C++, C#, VB.NET, etc.) is that you get design-time data type checking when the ‘code’ is compiled into JavaScript.

    (more…)
  • Plain JavaScript Equivalent of jQuery’s Document.Ready

    JavaScript Logo

    The following method is a plain JavaScript function that is approximately equivalent to jQuery’s $(document).ready function, but can be used without the overhead of loading the entire jQuery library if you don’t need it.

    (more…)
  • Asynchronous Testing with the Jasmine JS Test Framework

    JasmineJS Logo

    Jasmine provides a simple behaviour-driven development testing model that is simple to set up and execute. Where things become slightly clouded is when you need to deal with asynchronous events. For example, how do you test your modals work?

    (more…)
  • Dynamically Loading One Javascript File From Another

    JavaScript Logo

    Although it is usually easier to explicitly add references to all your JavaScript file dependencies in the host web page (head section), sometimes this isn’t possible and the dependencies need to be programmatically loaded at runtime.

    (more…)
  • Using ReactJS

    ReactJS Logo

    React JS is one of the latest in a long line of JavaScript Frameworks that are flooding the web development arena. It’s got a lot going for it, so let’s see what makes it worth learning yet another JavaScript framework for!

    (more…)
  • Replacing ASP.NET AJAX Control Toolkit With Bootstrap and jQuery UI in MVC

    Many ASP.NET 2 projects will have utilised the AJAX Control Toolkit for more dynamic behaviours and the performance gains of partial page refreshes. A common issue with having used that toolkit when upgrading an ASP.NET 2 project to ASP.NET MVC is how to replicate the controls it offered without adding a lot of additional work to the upgrade project.

    (more…)