Web Development

  • 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…
  • 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…
  • 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…
  • 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…
  • 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…
  • 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…
  • PHP
    How to Use Amazon S3 & PHP to Dynamically Store and Manage Files with Ease200
    A couple of weeks ago, Nettuts+ posted an introductory tutorial to using Amazon's Simple Storage System (S3). Being able to upload an unlimited number of files for hardly any money is great, but it would be even better if your users could upload files from your website. That way you wouldn't have to worry about the size of your web server for a second. Let's try! Read More…
  • Web Development
    How To Create A Keypress Navigation Using jQuery200
    The key to a succesful website is the ease with which a user finds what they are looking for. Thus, it's worth spending a lot of time and effort in creating both useful and visually appealing navigation systems. Lately, I have began experimenting with new ways to navigate a website. In this tutorial I'll show you how to let the user make use of their keyboard to get around your site.Read More…
  • Tools & Tips
    How to Theme any CMS Using Firebug (and MediaWiki as an Example)200
    Often in my career as a web ninja, I've been asked to skin or theme open source projects to bring them in line with my clients brand. Depending on the project this can be more, or less frustrating (I'm looking at you Magento) but MediaWiki is one of the easier projects to work with because of the limited number of files and things to adjust. In this tutorial we'll go through the theming process I used to style the upcoming PSDTUTS Wiki, but the process, particularly using Firebug, could be applied to pretty much any CMS.Read More…
  • WordPress
    Unraveling the Secrets of WordPress' Comments.php File200
    WordPress seems to be everywhere these days, and it's no wonder with it's ease of use and ease of customization. In this tutorial, I'll be dissecting the default WordPress theme's comments.php structure and giving you various snippets of code to make your skinning easier.Read More…
  • News
    AudioJungle Launches + NETTUTS news!Jungle1
    So I know this is a blog about web design and development, but I thought I'd start my news post by announcing a brand new site we just launched called AudioJungle! It's a stock music and sound site, which expands off FlashDen into the audio market, and we're super excited about the launch.Read More…
  • Web Development
    How to Load In and Animate Content with jQuery200
    In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.Read More…
Suggested Tuts+ Course
Getting Started With Laravel 4$15