At WebLinc, we're serious about innovation. And we're serious about sharing our discoveries with the web development community. That's why we created WebLinc Labs, a space for our team to share their latest creations. ideas, and experiments.
Overview Parallax scrolling is a technique that allows us to give the illusion of depth in a 2D space, such as a website. We achieve this by having multiple layers of images, where images that are “furthest” away move slower that images that are “closest”. Under the right context this could be a great way [...]
Prologue The sun had long since disappeared behind the tall church steeple outside my office window. The office was dark, and it was a long walk over to that light switch on the other side of the room. Knowing I would soon be overcome by eye strain, I made the difficult decision to go home. [...]
Overview jQuery Big Image is a plugin for image zooming that displays an enlarged image as the user hovers over the corresponding area of an existing image. It works well cross browser (even as far back as IE6) and has built in methods to init, change, and destroy the zoomed image for easy manipulation. Installation [...]
A while back, The Chromium Blog covered new features in Chrome 25 Beta, including some improvements to Chrome Developer Tools. Chrome 25 has since been pushed into the stable channel, so let’s take a closer look at some of the dev tools updates. Console API Firebug’s console API has become a de facto standard supported [...]
SublimeLinter is a package for Sublime Text 2 that applies lint tools to your code while you type. SublimeLinter provides lint tools for many languages, but in this article I will look at JavaScript linting only. Why use a lint tool? You should use a lint tool to check your code for errors and conformance [...]
What is JSLint? JSLint is an open source JavaScript code quality tool. It is designed to catch a variety of errors and enforces a particular style that removes parts of the language that are problematic or error prone when used by non-expert JavaScript developers. Code that passes JSLint is less likely to contain errors and [...]
Method chains are commonplace in jQuery. A typical jQuery pattern is to chain several method calls onto a jQuery object representing a selection from the DOM:
|
1 2 3 4 |
$('#nav li') .removeClass('selected') .filter(':first') .addClass('selected'); |
In order to continue a chain, each method must return an object to be the subject of the next method call. If you want to execute a function [...]
Whether you build software, websites, Mack trucks, or Acme Widgets – your team of employees need an internal blog. For the sake of clarity, here is how I define the term “blog” in this context: a centralized repository of content that is able to be searched, categorized and historically archived. Modern blogging software (WordPress, Blogger, [...]
I’m going to assume you already love Sass and want to use it in all of your projects. Rails makes that so easy, but what about the other projects you are responsible for? I recently teamed up with my colleague Andy Osipoff to implement Sass in our ColdFusion variation of WebLinc eCommerce. Although this article [...]
Internationalization is the process of designing an application with the flexibility to adapt to any language or region. Developing for internationalization/localization (i18n/l10n) quickly illustrates how common front-end techniques prove to be problematic. How can we adapt techniques to serve the international user? In any language? And in any region? Let’s examine how we can overcome [...]