Especially in case you have a lot of Tabs open inside your Browser, you are most likely using this feature on a daily basis. The drag&drop based re-sorting is fun to use and provides a great user experience.
Just to ensure that you have the same picture in mind:
Now, in case you look at most of today’s Web-based User Interfaces which are using Tabs, you will notice that there is no drag&drop based re-sorting in place.
This is actually a problem, since users are familiar with the feature and like it.
I picked up the challenge to implement the same UX for Web-based Apps, including vertical Tab Bars & inverted flexbox layouts. …
Bundling Application code for dist versions has always been a challenge, especially in case you want to share code with several Apps or load multiple Apps on one Page.
Many former colleagues and friends have reached out to me and asked: “How did you get this efficient and fast when working inside the UI area?”
While I have been using Javascript for 20 years, experience is really just a small point in a very fast evolving ecosystem.
The biggest impact was switching to JSON based virtual DOM, which boosted my own productivity by at least 200%. Yes, this literally means that I can develop complex UI code 3 times faster as I could before.
Since these concepts are still mostly unknown, I am writing this article to share my knowledge with you. The goal is that you can benefit as well and get to a new level of Frontend Development. …
The web moves forward at a great speed — but do you?
When Angular and React were introduced, browsers had poor support for ES6+ features. …
Especially in case your UIs are growing, it can significantly increase the performance → UX in case you keep the DOM minimal. For many use cases you still want to change the state of inactive (no longer rendered) views.
While watching the video, please focus on the DOM inside the dev tools. I am switching between different cards (active views), opening the settings side bar and am changing settings of non active views. Inactive views are not inside the DOM. …
Please take a look at the Intro Video first, to get the idea:
You might know the feeling: You create a new GitHub repository and start with a default GH Pages implementation using a default GH design skin. You add more and more content, and suddenly it looks like this:
This article is meant for recruiters, people working in HR as well as candidates. I think that there is the need for a significant change.
This article is controversial and you might not agree with my perspective in all points. You are welcome to add comments and start a discussion. My intention is not to highlight problems or express my personal frustration, but as a former Solutions Engineer to provide input and possible solutions on how to improve the process of hiring talented candidates. …
Here is a demo video showing the different views of the App:
As you can see, this is already a pretty complex app. We will start from scratch and progressively enhance it, while looking into some of the basic concepts as well. …
For me, it was alway a big dream, if not a life time goal, to create a meaningful Open Source project, with the potential to make a significant impact to improve the way how UI development works in general. This is it. I am very excited to not only share this article with you, but the entire code base as well (using the MIT license). …
To me, this one feels like a milestone in the history of UI development.
A quick recap:
After Chrome added the full support for SharedWorkers, I was thrilled to get a first PoC ready as fast as possible. …