Posts

Develop for the next billion users

Image
The next Billion users The next billion users will be on low-end devices, in regions where there is barely internet or even electricity. But even today there are people in your neighbourhood that have old computers, low-end notebooks, low-end smartphones. Another issue is data, mobile data is expensive. In Africa there are regions where people come together at antennas and generators to connect and charge. People don’t need your new shiny update if it only tweaks the UI and adds a lame feature, it’s too expensive. In that same population are a lot of people that would benefit from having an identity on a blockchain. But we don’t reach them because our apps are too fat, too many files, too much JavaScript, too many network calls, too much online. In the beginning there was HTML5 & Friends I started during the HTML5 period and have been a fan since the first hour. I got even better HTML/CSS/JS super powers with all the new Web API's. I was very again...

Using an Singleton with Observer Pattern to manage State?

A general question, I created a Singleton which will use an Observer Pattern where the Singleton becomes the Subject. And every Web Component in my app could become an Observer. What is Pro/Con here? The main issue I found is that with Pub/Sub the Subject & Observer are loose coupled and work over messages. But is it so bad to use the Observer pattern in a Single Page app in a way everything should be together no? I wonder what you people think of this? And no I don't want to use Redux or NGRX or any other library. Looking forward to your feedback or comments. -- Als je vragen hebt, aarzel dan niet om Contact met ons op te nemen. We helpen je graag verder. We kijken er naar uit om je te helpen bij de groei van je bedrijf. © 2023 WebWizArt.be BV. 🇧🇪 🏳️ 🌈 🏴 ☠️ All rights reserved.

My two cents about the challenges of the web of tomorrow.

Image
I recently switched to building web apps with web components, and during a meeting the question was raised about “How do we deal with these new technologies, old development went faster”. So I started to question myself “how can we adapt?”. I started late in ICT, around 2007 and everybody said I was crazy for hopping on the HTML5 train. It would take years before the standard was there and then maybe already obsolete. But It seems that I made the right choice. The major reason that I choose for HTML5 was because it would be the new standard period, there was no reason to avoid this, I just had to embrace it ASAP to become good in what I wanted to do, Web Development. I remember that I focused on ES5, HTML5 and CSS3, the bare bones of the web. Today I see the same issues on the horizon, the only difference I see is that the tidal wave is much bigger. Not only do the bare bones change but also the architecture and the tools and libraries and above all an abundance of cho...

HTML5 Game Jam Hilversum 9 & 10 Okt 2010

Image
The hacketon was organised by Google and Spil Games and was held at the S pil Games Headquarter The hole idea was to hack some games together with HTML5 and discover the possibility’s of HTML5 and the surrounding API’s At 8.00hr i left with the train in Antwerp to Hilversum with a stop in Rotterdam and Utrecht. Around 10.30 i arrived at the Spil HQ. There was already a mingling going on. The Game Jam opened around 11.00hr and was lead by Gregory Kukolj of Spil Games with a short intro of what will happen the next 30 hours. Then a introduction of Peter Driessen the CEO off Spil Games. Around 11.30 there was a presentation of a Game Developer from Spil Games Shangai, He told us about his experience with html5 and give us 10 tips about developing with HTML5. A short word from Google dude Michael Mahemoff about google’s view on HTML5 and the future. And showing the 1ste prize, a Samsung Galaxy Tab. The following 20 minutes Paul Irish came to talk about all the cool stuff arou...

HTML5 — Semantic what?

The following articles will be about HTML5 and all the things around it. This article is about the real meaning behind semantics and why we should use it. And a intro into HTML5 Semantic elements and some explanation and documentation of this mater. What is the relation and difference between Syntax and Semantics. Semantics is related to Syntax, where Syntax is how you say something where Semantics is the meaning behind things. Let,s take the following sentence as an example: I Love Code! The Syntax is about the letters, words and punctuations in the sentence The Semantics is what the sentence actually means in this case it means you enjoy about and write new code. If we change it to I Code! , we changed the syntax of the sentence. But note that the Semantics stay the same, you still enjoy about and write new code. So years ago we started to let computers talk to each other with Syntax but we never learned what the words mend. What is the problem’ we have the Internet that lets u...

Graceful Degradation or Progressive Enhancement?

Yesterday i was reading the “Progressive Enhancement demystified” on the .Net site. It was one of those articles that was bookmarked to read later. The article was about the difference between Graceful Degradation and Progressive Enhancement. Since i started looking at HTML5 about 2 years ago i heard these words often without really understanding them. Graceful Degradation VS Progressive Enhancement Gracful Degradation: -> think browser Takes care of the presentation in this proces the site or app get build for the most advanced and fancy browsers. In this paradigm older browser get little attention. Only the big errors get fixed and only for a few previous version. In other words it gets to the other buzz word “Fallback”. You make sure that for the functionality you use other minor browse can use a alternative or a message of the short coming of there browser. Can’t use canvas then use flash for example. Progressive Enhancement: -> think content It is all about the content. St...

A Journey to a new workflow: Introducing W3b{Blocks}

Image
It’s been a while now but finally I had some time to set-up some started projects. A while back I was doing a lot of research into all the new methodologies and technology’s. After reading and testing a lot with Local storage, Responsive Web Design, Mobile First, Progressive Enhancement and Graceful Degradation. Progressive Enhancement approach I realized that having those new skills is great but how to use them? This made me think about my work flow and how to approach a new project. It has to be Mobile First, but Graceful Degraded or Progressive Enhanced? And what with Responsive Design how to tackle this? A while back I saw a presentation from Nicolas Zakas and when seeing this screenshot on the right I realized that we have to try to create our UI as simple as possible and then layering up. This results in a long journey of reading, watching video and hack some stuff together to test and get results. Where to begin? That was my first question, I based my quest on the s...