Blogs, E-commerce sites, admins, and search results, almost everywhere you go online you are presented with large amounts of data and results, this transfer of information is a big part of what web applications are about. In this article we are going to take a look at how you can make your application dynamic by allowing your users to sort and navigate the data you are showing them using Vue.js. The Game Plan ... We are going to be building a reactive table like in the picture above, but before we get down to...
You may be wondering what the point is of creating virtual glass. Well, just like in the offline world, glass is used when you want to protect something but still be able to see what lies underneath. Besides that, with a little imagination you can create some cool effects for enhancing your web presentations or games. As a practical example, we'll be creating an over-simplified version of a graphic which is taken from a real-world training product, just to get familiar with the concept but without a high...
Since its release, AngularJS has dominated the world of open source JavaScript frameworks. Being an extremely advanced client-side MVW framework, it has achieved widespread adoption and support from both individuals and enterprises. Developed by Google in 2009, Angular not only enhances HTML used in web applications but also simplifies development and testing tasks for developers. Even though the latest version of Angular (1.4) is both stable and highly performant, the AngularJS team has...
Ever wondered who’d win in a face-off between AngularJS and React? Ever looked at a project spec and puzzled which way to go? Perhaps you’re planning to learn one or the other but aren’t sure which. Wonder no more, because we’ve put together this neat infographic to compare the major points of each language. Whether you’re concerned with speed, complexity, or how appropriate they are, you’ll find the answer in this quick reference. ...
Bitmaps are by far the most commonly used image format on web pages. When the images we want to show are photos, that makes sense. But when it comes to illustrations and GUI components, bitmaps are wasteful. Many designers actually do make extensive use of bitmap images directly in user interfaces. Personally I don’t feel this is a good approach, but the blame for it becoming habitual stems from the extensive use and recommendation of Photoshop for interface design. Vector graphics offer numerous...
The arrival of HTML5 has opened up a world of exciting possibilities for us as developers. The idea that you can quickly develop very high quality 2D and 3D games that run directly in the browser using simple JavaScript commands and without having to make use of any proprietary components to make it work could probably inspired you to finally get around to attempting that game idea you’ve been nurturing for years. Then when you actually go to do it and you see just how many new things you will have to...
I log every minute I spend at a computer. Ever since I became a full-time freelancer, I’ve been tracking my time, assigning each moment of my day to a project and a sub-task. It all started from a desire to make the best possible return on my time. As a freelancer who charged hourly, each and every minute had a monetary value. I’ve since relaxed my approach, but some positive aspects of time-watching have stuck with me. The over-used Drucker quote goes something like “What’s measured improves”,...
The most amazing part of all the technologies that came with HTML5 is how easily they can be used to create little apps that make our lives a lot easier. It’s surprisingly simple to combine them to create something practical and simple. Today we will be using geolocation and the Weather Underground API to create a simple Weather App that will determine where you are and tell you the current weather for your location. To work with the Weather Underground API you will need an API key but don’t worry...