Web Applications

Home » Software » Web Applications

Chrome DevTools Tips and Tricks

Chrome DevTools - or rather the development console of your favourite browser - is an essential toolkit for the modern web application developer. They help you with both debugging your own application and understanding and hence learning from other people's JavaScript, HTML and CSS code. Mastering your tools is a key ingredient to mastering your trade. Therefore it's vital to always be learning about how to use these tools more efficiently and how to apply them in different ways or with new ... Read more

Fitts’ Law

One of the quintessential laws of human-computer interaction (HCI) and by extension software user experience is Fitt's Law, which states that the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target. The most common application of this law these days can be paraphrased as "The wider an object is on the screen and the closer it is to the mouse pointer the easier it is ... Read more

HTML is an API

HTML is an API or rather it could be if we used more in the way it was intended. In a comment on this Hacker News post about Toapi, a library that makes clever use of XPath expressions in order to provide an API from existing web pages, a user wrote Now I don't want to be a downer: but we collectively seem to have forgotten that HTML as a markup language with sufficient semantic elements, is a perfect API in itself. ... Read more

Analysing the Complexity of Angular Apps

Analysing an existing application if you join a project. Assessing the quality and maintainability of an application. Identifying soft spots in an application which could benefit the most from refactoring. There are numerous reasons for wanting to size up the complexity of an application. In addition to general and language-specific tools provided by IDEs and applications such as SonarLint / SonarQube it can be useful to not only take framework specifics into account but to actually make use of them to get a better ... Read more

Stefan Judis @ RuhrJS 2017: Watch your back, Browser! You’re being observed

At RuhrJS 2017 Stefan Judis gave an interesting talk on DOM APIs in the context of reactive programming and Observables: Read more

Alexandra Leisse @ RuhrJS 2017 – Death by a thousand paper cuts

At RuhrJS 2017 UX designer Alexandra Leisse talked about her personal experience with designing user experience for enterprise applications and how to deal with the continually growing complexity involved in that process: Read more

Alicia Sedlock: “The Landscape of Front-End Testing” at Fronteers Conference 2017

Alicia Sedlock - “The Landscape of Front-End Testing” at Fronteers Conference 2017: Alicia Sedlock: "The Landscape of Front-End Testing" at Fronteers Conference 2017 from Fronteers on Vimeo. Read more

Alice Boxhall: “Debugging Accessibility” at Fronteers Conference 2017

Alice Boxhall - “Debugging Accessibility” at Fronteers Conference 2017: Alice Boxhall: "Debugging Accessibility" at Fronteers Conference 2017 from Fronteers on Vimeo. Read more

Umar Hansa: “A Modern Front-end Workflow” at Fronteers Conference 2017

Umar Hansa - “A Modern Front-end Workflow” at Fronteers Conference 2017: Umar Hansa: "A Modern Front-end Workflow" at Fronteers Conference 2017 from Fronteers on Vimeo. Read more

On Building Offline-Friendly Forms

Frontend developer Max Böck some time ago posted an article on how to create offline-friendly web forms Using the navigator.onLine method for checking if the user is still connected to the Internet, localStorage and service workers Max outlines a method for alleviating an annoying problem that comes with using forms on the web, particular on mobile platforms: Losing data and having to fill in a form repetitively if you lose your Internet connection before that form has been submitted. Having forms retain data in ... Read more
Next Page »