Advertisement
  • Code
    WordPress
    Build a Basic Newspaper style layout with Wordpress and jQuery200x200
    Grid/Newspaper/Magazine templates are becoming more and more predominant in the wordpress skin and theme community. They look classy, but it can be daunting knowing where to start. In this tutorial we use the power of jQuery to create a grid layout with size-degrading headers!Read More…
  • Code
    Web Development
    15 Resources To Get You Started With jQuery From Scratch200
    Maybe you're a seasoned jQuery pro. Heck, maybe you're John Resig. On the other hand, maybe you read words like "Prototype", "jQuery", and "Mootools" and think to yourself, "What the heck are these?" Now is the time to learn. In this industry - now more than ever - designers are becoming coders, and coders are becoming designers. The idea of a developer ONLY performing frontend or backend work is quickly becoming a dated concept. jQuery will help to bridge the gap. Javascript is not an unattainable skill. In this article, we'll detail fifteen resources to get you started with jQuery from the absolute beginning. If you've been avoiding this library out of some silly sense of fear, now is the time to dive in. You'll be amazed at how simple it can be. Read More…
  • Code
    Web Development
    Create a Simple, Powerful Product Highlighter with MooTools200
    Believe it or not, there's a lot of powerful interactivity you can bring to your site using javascript besides slick navigation menus! This tutorial will help you find your inner cow by introducing you to one of the most powerful and modular javascript libraries—MooTools! We'll be creating a flexible tool for highlighting your sites products or services using the MooTools javascript framework. Also, learn some of the many reasons why MooTools just might be the right javascript library for all of your future projects!Read More…
  • Code
    WordPress
    Adding Form Validation to WordPress Comments using jQuery200
    When it comes to simpler user experience, having your form validation happen instantly on the same page is a lot cleaner than reloading pages and possibly losing some form content. In this tutorial I'll show you how to use jQuery to do some instant checking on an example comment form.Read More…
  • Code
    Web Roundups
    Best of the Web - June 2008Botw
    It's time for a web roundup for June 2008. Like Collis' mentioned in last month's roundup, these take a long time because there's so much reading material to distract from the main goal: a list of relevant links for you NETTUTS readers. Enjoy.Read More…
  • Code
    News
    Suggestions for Creating Step-by-Step Web Development Tutorials for Nettuts+Write
    This article discusses one approach to writing step-by-step tutorials. While the focus here is for NETTUTS, much of the approach can be applied for any site. If you plan to write tutorials for NETTUTS, you should read/browse this article. There's also a parallel article at PSDTUTS that Editor Sean Hodge wrote, which actually inspired this one.Read More…
  • Code
    News
    Nettuts+ Demo/ Source Buttons, New Voting Buttons and More Tuts+ Sites?Shield general
    This is just a short roundup post to touch base with our NETTUTS readers. Just a few tidbits of info, including unofficial announcements of new TUTS sites and a link to an interview with our very own Collis Ta'eed.Read More…
  • Code
    HTML & CSS
    Prototype a Magazine-Style Home Page Template with the Blueprint CSS FrameworkFilmscenic thumb 200x200
    When Collis launched this site and asked readers for tutorial requests, a common one was for a "magazine themes" how-to for blog platforms. This tutorial focuses on the first part of the process: applying a CSS grid to the design to prototype a home page template.Read More…
  • Code
    WordPress
    Hack Together a User-Contributed Link Feed with WordPress Comments200
    Although WordPress has a *very* extensive plug-in collection, now and again things come up for which there are no suitable plug-ins available (yet). When I built PSDTUTS I thought it would be cool to have a way for users to submit links and to create a public link feed out of it. Today I'll show you how I hacked together a method using WordPress' comments.Read More…
  • Code
    HTML & CSS
    Creating a Floating HTML Menu Using jQuery and CSSThumb floating menu 200x200
    For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant.Read More…
  • Code
    News
    Nettuts+ Gets a New Editor Today & Vectortuts+ LaunchedVt
    I'm very excited to announce that today our new NETTUTS editor Raj Dash is starting. As Site Editor, Raj will be getting to work on slowly bringing our publishing schedule up to speed, making sure everyone gets replied to a lot quicker (something I'm notoriously bad at) and generally steering the site.Read More…
  • Code
    Web Development
    Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous200
    We've all seen the "accordion" type effect used on many Web 2.0 sites; however, many accordion scripts are heavy, make poor use of the libraries they are based on, and don't handle things like ensuring that the accordion maintains a consistent height. In this tutorial, we will use the Prototype and Scriptaculous libraries to create a lightweight, intelligent accordion.Read More…
Advertisement