I Was Into The Lean Web Before It Was Called That

I have been writing a bit of JavaScript in my developer life. Mostly because I wanted to tweak the UI in the browser – I have never been a fan of applications that live purely in the web browser.

Sidenote: Why I don’t like applications that live only in the webbrowser…? Well, the main reason is that the applications I worked on were meant to deal with data that had to be stored somewhere in the company systems. And of course we wanted those data to be as correct and safe as possible. Hence the need to validate them not only in the UI, but also on the server. So the validations had to be re-done on the server anyway… Why write code twice?

No wonder then that I never tried JS web frameworks like React or Angular, although some of my colleagues swear by them. I used jQuery for DOM handling in older browsers (remember Internet Explorer?), plus our own in-house vanilla JavaScript functions.

Since my first forays into JavaScript some twenty years ago, things have changed, of course. Yet I feel confirmed in my opinion after reading two posts (courtesy of StackOverflow): “Things you forgot (or never knew) because of React” and “WTF is the Lean Web, anyways?“. Both are worth your time, front developer!

I did not write about it then, and I certainly did not have all the arguments Chris Fernandi summarises in his post. But yes, the Lean Web was certainly the philosophy I tried to implement in the last two decades.

Read Full Post »

Blogs And Cheese And Stuff

I have been following Jason Kottkes blog since I started blogging myself, in late 1999. And now kottke.org is 25 years old. It’s clear that Jason and I have more than a few things in common – blogging being just one of them ;-)

That tiny baby Jason loved cheese, Quentin Tarantino, and the World Wide Web, bless his little heart.

Source: https://kottke.org/23/03/kottke-is-25-years-old-today

The comments on that post also clearly indicate that I wasn’t alone in discovering the Web in 1999 !

Read Full Post »

A Serious Development Editor In Your Browser

A preview of Visual Studio Code “for the Web” has been released a few days ago. This means that you can now develop code in any (modern) browser – even on an iPad: just head over to https://vscode.dev.

I have been a big fan of VSCodium, the “free/libre” version of Visual Studio Code, for quite some time now: I don’t need more for maintaining the ColdFusion, HTML, JavaScript and “classic” ASP code that make up the bulk of my daily work!

I know this is not the first editor that works in a browser, and it’s not yet a workable solution: many plugins will have to be adapted to work correctly in a browser setting. Nevertheless: I’m impressed.

Read Full Post »

PowerShell Quickie: List All IIS Sites And Their TLS Certificate

I’m a newcomer to managing TLS/SSL certificates for intranet sites and applications. Renewing all the bindings (2 per site) for dozens of sites is no fun in IIS… but I have not yet found the time to familiarise myself with PowerShell in a sufficient way to write a script to replace me ;-)

To help me nevertheless, I found and adapted a nice script, universally usable on all Windows servers running IIS to serve TLS/SSL sites:

Import-Module -Name WebAdministration

Get-ChildItem -Path IIS:SSLBindings | ForEach-Object -Process `
{
   if ($_.Sites)
      {
         $certificate = Get-ChildItem -Path CERT:LocalMachine/My |
            Where-Object -Property Thumbprint -EQ -Value $_.Thumbprint

         [PsCustomObject]@{
            Hostname       = $_.Host
            TLSCertificate = $certificate.FriendlyName
            ValidUntil     = $certificate.NotAfter
            Thumbprint     = $certificate.Thumbprint
         }
      }
}

This will list all the sites and the current certificate for the hostnames as well as their enddate. Nothing fancy, but very handy when trying to figure out which hostname you forget to handle!

PS. Yes, the backtick at the end of line three is essential… don’t leave it out.

Read Full Post »

Juggling To Sync A Keepass File Between Multiple Devices

My setup has been the same since quite a few years now: I have a Keepass file on Dropbox, and I use several different applications and apps on multiple devices to access and update that file. Which applications, you ask?

On my Macs as well as on my Xubuntu machines I will use Keeweb. Despite its name, it gives you a desktop application that natively accesses (and syncs) files on Dropbox. This is the application I go to for when I want or need to reorganise the Keepass file, e.g. to rearrange groups or import lots of account data.

I would use Keeweb on a Windows PC as well – if I had one. At work, we have no free choice of which application to use to store passwords, but luckily we do have the “official” Keepass Password Safe at our disposal.

On Android my favourite Keepass app is called Keepass2Android. I will admit that I made that choice a few years ago, and haven’t checked on its competitors recently (are there competitors of note, by the way?). But it does what I need it to do; it accepts Dropbox as cloud storage and it will even merge changes from the local version and the Dropbox version when it detects differences between the two during the synchronisation process. That last one is a killer feature, and it hasn’t failed me a single time in the years I have been using it.

On iOS the situation is a little more complicated – at least, that how it feels to me. I wrote earlier about KeePassium, and that is still my app of choice. I like the interface, and it does all I need when I look for account info (you can store more than just passwords there!).

But in order to sync my central file on Dropbox, on iOS the app has to go through the “Files” app from Apple. Files-the-app is capable of showing files of all kinds on the iOS device, as well as the files on several cloud file systems, like Dropbox. What is less clear to me, however, is how quickly “Files” notices changes on Dropbox and picks up the latest version of my central KeePass file. I also have had trouble getting the latest version of my file (as changed on Android, for example) onto my iPhone. Although I must admit that the last few weeks fared better: I haven’t noticed anymore missing syncs lately. What I can’t say is whether the issue was/is with Files rather than KeePassium or even my internet connection…

Anyway, when it comes to passwords I want to be sure that I’m not missing any information – or worse: I don’t want to overwrite my updated central file with an older version on iPhone! That’s why I currently always check the “last updated on” date of my Dropbox file in Files before opening the file again. Of course my Dropbox account is protected with a password, but I don’t think that is what Andrei Popleteev means when he’s writing about “How to sync KeePassium with Dropbox“.

Manually checking the file date on iOS is not an ideal situation, I know, but to me that check is a small price to pay for the greater good of having my account data available on all the platforms I use! And for me, KeePassium is still the way to go on iOS.

Read Full Post »

Intriguing: Grapheme-Color Synesthesia

“Seeing” things as colors or sounds has always intrigued me, so I had to have a look at the “What Color Is Your Name?” website. Don’t expect an extensive and scientific explanation of the phenomenon; just enjoy the results. Here’s what the alphabet look s like for Bernadette:

I can see this site being used to select a color scheme by website designers!

Read Full Post »

Don’t Use Directory Name ‘/api’ For Your Own Uses In ColdFusion 11

Last week, I did loose a lot of time in what should have been a quick ColdFusion hack. My colleagues and I were just trying to set up a web service-based solution for a simple problem: they had a JavaScript page that needed a bit of data for which I already had the code in ColdFusion. So I created a new directory in an existing application, whipped up the required code in ‘index.cfm‘ to return a bit of JSON and tested the result from my browser… only to get an “Error 500 - Application index.cfm could not be found“.

Weird, heh? The required file was there, so why could CF11 not find it? Adding an ‘Application.cfm‘ did not help, neither did repackaging the code in a CFC. On CF8, on the other hand, everything worked as expected. So what was going on?

It took some time, but I did find the explanation: CF11 reserves the directory name ‘api’ for special treatment, so you can’t use it like any other directory name – and of course that was the name I had chosen! Adam Tuttle described the situation nicely in 2015:

Funny you should mention that the issue is inside an /api folder. I’m trying to track down the same problem, except I’m directly accessing an index.cfm (sort of — onRequest intercepts the request and redirects to CFCs as appropriate — it’s a Taffy API) and I’ve found that renaming the folder from /api to … literally anything else… works fine. It’s almost as if something in CF has special meaning at /api, like the special /rest mapping does.

Indeed, renaming my directory solved the problem – too bad it took me so long to find the cause. On to the next problem!

PS. Adam Tuttle has more to say on the subject, but his post on the subject has disappeared: the URL ‘http://fusiongrokker.com/post/coldfusion-11-sometimes-chokes-on-api‘ no longer points to the relevant text, but is redirected to another blog also belonging to Adam Tuttle. There, unfortunately, the post is NOT available. I won’t call this a case of linkrot, but it’s not good either. Luckily, the Wayback Machine has a copy of the page, including a few comments…

Read Full Post »

The Resurrection Of The Userland Frontier Application Server

Brent Simmons isn’t a new name in this blog – I have cited his name several times since 2001. A few days ago he wrote:

It’s been years since I could build the Frontier kernel — but I finally got it building.

[…]
The high-level goal is to make that tool available again, because I think we need it.

The plan is to turn it into a modern Mac app, a 64-bit Cocoa app, and then add new features that make sense these days. (There are so many!) But that first step is a big one.

“Frontier Is Interesting”, says Jim Roepcke – click to see what he writes

It’s an interesting development, from several viewpoints. I wrote some of my first “web applications” in Frontier, and that makes that Frontier will always have a special place in my book of tools. It’s also nice to see a relevant piece of software evolve so that it continues to run on modern hardware and OS’s. At some point, I will certainly download and run a copy on my Mac.

But the question is: do I want to go back to developing stuff in Frontier? Do you want to?

Read Full Post »

Go Mix And Build The App Of Your Dreams

More than 8 years ago, I wrote about the Google App Engine as a platform. Much as I liked the concept, I also remarked that it would be… great to have a complete development environment within the browser, coupled to a runtime.

Turns out that Fog Creek, the software company founded by Joel Spolsky, has built just that: “a developer playground for building full-stack web-apps fast“. It’s called Gomix – but it was called HyperDev during the development of the product. That ties in neatly with my reference to HyperCard as an example of a simple tool that allows anyone to built the tool she/he needs. Nice work, Joel !

So here it is, my first “app” in Gomix (just for fun and with lots of tongue in cheek):

Read Full Post »

Refreshing Your Developer Perspective On Code

I do find it important to refresh my memory from time to time, even when it comes to something that I do quite frequently, like writing code. A reminder about why some things have to be done in a particular manner, re-reading the exact details about how to do something, or just brushing up on a subject supposedly known only to find that things have changed a bit in last few years: all good reasons to never stop reading.

That’s one reason for me to read “The Basics of Web Application Security” on Martin Fowler’s site. It’s also a good intro to newcomers in the field – and to top it off, it features an xkcd cartoon! What more can you want?

Click the image to see the cartoon in all its glory

I’m waiting for further additions to this text!

Read Full Post »

ProseMirror As An Editor (And More) For Your Wiki May Be Coming Soon

It seems the debate about in-browser editors is ongoing, in a good and serious way. Dave wrote about it again, in “There’s a content-editable community“. He points, amongst other things, to an Indiegogo project called ‘ProseMirror‘. I have only read the project description, not the code; it seems to me that it is part editing tool, part content representation. That makes it similar to Dave’s OPML Editor, and both will allow you to represent the content as you like, depending on the transformation you apply to the content. That’s a good approach, in my view, because it makes the tool very flexible.

Of course, ProseMirror could be the editing environment for a Wiki! Storing Wiki-content in a format that is not dependent on a representation such as HTML is the basis for re-use of that content in as many forms as you need/want. I hope Marijn Haverbeke reaches his goal, and then we’ll see if someone picks up ProseMirror as the basis for a Wiki, a blogging tool, etc. From what I remember of the JSPWiki implementation, it should be relatively easy to whip up a ProseMirror “storage provider”  for JSPWiki that does exactly that: use the ProseMirror content format as the corner stone of a Wiki. Any takers?

PS. If the Indiegogo project should disappear, then you’ll also find more details on prosemirror.net…

Read Full Post »

Editing API Versus Markup Standardisation? The Latter Gets My Vote

Dave asks: should there be “Editing APIs for Wikis?“.

Wikis have been “invented”, to use that word, to make it possible for anyone to edit a Wiki page inside the browser. In a Wiki, content is more important than fancy layouts. Wiki editors thus prescribe a simple markup system for things like ‘bold’ and ‘italic’ lettering, bullet lists, etc. Creole, the attempt to unify dozens of markups, has never been a success. When going from one Wiki to another you may need to adapt your markup automatisms. These markup languages are rather similar, so in practice adaptation from one to another isn’t too hard.

Would it be nice to have a WYSIWYG editor in your Wiki? For some people, the answer is yes. They will indeed be more comfortable with an editor that resembles the editor they use for writing books or letters. But many Wikis allow you to change the editor used for editing Wiki pages. At work, I have activated the FCKEditor (aka. CKEditor) in JSPWiki, and currently our users can still choose the editing style they prefer.

All/most Wikis store the user’s content in their own markup format, not in HTML. The MyWord Editor that Dave Winer has built works differently, if I’m not mistaken: it is a WYSIWYG layer for HTML editing. It should not be too hard to convert the HTML from a simple HTML editor to whatever markup the Wiki uses. But even for a single editor that would require a convertor for multiple Wiki markup dialects.

Yet another Wiki editor: Eclipse/Mylyn and Textile

In the end, the real question is: what would be the added value of such an API?

The purpose of a Wiki is to capture information and not layout. That is why the built-in editors are relatively simple. For hard-core Wiki authors, an HTML textbox plus knowledge of the local markup language will be enough. Occasional authors will have to make do with the built-in MOLWYSIWYG (More Or Less WYSIWYG) editor. I suspect most occasional wiki authors won’t be authoring texts in more than one Wikis, so they will deal with a single variant only.

Would a common API be a good idea? Of course! But such an API would already exist if it served a greater purpose beyond the technical promise of plug-and-play editors.

If you ask me, Wiki’s would be better served with a common markup language like Creole or Markdown or ReST, rather than an editor API. If you think otherwise, then just build such an API. I’ll be happy to write about it!

PS. For a comparison between Creole, Markdown and ReST, check out “Why Markdown Is Not My Favourite Language“…

Read Full Post »

DOCTYPE To The Rescue In IE8

I have been spending more than a hour trying to find out why a :hover selector on a <span> wasn’t working in Internet Explorer 8 – many documents on the Web are clearly stating that it works. In the end, it was the W3Schools.com website that came to the rescue, in the form of a note:

Note: In IE there must be declared a for the :hover selector to work on other elements than the element.

CSS Selectors explained at W3Schools.com

You had better make sure that the DOCTYPE is indeed declaration is indeed on the first line in your HTML… and then everything works smoothy, as far as I can tell. Whew.

PS. No, I will not try to explain why I still have to build code that has to work in IE8, and not in a somewhat more recent version…

Read Full Post »

Rakshith Naresh Explains ColdFusion 11 To CFUG Belgium

Last night, I attended the CFUG Belgium meeting, entitled the “CF11 Launch Party” (CFUG Belgium is the belgian ColdFusion User Group). We had two speakers. Rakshith Naresh is the ColdFusion product manager at Adobe; he spoke to us from India about the new features of ColdFusion 11. Technically, the situation wasn’t perfect, but all in all it was good to see that Adobe, or at least Rakshith, cares about CF developers in a small country like Belgium, and his overview was worth listening to.

The second speaker of the meeting was Alwyn Wymeersch, who explained the basics of AngularJS. I liked his approach of the presentation, with lots of demoes, and his courage, trying to do it all with live coding. Good job!

Click the logo
to go to the CFUG website.
Be warned, though:
this site isn’t up to date!

I look forward to testing our current apps on the latest version of CF, even though I won’t be using many of the recent novelties. I would love to try and develop a mobile app with CF11, but our mobile app users are colleagues on the move, using iPads and Galaxy Tabs to access company resources. Their mobile devices are under control of a ‘Mobile Device Management‘ platform like MobileIron, AirWatch or XenMobile (sorry, I forgot that Gartner now calls this ‘Enterprise Mobility Management‘).

So I hope that Adobe will pay attention to the developers of large enterprises, whose mobile apps must also be able to run in an MDM container, with all that entails in terms of limitations on how to access certain functionalities of the devices. PhoneGap is supposed to be compatible with MobileIron AppConnect, but has it been tested when an app is built with CF Builder? And what about the other MDM’s? Are there gotchas in this scenario? How about that on-device debugging? Etc. There’s still work to be done, that’s for sure! What will CF12 bring, eh?

PS. To all those who registered for the meeting but weren’t there I say: it pays to attend! There were nice prizes to win in the closing raffle, and a third of the attendees went home with a nice software package (well, at least I hope I get my package delivered soon ;-)

Read Full Post »

WikiWand Modernizes The Wikipedia User Interface

We all turn to the Wikipedia from time to time, whenever we need a bit of authoritative info about a subject. You may not have noticed it, but the “look and feel” of Wikipedia essentially hasn’t changed in a decade. As an encyclopedia the Wikipedia focuses on its content, and the accessibility of that content in terms of search and navigation. “Content” is also the focus you’ll find in most Wiki software, and the basis of the Wikipedia is of course Wiki software called MediaWiki.

Ten years is a long time in the history of the web, and things have changed since the start of Wikipedia. Ten years ago, personal computers were the only way to access the web; today, an ever increasing number of users surfs the web on smartphones, tablets, PC’s and smart TV’s. Ten years ago, producing information for the Wikipedia was essential to get it up and running as an broad encyclopedia; these days, I’m guessing there are relatively much more consumers than writers of Wikipedia content. Ten years ago, there was only a web interface to interact with the Wikipedia; today there are apps on all kinds of platforms to access all or parts of its content in a specific form on all those different types of devices.

Thus it should not come as a surprise that someone decided to apply the user interface lessons of the last decade to the Wikipedia: meet WikiWand.

The Dutch entry for “Thee” (“Tea”) in Google Chrome on a Mac

There are two ways to use WikiWand: you can either access the Wikipedia through the WikiWand website (just use the search in the top right corner), or you can install the WikiWand browser plugin (for Chrome, Firefox or Safari) and set it up to be your default way of using the Wikipedia. I’m currently trying out the website, and I must admit: it looks good, on my Mac as well as on a smartphone. The smartphone version is perhaps a bit too visual, putting all the pictures before the text of the lemma. But the navigation menu on the left allows you to jump to wherever you want, so many pictures are only a problem if you access the web over a slow (and possibly expensive) network connection.

The Dutch entry
for “Thee” (“Tea”)
in Google Chrome
on an Android smartphone

That’s all good, but a question remains. WikiWand is a commercial enterprise. So how will they be making money, without “ripping off” the Wikimedia Foundation? That remains to be seen: WikiWand says it wants to add “contextually-relevant ads for textbooks, articles and courses”, with 30 percent of its profits being donated to the Wikimedia Foundation – but only the future will tell whether they can stick to that “education only” ad policy…

Read Full Post »