October 21st, 2008
For some work I’m doing right now I needed the current time output into the input field that the (excellent) jQuery datepicker uses, but I don’t need it selectable by the user. The default format is
mm/dd/yyyy
but can be formatted using the formatDate parameter. The list of formatting options is considerable, including predefined setups for ATOM, COOKIE, ISO_8601, various RFC dates, RSS, TIMESTAMP and even W3C. Unfortunately none of the predefined formats, nor the large list of date components includes time.
Read on for my solution to this dilemna.
Continue reading “Adding time to jQuery UI Datepicker”. Posted in
How-To, Javascript with 9 comments 
July 22nd, 2008
Man there’s good stuff on the net, and sometimes I even get a moment to read it!
- Jamie Rumbelow‘s, got a good start to a series of CodeIgniter articles with his first part of The Guide to CI Databases.
- From the “D’uh, why didn’t I think of that!“ department comes the excellent (and funny) CleverAndy. You know all those designs you do that your clients pass on for one reason or another? CleverAndy helps you find them homes so they don’t go to the island for misfit toys (or um… whatever the design equivalent is).
- 36 seconds! Fedor Emelianenko… wow. You are a bad, bad man. But seriously… Megadeth?
- Learning ExpressionEngine? Micheal Boyink (he of the mighty pogo) has put together Train -EE just for you. Fantastic resources, including instructor led workshop training. Congrats Mike, this is the way it’s meant to be done!
jQuery sparklines. Looks to sweet to pass on.
Continue reading “Cool Stuff for Cool People”. Posted in
CodeIgniter, ExpressionEngine, Javascript, Noteworthy with 5 comments
June 16th, 2008
I've been kind of in isolation the last week or so, (more on that in another post) and I've not even taken the time to read my RSS feeds latesy, only skimming a few things here and there, or marking things for reading later. So today, I had a bit of time, and boy am I glad I took the time to re-visit those! Here are a few wonderful things worth your time to read.
- How To Make An IP-To-Country Tool With PHP and MySQL. Mathew Pennel, web monster and editor of Digital Web Magazine has written up a wonderful article here. I find myself linking to one article every month or two that this guy writes and nodding my head knowingly. This guy is great.
- Doctor Jones has completely made me re-examine Apple's Spaces with his article My Day With the New Spaces.
- jQuery for Designers has written up Coda Slider Effect. Its sexy as all get out. GREAT work there Remy. This is super well done. I will be
stealing inspired by you soon!
- Continuing on the jQuery train of thought here is the always excellent jQuery blog. Recently they wrote jQuery UI v1.5 Released, Focus on Consistent API and Effects which contained a few big tidbits in there. Biggest? API standardization. Unless you're a nerd of pretty high-order, that's probably not as cool to you as it is to me, but something that everyone can enjoy - Enchant (the effects library) is being rolled into jQuery proper. I think this is an immensely smart choice if only for marketing jQuery to new users. New users tend to compare feature by feature and make decisions, well now there's a big checkbox in that column. Nice work guys!
- And finally, Block Quotes and Pull Quotes: Examples and Good Practices from Smashing Magazine.
Man, there was some good stuff on tap! Something from each of those will be making their way into my work in the very near future.
Continue reading “Things worth reading”. Posted in
ExpressionEngine, Javascript, Mac, PHP with 2 comments
May 28th, 2008
I finally made the long discussed flip over to jQuery. It took me about 4 and a half minutes. It should have been a 30 second process, but I had a few lightbox images relationships named incompatibly. Anyhow, all fixed up. I also decided to implement the much talked about Google hosted Javascript library. In a nutshell, Google is hosting some popular Javascript libraries. The idea is that if enough people are using the hosted libraries, then there’s a good chance that your visitor has already locally cached the files, and your page will (give the illusion of) load faster.
As a handy extra, they take care of compressing and minifying for you, and are committed to keeping a library online permanently after it is hosted.
That said, I’m not sure how long I’ll keep it. There are a few things that I think every responsible webmaster has to think about first. Personally, I would only use it as part of an informed company strategy (I could see a savings on a big site like ExpressionEngine.com in terms of bandwidth and perceived load time). But there are still some downsides I just haven’t fully reconciled yet. Let me address the three most relevant ones that I see.
Continue reading “jQuery hosted on Google and some implications for developers”. Posted in
CodeIgniter, Javascript with 15 comments
May 05th, 2008
Well, I was greeted pleasantly by my RSS feeds today, it seems that the jQuery User Interface project has officially released.
This is great news, and I have to say (I’ve been using the UI components in beta) that they are brilliantly done.
Continue reading “jQuery User Interface is officially out”. Posted in
Javascript with 7 comments
April 24th, 2008
I’ve been saying for a little while now that I’ve fallen in love with jQuery, and I mean, who hasn’t? I’m so impressed with it, and so are the other smart people at EllisLab, that we’re integrating it into CodeIgniter, and into ExpressionEngine. But this blog still doesn’t use it. If you poke into the source code, you’ll see Mootools.
<script type="text/javascript" src="/js/mootools.js"></script>
So I’ve been wanting to migrate my own code to recently out of Moo, and into jQuery. This will let me do a few things, not the least of which is apply the CI jQuery library in another real-world test case. So why haven’t I moved it yet? Well, a quick audit of my code, and the only thing I’m using Moo for is the fancy lightbox effect on my about page, and several posts. It actually is Slimbox, a clone of Lokesh Dhakar’s excellent (and popular) Lightbox. So the short answer, is that I didn’t want to migrate the legacy code.
Then it dawned on me, my code is all semantic and clean, there’s no javascript hooks, the only markup used to implement lightbox is
<a rel="lightbox" href="something">...</a>
so it should be an easy replacement. Then yesterday, (via Ed Finkler’s Funkatron), I found the jQuery Lightbox plugin. How is it that I only just yesterday found this?
A quick look, and it seems to be solidly written, the semantics are the same, and it should be (apologies to Ron Popeil) the “set it and forget it” solution I’ve been looking for.
So in the next few days, the plan is to migrate DerekAllard.com to jQuery, and start adding a bit more sexiness into the robot.
Next post: my favourite jQuery plugins ;)
Continue reading “jQuery on DerekAllard.com”. Posted in
Javascript, Noteworthy with 14 comments
July 07th, 2007
Kevin Yank has an article posted on Sitepoint entitled “Simply JavaScript: The Three Layers of the Web“. What I love about it, is that he does a masterful job of outlining the separation of content from presentation from behaviour. I was just talking about this the other day, how HTML, CSS and Javascript make up the 3 legged table of the web; each is required if you are trying to build something stable.
These days, everyone seems to understand separating presentation from markup, but I still see <a href=“#“ onclick=“doSomething();“> all over the place. Hopefully, as more and more people keep repeating the message, separating behaviour, the same way we separate presentation, will work its way into our collective folk-knowledge.
If you are a beginning webmaster, spend some serious time reading about these separations - you’ll be a better webmaster for it.
Continue reading “Quick Link: Three Layers of the Web”. Posted in
Javascript, Quick Links, XHTML & CSS with no comments
April 11th, 2007
Ugh... that just might be the worst title I've ever written...
For a "ultra-top secret"™ web application I've been working on, I need to take all focus away from the browser screen, and allow/force the user to interact with a window before being able to continue. Commonly, these are called modal windows, and gained some credibility for having practical uses with Lokesh Dhakar's wonderful Lightbox script (incidently, I use a variation of it on this script on DerekAllard.com).
There are many variations of modal windows running around, but I wanted a simple, unanimated "overlay" would would require a user's interaction, so I set about to build my own. The first thing I needed, was an alpha transparent div to sit on top of the whole screen. I stole was inspired by Matthew Pennel's great article on Easy Cross Browser Transparency, and began building from there. The ultimate alpha transparent solution I chose was a pure CSS base.
Continue reading “Inspired by Lightbox: Anatomy of a Modal Window”. Posted in
Browsers, How-To, Javascript with 5 comments
April 07th, 2007
One of my very favourite-est Firefox extensions, Firebug, has a security update
About an hour ago I received word of a 0-day security exploit that has been discovered and reported. I have just released a new Firebug (version 1.03) with a fix for this bug, and I recommend that everyone install it as soon as possible.
Continue reading “Quick Link: Firebug Exploit… upgrade time”. Posted in
Browsers, Javascript with no comments
March 22nd, 2007
This is one of those “a little bit of everything posts”. I’m re-writing my business site, building an ExpressionEngine tutorial and impressed by beautiful javascript, and I’m too sexy for my shirt (so sexy it hurts). Let’s tackle these in order shall we?
So I’m rebuilding my business website (no links right now, but its not exactly a secret URL). Through a series of unfortunate events (that would seem much funnier if they had happened to someone else) I lost every non-textual asset from my site 3 months ago. Every image, pdf, a few flash files… gone. Backups you say? Of course I had backups... and I can prove it. I’ll just get them out… I know they’re around here somewhere… maybe in this directory… no, well I know they must be… hmmm… Found them! And you doubted me? Oh wait, it seems this backup (and all my backups) have images from my site from 2 generations ago! Sigh… so now, only html pages, which means text and styles intact only.
So I took it as an excuse to rebuild, but then I got sidetracked when I was hired by Ellislab, and other work picked up, and I started getting really active bug squashing in CodeIgniter and well, you know how these things go. So I finally finished off the design, rebuilt the site using CI on my test server, and now all I have to do is drop in the content. The problem is of course, that the only content I have right now is probably 4 years old, and I’m not happy with what I wrote. So I’m off to re-write it now.
Let me just say that writing content for a website is hard work. No wonder getting clients to hand it over is always such a struggle. And writing for your own website is twice as hard. On top of all the normal “extra things to think about” when writing for the web (be brief, summarize, use headings and bullets) when you’re writing your own content you have to walk that fine line between “promote yourself” and “I’m a self aggrandizing attention whore”. Its a finer line then you’d think at first.
Continue reading “Writing personal content, and other assorted thoughts”. Posted in
ExpressionEngine, Javascript, Noteworthy, Personal with 7 comments
1 2 >
