Feeds:
Posts
Comments

Archive for the ‘Web Development’ Category

Last wednesday Adobe hosted a Belgian ColdFusion User Group meeting. Subjects of meeting were Less and Bootstrap. I liked the Bootstrap demos given by Guust Nieuwenhuis, all the while thinking about how Boostrap would have simplified my life (and that of my colleagues) while developing our intranet apps more than five years ago. .. but that was before HTML5 was there to build on…

If you want a quick intro to Bootstrap without going to a user group meeting, have a look at Matt Raible’s extensive Bootstrap overview (he describes the creation of this presentation app in his blog post of April 23, 2013).

Read Full Post »

The following jQuery 1.6 code snippet works (or at least it seems to work) in Chrome 24 and Firefox 20, but not in IE8: IE8 keeps showing me the “missing image” graphic when the requested image does not exist on the server. Why?


$.ajax( $("#prod").val() + ".jpg", {
  type: "GET",
  data: "{}",
  error: function() { $("#preview").html( "" ) },
  fail: function() { $("#preview").html( "" ) },
  done: function() {
    $("#preview").html($("<img>").attr("src",$("#prod").val()+".jpg"));
  },
  success: function() {
    $("#preview").html($("<img>").attr("src",$("#prod").val()+".jpg"));
  },
}

If it wasn’t clear: I’m trying to check the existence of a JPEG file on the webserver before showing it in a DIV with the id “preview”, where the JPEG is named after the OPTION value in the “prod” SELECT. The code snippet should be packaged in a function called when the user changes the product selection, of course. I have tried a few variants of the code, having started with “$.get()“, but none of them worked as expected.

I have found a few mentions of IE8 trouble with the “$.ajax()” function, like these: http://forum.jquery.com/topic/jquery-ajax-ie8-problem or https://github.com/angular/angular.js/issues/1418. I’m yet to find an clear explanation for what might go wrong with my simple HTTP GET, however…

Do I really have to give up on jQuery in order to get it running on the admittedly antiquated IE8, and apply the solution presented on StackOverflow: http://stackoverflow.com/questions/2659208/ie8-jquery-ajax-call-giving-parsererror-from-django-for-json-data-which-seem? Or is there a better solution without jQuery?

Read Full Post »

TechRadar uses strong wording to explain the WebRTC project: “The web has revolutionised communication, and WebRTC promises to take the revolution a step further. The free, open-source project enables compliant web browsers to communicate in real-time using simple JavaScript APIs”. Read the whole article titled “WebRTC uncovered: why it’s the future of online communications” for more details.

As to WebRTC replacing Skype c.s.: perhaps these tools will add WebRTC to their palette of communications protocols, rather than being replaced by it…

Read Full Post »

Wiki’s are no longer the spearpoint of the ‘social media’ that they were a few years ago. That does not mean they have gone away or, worse, have become irrelevant. It’s good to see that a major player like Ars Technica publishes a nice Mediawiki installation manual: “Web Served 7: Wiki wiki wiki!“.

The rest of the ‘Web served’ series – on how to setup and use a secure webserver – is worth reading as well, if you have little or no experience with the subject.

Read Full Post »

Want to learn new programming skills online? Well, you can do that if you want to. Check out the list of resources presented at dzone by Danny Bradbury. There is something to be said for online study tools, for example when they include interactive exercises.

But if you prefer books, here are a few posts that may help you pick a truly excellent title.

Enjoy!

Read Full Post »

There are two interesting sides to this experiment: Coding project aims to deepen the experience of streaming classical music (Ars Technica). I like listening to classical music, but I often wonder: is what we hear today really what the composer intended? Or: why did the composer use those instruments? Having a running commentary while listening to a piece could be quite illuminating, if and when some of my favourites were to belong to the selection.

On the other hand, this project is a nice illustration of some of the powers of HTML5. Food for techies and music fans at the same time!

Read Full Post »

The W3C, the standards body that oversees the development of HTML, is starting a Wiki to (hopefully) create a definitive, up-to-date collection of documentation on all the web standards (and more). In the words of Webmonkey: “The W3C has managed to bring together some of the biggest names on the web to help create Web Platform Docs. Representatives from Opera, Adobe, Facebook, Google, Microsoft, Mozilla and Nokia will all be lending their expertise to the new site“.

Of course, the really interesting part – for me, that is – is the Wiki that will encompass all those Web Platform Docs. I do wonder how much “non-expert” material will be added to the site – writing documentation is not the same as writing code, as evidenced by the lack of decent documentation in many software projects. Then again, not just developers can (should) add their expertise.

I guess the W3C will be exercising some kind of editorial supervision. To their credit, the creators of the site have clearly indicated how anyone can help, even if you’re unfamiliar with the technologies mentioned – that’s a good idea for any Wiki, by the way.

Read Full Post »

As websurfers, we do not really notice the tools and technologies that drive the sites and applications we visit and use. Yet, the last decade has seen an enormous evolution: most current content management tools are relative newcomers, and to complicate matters most websites have frequently changed their structure, content and layout, be it within the same tool set or not.

I am still working on the last part of the migration of this blog from the “old” EditThisPage.com service to WordPress. I’m doing this manually, not just because I never took the time to convert the Manila backup into something WordPress can import, but also because it allows me correct spelling and other errors in the old version. And from time to time I check for linkrot too…

Today, I am migrating blog posts from March 2006, and the post from the 26th puzzled me (see the new version here). Clearly, the sentence “We love democracy, providing the Muslim nations elect the people we want” was wrong; the question was, did I miss-spell “provided” as “providing”, or did my source? So I clicked the link to the source, and got a 404 error message telling me the link in my post is dead.

The good news, of course, is that the website The Truth Seeker is still around. Even better: on their home page I spotted a link to their “Old site”. That old site does not look pretty, because there are obviously images missing. But it is still there, and changing my original link from “http://www.thetruthseeker.co.uk/article.asp?ID=4286” to “http://www.thetruthseeker.co.uk/oldsite/article.asp?ID=4286” brought me back to the source of my quote!

My conclusions from this little story:

  1. Webmasters, please do not forget the older versions of your sites – just deleting them may create a lot of linkrot.
  2. The Truth Seeker did the right thing and kept the older site;  too bad their missing page mechanism does not take the old links into account.
  3. The spelling mistake I noted did exist in the source, so I’m leaving my quote as it was (but  I have added a small editorial indication explaining that I did not make the mistake).

Read Full Post »

Talk about a thorough comparison: Play vs. Grails Smackdown at ÜberConf.

Play and Grails have been hyped as the most productive JVM Web Frameworks for the last couple of years. [...] That’s why James Ward and I decided to do a presentation at ÜberConf comparing the two.

Matt Raible and James Ward built the same application with both frameworks, and put the end result as open source software on Github. Their presentation is not just pretty (thank you, Reveal.js) but above all very thorough.

My conclusion? Both frameworks, like a few others no doubt, allow you to build serious, performant applications. The devil, as always, is in the details – that’s where a good app distinguishes itself, and in many cases the quality of the app is determined more by the quality of the developer than by the quality of the framework used. So why don’t you try a few frameworks, and see what “feels” best? Not having to fight a framework (or a programming language!) to achieve the desired result may well be the best recipe for successful development.

Read Full Post »

Ars Technica pointed me to this blog post from game developer Wooga: “Wooga’s HTML5 Adventure“. It’s an interesting case study straight from the trenches of game development, which essentially concludes that “HTML5 is the future, but we’re not there yet“. Don’t forget to read the comments, especially those from other game developers who point out that some of the problems mentioned have a perfectly good solution today.

If HTML5 is good enough for game developers, why shouldn’t it be good enough for business apps as well?

PS. Yes I know that Wooga started out to build a copy of a Facebook app rather than a native app, but I feel confident that my conclusion remains valid…

Read Full Post »

With the ever rising popularity of smartphones and tablets, the question pops up frequently: if you want to develop an application for those devices, should you make it an native app or is a web app prefereable? Ars Technica has a good summary of the answers to this question in the article “Ask Stack: Should you develop native apps or web apps?“.

Let’s call it a strategic discussion, since there is no mention of specific platforms. Not every argument is mentioned, of course, but the article contains links to other discussion about the same subject, so there is enough subject matter there to ponder on this rainy sunday ;-)

Read Full Post »

I work in a large, 6000+ staff, company, and that explains why we’re only now migrating from Outlook 2003 to Outlook 2010. To be correct: the rollout will start in a few days, because the tests are still ongoing. And testing always pays ;-)

Indeed, an error was found: one of our oldest intranet applications became unusable. It’s an app that sends the data entered in an HTML form to the approver of the request. The email is HTML-formatted and includes a new HTML form with two buttons: “Agree” and “Decline”. Both buttons are supposed to send the form back to the app for further action… and those buttons do not show up in Outlook 2010, thus short-circuiting the workflow.

The cause of this problem is simple and well known. Microsoft says that Outlook 2010 supports HTML emails, but that isn’t true. It uses the core MS-Word engine to display and edit HTML, “because we believe it’s the best e-mail authoring experience around“. Unfortunately for the rest of us this means that we’re stuck with one of the worst HTML display engines: it has problems with CSS, with padding and margins, and it replaces some perfectly standard HTML tags (like INPUT) with something else.

These problems aren’t new: the “Let’s Fix It” website was built in 2009 to try and convince Microsoft to correct Outlook. And there are many blogposts, discussion forum messages, tweets, etc. that cry out about the annoyances Outlook 2007 and 2010 have generated (and continue to do so!). With IE8 and later, Microsoft at least made an effort to comply better with HTML standards – but the same company ignores those efforts for another, related product? Come on, guys…

Anyway, it turns out that there is a relatively simple bypass for our specific issue. When Outlook 2010 suspects that there may be problems with the way it displays an HTML email, it also displays a warning message just below the title of the email: “If there are problems with how this message is displayed, click here to view it in a web browser“. Clicking the message indeed pops up a menu, from where you can relaunch the original message content in an IE window or tab. Luckily for us, IE will restore not just the intended ‘look and feel’, but also the intended functionality of your email. Hurrah!

For those of us who prefer another browser than IE: you will have to apply a work-around to Outlook to take the “default browser” from your Windows preferences, but it can be done – I just haven’t tried it. And just supposing that Outlook 2010 thinks that it perfectly masters your HTML email: yes, there is a way to force Outlook to display the “If there are problems…” message, thus assuring the author of the email that the poor Outlook users will have the option to display the message in a browser! Aaaah, the wonders of the software universe ;-)

Read Full Post »

Good news for those of us who still have sites running on Manila, the Userland Frontier application for web content management: Tom Clifton, Dave Winer, Jake Savin and others are busy trying to get Manila to run in the OPML Editor. If they pull it off, it will be possible to take a .root backup from a Manila site and import it in the OPML Editor – or so I think.

Since I still have to “migrate” two years worth of blog entries from my original Manila blog at nukleos.editthispage.com, I hoped to use the OPML Editor – without Manila – to extract blog posts from the backup files I made in 2009 and before. Downloading and running the OPML Editor is no problem on the Mac, but trying to load my  .root backup is aborted with a message saying “Access to ‘backup.root’ was denied”. Is that a problem caused by differing versions of the Frontier core, or a configuration issue?

Read Full Post »

If the CSS Zen Garden no longer tempts you, dear graphical designer, then have a look at CSS1K: “CSS1K invites you to show that web developers are more inventive than ever, and that limitations can sparkle creativity…Submissions must consist of only CSS. Submissions may be up to 1 K (1024 bytes) minified“. There are already some great submissions, and I’m sure more will follow!

Read Full Post »

Yesterday evening after 10 o’clock the family iMac refused to work. A restart resulted in triple beeps. So far nothing out of the ordinary, and a diagnosis was easily established: bad memory. Luckily, my netbook uses the same type of SO-DIMM’s, and I had a spare module at hand. So with a bit of fiddling the iMac and the Netbook were up and running again, albeit with less RAM than before.

I started searching for memory upgrades on eBay and Amazon, but finally ordered two 2GB modules from a German shop. And that is where things really went wrong: the SSL-encrypted order and payment application for this shop was incredibly slow and unreliable! In the end, after an hour and a half, I sat before the screen with two identical orders, one of them paid through PayPal. It took me another 15 minutes to set the quantity of the other order to zero…

Mission accomplished. I do hope no one has to experience such slowness in my apps!

Read Full Post »

Older Posts »

Follow

Get every new post delivered to your Inbox.

Join 60 other followers