Advertisement
  • 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…
  • Code
    Tools & Tips
    How Using State Diagrams Can Make You a Better Web Coder200
    One tool that should be in your web coding arsenal is the state diagram. A state diagram shows the various "states" (reactions) that your application (e.g., web site) can be in, as well as what action or input (from the user) is necessary to get to a specific state. A state diagram helps to make concrete in your mind all of the possible user/application interactions. This increases the chances that you'll at least consider coding for all possibilities simply because you now know them all - which reduces the chances that you have buggy code or worse, forgot to handle specific functionality. Read More…
  • Code
    Web Roundups
    Best of the Web - May200
    It's time for a web roundup from the best of May and a bit of June. These posts take me so long to write, because inevitably I get sidetracked into reading all sorts of fascinating articles and sites. So make sure you've got a good amount of time free today, because we have some major linkage for you!Read More…
Advertisement