While reading through the Jelly.io examples and trying to decide if it offered anything not already covered by the Test client or Selinium, I couldn’t shake the feeling that the example code looked untidy.
Took me a while to figure out why. The braces. After so long avoiding Python, and fighting against it, purely as I couldn’t see myself using a language without braces, now I find reading languages with braces difficult. Python has ruined me for other languages.
Show all elements on the page which match a particular CSS selector. Use the script below to create a new bookmark on your quick launch bar.
(update: added check for jQuery)
thanks to @chrisrowe for the inspiration
A fantastic idea. Promote JS ✩ Get the best Javascript documentation up the search results!
Create a new bookmark on your bookmark bar called “↑↑↑” and set its location to
Now you can jump to the top of any page just by clicking that link in your regular browser, same as tapping the top bar on the iPhone/iPad.
You might even be able to drag this link directly to your bookmarks-bar ☛ ↑↑↑
I had a couple of hours spare before my flight home, so I made this. It’s a perfect example of how easy it is to work with the @Kwwika API as I was able to throw this together so quickly.
The heavy lifting is done within the initialize function.
Where the updateCharts function updates the pie graphs for each statistic as well as the text display. The actual @Kwwika code can be reduced even further.
That’s it! 4 lines to subscribe to a Kwwika feed and receive realtime updates. Of course Kwwika does a whole lot behind the scenes when you write those 4 lines, but we don’t need to worry about that. To borrow a phrase from another well known tech company;
It just works.
Which is fantastic for me, as like all good developers, I’m lazy ;)
Not only have @Kwwika been pushing out the data from the World Cup live to subscribers but they have also recorded each match since the quater finals. They are looking at ways of replaying this data and asked for some input on Twitter
Updates in actual time…snip…or an update every X seconds?
My preferred way would be realtime, but with a couple of extra features.
As am sure everyone knows by now I’ve been building a #Worldcup app for the @kwwika competition. They really do we have a great API and am excited about the prospects, I really hope they let users create their own channels to subscribe to.
But what they really need is some way of generating dummy data for testing. Ideally you would subscribe to ‘/KWWIKA/SANDBOX/UID’ where UID is some identifier unique to your application. Then you log into the Kwikka site and get a form like
Data entered into the form is pushed to your subscribed app, allowing you to send any data you wish down the pipe and mimic any feed format. Perfect for when your app performs particular actions when particular data is received, but that data is infrequently occurring in normal stream.
The seemingly defunct Poly9 released a rather awesome URLParser. Luckily I had a copy of the code in a project I did a while ago as it doesn’t appear to be available online anymore.
Thankfully Poly9 released the original code under the MIT license. So I have made a couple of minor adjustments and put it on Github. I have retained the original license terms as well.
Using it to convert page titles to slugs automagically. Strips out most of the junk and uses hyphens for spaces. It is not perfect, but it is close enough for my needs.
I’ve been a fan of Less for a while now. As a developer it is how I think CSS should have always been. Functions (mixins), Extending objects (nested rules), Operations and Variables.
There are already some great tools for working with less. The obvious one being the Less Ruby Gem:
But there is also the Less.app for Mac and now Less.js. Less.js is a Javascript rewrite of Less and can either be run in the browser or on the server using Node.js.
The watch feature of Less.js in the browser is very cool. This auto-refreshes your styles whenever your Less file changes:
Installation of Less.js in the browser is really rather easy as well. Note however the rel attribute on our style tag:
To be honest I don’t like the idea of relying on Javascript to display styles. And wouldn’t do it in production, but for development it is fantastic. Then when you are ready to deploy to production just convert your less files to static CSS files
If you use a deployment manager such as Phing this could even be an automated part of your build/deployment process.
Extending my dbSQLite class so that it functions as a Key:Value store. Perfect for storing user preferences, although I was a bit peeved to discover that SQLite doesn’t support ON DUPLICATE KEY UPDATE, hence the get within the set method.
For volatile storage just set this.db to null (line 6)
Anyone following my Github account will likely have deduced that I am currently writing an Adobe Air app. I decided on Air as Fluid.app and Prism both had crappy Database options.
But after reviewing the source for my App the only Air dependencies seem to be logging and SQLite. The logging will be removed when development is completed as is only for debugging at present, and the DB uses a wrapper which could easily become a DAL and also support WebSQL.
This is why I love new web technologies. I can use pretty much the exact same code and have it run on the desktop (Windows, Mac, Linux), in a browser, on a mobile device (iPhone/Android), or even on the iPad (anyone want to send me one to test it on?)
Just finished my Javascript port of KLogger so that it works with Adobe AIR.
Project at work is multilingual including Greek which uses Cyrillic letters. These cyrillic characters are stored as their corresponding HTML entities. Works fine in page, but not with Javascript. Quick hack to decode HTML entities in Javascript.
