About the library

Its development took about half a year and in that time it has become a solid jQuery plugin with the following key properties:

• Works in IE7+, Firefox, Chrome, Safari and Opera. Most functions also work on IE6, but that browser is not actively supported.
• Supports gestures in mobile browsers.
• Supports arrow key events.
• Works with the principle of progressive enhancement, so your content is still also accessible to search engines and users without JavaScript.
• Very configurable and extendable.
• Open source and available on Github.
• The library size is just 30Kb. If your webserver uses gzip files, it will be even smaller.

Installation

• Get the library
• Read the manual
• View the examples on the demo page

Extending and improving the library

• The Ono List Pager on Github
• An overview of the code

Examples

Most websites that use the Ono List Pager are still in development, but a good website to show what you can do with it can be found on Estate 15 jaar.

An example of an Ono List Pager instance.

Related posts:

1. Preview Of A New jQuery List Pager Plugin
2. New download location for Ono List Pager
3. Ono List Pager 0.8 is out
4. New release: Ono List Pager 0.5

Well, there are a few exceptions to the rule of simplicity if you ask me. So here are  a few options of FileZilla that make life a bit easier:

• Filter Every website project has files that have absolutely nothing to do with the actual website itself like Thumbs.db and *.bak-files. One thing that really add up in file size and upload time are all the source control data like SVN that are spreaded throughout the folder tree. With this button you can actually set what not to download or upload. Left-clicking on the button let you configure the filter while right-clicking will toggle the filter on or off. The filter is also ideal for making sure you don’t accidentally upload important files like web.config or .htaccess.
• Synchronization Do you always click on, say, the images folder on the left and right? Well, you’re free to do so, but I’m lazy. So I always toggle this button on if the folder structure is (almost) identical on both sides. It saves me 50% clicking.
• Compare I don’t want to rely on automatic comparison too much, but if you have to update just 5 files and you cannot easily find it between the 500+ other files, this can be a time saver. If you toggle this on, the different files on the server and your local folder will be highlighted. You can compare either by time stamp or by file size. Left and right mouse click either configures or toggles.
• Sitemanager You do use it, right? It’s easy to just use the Quickconnect option and it has its purpose. But finding the right connection can be a bit hard between all the dead links. That’s because Filezilla remembers all connection attempts.
  Another advantage is the fact that there is a lot you can configure with each FTP connection. I always set the standard local folder and remote folder and sometimes I also check the folder synchronization option. That way I don’t have to look for the right path after I logged in.
• Drag & drop Something that wasn’t in it when I first used Filezilla. It’s handy to sometimes just throw something on your desktop.
• Centralized configuration This is something we are about to try at my work. You can set the path to alternate configuration files of FileZilla. This enables you to set configuration and FTP connections once for everybody. Jonathan Stegall has written an article on how to do that.

No related posts.

Creating something from scratch can be empowering. It also gives a sense of control, because you can determine what the specifications should be of a product. Better: you don’t only know the specifications by heart, you also know just what strings you need to pull in your code. Getting to know a product that you didn’t code from scratch seem hard to master. And it can even harder to know it’s limitations. That’s not a situation that you want to be in, when talking to a customer. And so it seems better to stay in control and build an application of your own for your own needs.

A CMS for everyone

And so in-house coded CMS systems pop-up everywhere. But why? Are the ideas of those companies about Content Management Systems so different compared to what is already on the market? Most likely not. In many cases the euphoria of having your own CMS will turn to into a slowly simmering frustration because the time needed for bug fixes and feature request doesn’t match at all with the time that’s available.

We all know that creating a product needs time. But what we tend to forget is that keeping a product “healthy” and up-to-date also costs a lot of time in the long run. And so we have a plethora of CMS systems with loose ends and incomplete functionalities. Most of the time with an unfinished “help”-function.

For years I was accustomed to do as much as you can yourself. But now that the internet is getting bigger and bigger, you see companies specializing. Some companies are focusing on only one or a few products like a CMS, while the creators of websites ask themselves: “Am I better in building a CMS or in creating websites?” In most cases it’s the latter. And so it’s better to find a product that helps you to do the job fast instead of slowing you down.

Example: a quick flash video player

Now you may think that a CMS is an obvious thing you shouldn’t build yourself because the codebase is so large. Well, lets take something that needs less lines of code: a simple Flash video player. Many companies have developed their own Flash video player. Because it’s just relatively easy to do. But again: why? Most of the time such a in-house coded player has minimal documentation, if at all. And if you find documentation it’s likely out of date. What really bugs me if you’re asked to just “Fetch that player from our previous project”. Like that’s an acceptable codebase.

I recently decided to go with the open source Flow player. I fell for the various options to customize the player. Soon I discovered all kinds of advantages you wouldn’t have with your own code: Forums, wizards and extensive documentation. I could send a designer a link to a wizard that enables him to skin the video player at a basic level. I also could pass the player to another team member without having to explain every step in the code. The documentation is online, help yourself. Let me continue with my work.

Another example: Javascript libraries

Libraries really can speed up your work. They do not only provide lots of canned functionality, but libraries like Prototype, Mootools and jQuery can also really speed up your own coding. jQuery really helped me to code faster, more stable and in less lines of code. It made coding in avascipt even more fun.

There are lots of resources out there. As a web developer you need not only to know your code languages, you also need to know when to use some existing code and know where to find it.

No related posts.

Download PixEm

If you want to read more about using about using em instead of pixels, I recommend the following articles:

• The Incredible Em & Elastic Layouts with CSS
• How to Size Text in CSS (a list apart)

Related posts:

1. For the sloppy clickers