Front-end

Showing 64-72 of 89 results
EngineeringIcon ChevronTechnology

Survey of the Best Online Mapping Tools for Web Developers: The Roadmap to Roadmaps

by Tomislav Bacinger

Making your own maps is not a big undertaking anymore, but for developers not familiar with web mapping, the agony of choice might be intimidating. You want to make maps, but don't know where to start nor which tools to use. I am here to help. Here, I'll discuss several of the best available tools, providing a brief overview of each, along with code examples, and weighing the pros and cons.

15 minute readContinue Reading
EngineeringIcon ChevronTechnology

Buggy Java Code: The Top 10 Most Common Mistakes That Java Developers Make

by Mikhail Selivanov

Java, a sophisticated programming language, has been dominating a number of ecosystems for quite a while. Portability, automated garbage collection, and its gentle learning curve are some of the things that make it a great choice in software development. However, like any other programming language, it is still susceptible to developer mistakes. This article explores the top 10 common mistakes Java developers make and some ways of avoiding them.

14 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

How GWT Unlocks Augmented Reality in Your Browser

by Alberto Mancini

In our previous post on the GWT Web Toolkit, we discussed the strengths and characteristics of GWT, to mix Java and JavaScript libraries seamlessly in the browser. In today's post, we would like to go a little deeper, and see the GWT Toolkit in action. We'll demonstrate how we can take advantage of GWT to build a peculiar application: an augmented reality web application that runs in real time, fully in JavaScript, in the browser. We'll focus on how GWT gives us the ability to interact easily with many JavaScript APIs, such as WebRTC and WebGL, and allows us to harness a large Java library, NyARToolkit, never intended to be used in the browser.

10 minute readContinue Reading
EngineeringIcon ChevronTechnology

MIDI Tutorial: Creating Browser-Based Audio Applications Controlled by MIDI Hardware

by Stéphane P. Péricat

Modern web browsers provide a rich set of APIs; some of which have been around for a long time, and have since been used to build powerful web applications. Web Audio API has been popular among HTML5 game developers, however, the Web MIDI API and its capabilities have yet to be utilized. In this article, Toptal engineer Stéphane P. Péricat guides you through the basics of the Web MIDI API, and shows you how to build a simple monosynth to play with your favorite MIDI device.

15 minute readContinue Reading
EngineeringIcon ChevronTechnology

Making an HTML5 Canvas Based Game: A Tutorial Using AngularJS and CreateJS

by Avinash Kaza

There are many programming platforms used to develop games, and there are a plethora of devices to play them on, but when it comes to playing games in a web browser, Flash-based development still leads the way. What if we could port these games to HTML5 Canvas technology and play them on mobile browsers as well? In this article, Toptal engineer Avinash Kaza gave a solution to this.

16 minute readContinue Reading
EngineeringIcon ChevronTechnology

React.js View State Management Tutorial

by Leonardo Andrés Garcia Crespo

One of the biggest and most common problems in front-end web development is state management. A developer is constantly focused on keeping the state object in sync with its view and the DOM representation. Users can interact with the application in many ways and it's a big task to provide a clean transition from one view state to another. We will see how using React JavaScript library can help us reduce application complexity and offload UI transitions from our application.

10 minute readContinue Reading
EngineeringIcon ChevronTechnology

Building Real-Time, Multi-Platform Mobile Applications: Examples Using Ionic Framework and Firebase

by Avinash Kaza

This article provides step by step guide for building hybrid multi-platform real-time mobile application using the Ionic Framework and the Firebase.

10 minute readContinue Reading
EngineeringIcon ChevronTechnology

A Map to Perfection: Using D3.js to Make Beautiful Web Maps

by Tomislav Bacinger

Data Driven Documents, or D3.js, is an awesome data visualization library. In this article, I'll discuss one particularly compelling application of D3.js: map making. We'll go through the common challenges of building a useful and informative web map, and show how in each case, D3.js gives you everything you need to make your map look and feel beautiful.

6 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

One Size Fits Some: A Guide to Responsive Web Design Image Solutions

by Kado Damball

As mobile and tablet devices come closer to achieving final world domination, web technology is in a race to accommodate the ever-growing number screen sizes. However, devising tools to meet the challenges of this phenomenon brings a whole new set of problems, with one of the latest buzzwords to emerge being "responsive web".

7 minute readContinue Reading

Join the Toptal® community.