Browsing Tag

MooTools

Make your MooTools Code Shorter, Faster, and Stronger

Make your MooTools Code Shorter, Faster, and Stronger

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in February, 2010.

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.

12 Steps to MooTools Mastery

12 Steps to MooTools Mastery

This tutorial is about understanding and mastering the MooTools library. It does so by offering a high level introduction to the history and foundations of the Core library: where to start, where to explore, what to master, and more.

Sexy Animated Tabs Using MooTools

Sexy Animated Tabs Using MooTools

One modern, attractive way of placing a lot of content into a little space is by using a tab system. This tutorial will show you how to create a sexy, animated tab system complete with CSS sprites, cookies, and animated tab swapping.

JavaScript From Null: Video Series
basixvideos

JavaScript from Null: Video Series

This entry is part 1 of 7 in the series javascript-from-null

Thanks to the wide adoption of libraries like jQuery and Mootools, JavaScript’s popularity has skyrocketed in the last few years. However, in the process, an interesting thing occurred: many newer developers are learning these libraries without taking the time to actually learn about raw JavaScript techniques. What percentage of jQuery users don’t know how to fade out an element with only raw JS? My guess is that it’s much higher than many would think.

If you want to truly understand the library you’re working with, and improve your skill-set, it’s vital that you learn the fundamentals of raw JavaScript.

This screencast series focuses exclusively on JavaScript, and will take you from your first “Hello, World” alert up to more advanced topics.

Create an Animated Flip Down Clock

Learn how to Create a Retro Animated Flip-Down Clock

In this tutorial, we will create an animated flip down clock inspired by the 70′s. Using the Mootools framework, I tried to replicate the flip action of the pads and make it as lifelike as possible. With it’s retro styling, it could be a really neat thing to add to your website, so let’s get started!

The Ultimate Guide for Learning Mootools

The Ultimate Guide for Learning Mootools: New Premium Tutorial

Getting started with any type of framework can be an intimidating experience. To help, this week we have an in depth tutorial and long screencast to provide a crash-course for this popular JavaScript library. With so much focus on jQuery, it’s easy to forget that Mootools is an equally powerful library with a huge following. Join today!

The Battle Wages on with 5 New Screencasts
videos

The Battle Wages on with 5 New Screencasts

Each day this week, we’ll post five of the top twenty-five videos from the Nettuts+/Screenr competition. Your job, if you choose to accept it, is to review these short web development video tips and choose your favorite one in the poll below. How should you judge? Quite simply – there are no rules! Pick the one that helped you the most. The most chosen video each day will earn a spot in the top five at the end of the week!

As we move into the third day of this screencast competition, we have new entries on topics ranging from querying WordPress to submitting forms with Mootools to using custom fonts with CSS!

Checking User Name availability using Mootools and Request.JSON

Checking Username Availability with Mootools and Request.JSON

This tutorial will teach you how to check username availability with Mootools’ Request.JSON and PHP/MySQL

Learn a Few JavaScript Libraries at Once

Learn 3 Excellent JavaScript Libraries at Once

Let’s go with a hands-on approach today. We are going to write a tiny snippet of code in jQuery and then port it over to several different libraries. Outside of that chunk, we are going to look at how to implement some basic, necessary functionality in each of these libraries. Sounds fun? Let’s dive in!

Create  a Twitter-Like

Create a Twitter-Like “Load More” Widget

Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, Javascript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script.

Page 1 of 212