Advertisement
  • 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…
  • HTML & CSS
    Prototype a Magazine-Style Home Page Template with the Blueprint CSS FrameworkFilmscenic thumb 200x200
    1 shares
    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…
  • WordPress
    Hack Together a User-Contributed Link Feed with WordPress Comments200
    1 shares
    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
    18 shares
    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
    9 shares
    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
    2 shares
    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
    16 shares
    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
    3 shares
    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
    1 shares
    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
    8 shares
    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…
Advertisement