Tag Archive | "AJAX"
Awesome CSS+JS form styling
Sexy CSS+JS Form I was working on our new open source project that i think you will like and I was working on the registration page. This is what I got in the end and i will walk you trough the process with me. This new tutorial is about styling the forms of your website, I [...]
Continue reading...Uncovering jQuery’s Hidden Features
tirsdag, marts 9, 2010
Kommentarer slået fra
jQuery is not always as it appears. There’s a lot of cool stuff going on under the surface, and there are many methods just waiting to be discovered, and many potential usages of jQuery’s API that you may not have considered before. In this article I’ll be taking you through a few of the not-so-obvious [...]
Continue reading...Coding a CSS3 & HTML5 One-Page Website Template
torsdag, februar 18, 2010
Kommentarer slået fra
Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game. And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of [...]
Continue reading...Make your MooTools Code Shorter, Faster, and Stronger
torsdag, februar 18, 2010
Kommentarer slået fra
MooTools is one of the most flexible, modular, and well written JavaScript frameworks available. So many people use it but many of them don’t optimize their code. This post will provide you with fifteen simple tips for making your MooTools code shorter, faster, and stronger. 1. Create Your Own MooTools Build or Pull From Google AJAX [...]
Continue reading...How to Build an Unobtrusive Login System in Rails
tirsdag, februar 16, 2010
Kommentarer slået fra
An unobtrusive login system is one that gets out of the user’s way. It will make your application nicer and more polished. This article will guide you through the process of setting up user logins, then ajaxifying the process by moving the form into a modal box that communicates with the server. Additionally, this article [...]
Continue reading...How to Code up a Web Design from PSD to HTML
mandag, februar 15, 2010
Kommentarer slået fra
A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and [...]
Continue reading...AJAX User Poll Using jQuery and PHP
lørdag, februar 13, 2010
Kommentarer slået fra
Today, we’ll be creating a nice user poll script using jQuery and PHP utilizing AJAX and animation effects of jQuery to spice up the user interface and provide a rich user experience. Let’s get started. Set up the database For storing poll questions, options and votes, we’ll be using a MySQL database. Here is the database structure [...]
Continue reading...Quick and Easy Way to Implement Drag n Share With jQuery
lørdag, februar 13, 2010
Kommentarer slået fra
You must have seen the drag to share functionality on Mashable that lets visitors share the content on popular social networks intuitively. Just drag one of the images in an article and you’ll be able to share the article on your favorite social network by dropping the dragged image over its icon. Even, Nettuts has [...]
Continue reading...Resize iFrame to Fit Content (Same Domain Only)
lørdag, februar 13, 2010
Kommentarer slået fra
Normally you set and width and height for iframes. If the content inside is bigger, scrollbars have to suffice. The script below attempts to fix that by dynamically resizing the iframe to fit the content it loads. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> <script type='text/javascript'> $(function(){ var iFrames = $('iframe'); function iResize() { for (var i = 0, j = [...]
Continue reading...Scroll Page Horizontally With Mouse Wheel
lørdag, februar 13, 2010
Kommentarer slået fra
1) Load jQuery and the Mouse Wheel plugin Mouse Wheel plugin is here. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> <script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script> 2) Attach mousewheel event to body The “30″ represents speed. preventDefault ensures the page won’t scroll down. $(function() { $("body").mousewheel(function(event, delta) { this.scrollLeft -= (delta * 30); event.preventDefault(); }); }); Link til artiklen (Læse tid 12 sek) Tags: AJAX, CSS, GET, IP, Java, [...]
Continue reading...
onsdag, marts 10, 2010
Kommentarer slået fra