CSS

Javascript - Highlighting Selected Text


Posted in:

I am sure we all have been at a point when we need to highlight something, and most note taking or sharing software allows you to pick and color and go selection crazy. Luckily, however, it is actually surprisingly easy to get a selection and highlight it with Javascript.

Read More Icon Read More

jQuery Really Simple Tabs


Posted in:

Once again, we find ourselves opening up our favorite IDE and looking jQuery straight in the eye. However, instead of a complex script that controls an alien mothership, we are going to build some really simple, yet useful, tabs. Even though jQuery UI offers some pretty cool tab objects, it is still a very large library and sometimes you just need some simple tabs. Today, we are going to tackle this.

Read More Icon Read More

CSS Positioning - Centering Elements


Posted in:

CSS is a powerful beast, and an essential part to any self-respecting website. With all this power, comes a lot of different tricks that one can employ to accomplish your tasks. Some of these tricks involve positioning your content, and today we are going to touch on that. For this tutorial we are going to reveal some of the best ways to center your content, wherever that content might be.

Read More Icon Read More

jQuery Popups without jQuery UI - Part 2


Posted in:

In part 1, we went over the creation of a basic jQuery popup plugin. While this is very useful in itself, it is not that flexible yet. This time around we are going to add a few new features that will make our popup plugin way more flexible and useful. So come on and find out what cool things we will make our popup do.

Read More Icon Read More

Building Your First Node.js Application


Posted in:

One of the most talked about technologies on the web right now is node.js, which is a server side implementation of JavaScript. That's not really anything new, but what is new is how it's built. The framework is built on top of Google's v8 engine, which is lightning fast. It's made to create "scalable network programs" by making nearly everything work asynchronously.

Read More Icon Read More

Building jQuery Popups without jQuery UI - Part 1


Posted in:

While the jQuery UI library is quite powerful, and mighty impressive, its footprint is sometimes a bit too much for the project at hand. The UI library also tends to "take over" your HTML, moving it, adding classes, and sometimes even changing attributes around. This can make styling and customizing your UI elements a bit of a pain, especially when you need a custom solution. This is why sometimes you need a UI solution, using jQuery, but without the jQuery UI. Today we are going to work on a draggable popup.

Read More Icon Read More

Create an Offline iPhone Web Application


Posted in:

Recently, I have been playing around with building web applications for the iPhone and really wanted to try make the experience as close to a native application as possible. One big way to make the experience much better is by caching the application so it can be used offline. So, that's what I am going to show you how to do today. We are going to be using a new feature in HTML5 called a Cache Manifest file. This file will allow you to tell the browser to cache the application for offline use.

Read More Icon Read More

jQuery UI - Using Dialogs for Image Popups


Posted in:

jQuery is one powerful tool for web developers. It offers a host of ways to make rich web applications even better, and easier to develop. There is no argument from us here at SOTC against jQuery and in fact we have a rich history of jQuery tutorials. But jQuery has a lot to offer other than just code helpers. Today I am going to show you something else jQuery has to offer, the jQuery UI.

Read More Icon Read More

Integrating Twitter @Anywhere with Your Website


Posted in:

Twitter just announced a new API called @Anywhere. This new API allows integrating Twitter into your site dead simple. There are several different features you can integrate with your site. These include automatic linking to names on the page or in a specific area, hover cards, which are popups that show user info, follow button for users, an inline iFrame tweet box and finally twitter connect, which is the same basic idea as Facebook connect. This tutorial is going to show you how to integrate some of these feature into your own site.

Read More Icon Read More

How to Build a jQuery Treeview


Posted in:

Those of us who are used to GUI frameworks are used to the many components often built in. Everything from textboxes to progress bars are at our disposal. But when you move to the web there are no 'built in' version of many of these building blocks. The treeview has many incarnations on the web, and there is good reason. It is a versatile component, usable in any type of collection management. There are many ways to get a treeview going on the web, but today we will be taking jQuery and making a quick and dirty treeview - one that can be built and used in a matter of minutes.

Read More Icon Read More