Modern WEB DEVELOPMENT WITH FOCUS ON PERFORMANCE
With an Emphasis on the Content and Attention Towards the End-User
I use modern development methods in my work with web development, but always keep a strict focus on the end-user and the final product. My solutions must be user-friendly and stable! In practice, this means that I am open to new technology solutions but always strive to use the right tools for the job. Therefore, I often think through the advantages and disadvantages of choosing a simpler solution. For example, I could choose older and more thoroughly tested technologies to ensure that they are operationally stable in the long run. If you want an overview of my competencies, you will find ithere
Although I have some experience working in traditional CMS systems such as WordPress, I prefer using JAMstack technologies. In short, it is about moving away from the traditional dynamic delivery of the web site's user interface via a server and a CMS system. Instead, you generate a static page and fetch data via an API. It provides some unique possibilities when developing applications, but also makes it possible to make lightning-fast websites. I have written an article where I go into more depth with the term JAMstack and the many benefits it provides. You can read ithere
. Otherwise, theofficial JAMstack page
really good if you want to learn about the subject. My own website you are visiting now is built using JAMstack technologies, which means it is coded inReact.js
, generated as a static website withGatsby
and delivered to you viaNetlify
Progressive Web Apps
Mobile apps are everywhere. At one point any tech-focused company had a mobile app or at least plans to develop one. Although mobile apps certainly still take up a lot of space in this field, it is my clear belief that many companies in the future will focus on one single website that can be installed as a PWA or so-called 'Progressive Web App'. In short, this means that the website is installed on the phone as an app directly from the internet browser. It offers some unique opportunities, which I have written an article abouthere
By the way, this website is a PWA, and a live example of what a PWA could look like.
How to Install a PWA
A PWA is installed directly from the Internet browser. In the Google Chrome desktop browser this is done via a small icon on the right side of the address bar. On the Chrome mobile browser, a small banner at the bottom of the window will ask you to install the PWA. But it is also possible to create a custom banner or a button like in this box if you want to draw more attention towards that your page is installable. If you want to install this page as a PWA, you can do it right here:
Something that is essential to me is that the internet should be for everyone. This is why I am very focused on web accessibility. You could say it has become a key concern to me. It is basically about all people having the same opportunity to use the internet - even people with a disability. This is why this page is fully navigable with a keyboard and can be used with a screen reader. Furthermore, the number of animations on the page can be minimized, as a lot of on-page movement can trigger dizziness and discomfort for some people. The option is available on Windows, Mac, iPhones and all newer Android phones. You will find a guide on how to enable this optionhere
at 'The Parciello Group' - a consulting company specializing in web accessibility.