Advertisement
Web Roundups

The Twenty Most Earth-Shattering Tutorials on NETTUTS!

by

Yesterday, I took some time to "celebrate" our 6 month anniversary by revisiting our older tutorials. Sometimes, it's easy to forget how much incredible material that we have on this site - material that some of you may not even know about! If you're like me, you use the weekend to catch up on your learning - since work takes up so much time. Today, I'll list the top twenty tutorials on NETTUTS (in no particular order) that will jump-start your education.

  • Build a Sleek Portfolio Site From Scratch

    Build a Sleek Portfolio Site From Scratch

    There’s nothing like building an entire site to show you a good overview of how a CSS layout should work. Over at PSDTUTS we’ve got a tutorial where you design up a sleek, high end web design. In this tutorial we’re going to take that PSD file and build it with some nice clean HTML and CSS.

    Visit Article

  • How to Load in and Animate Content Using jQuery

    How to Load in and Animate Content Using jQuery

    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.

    Visit Article

  • Can You Hack Your Own Site? A Look at Some Essential Security Considerations

    Can You Hack Your Own Site? A Look at Some Essential Security Considerations

    Version one goes gold! Visitors are landing from every corner of the globe. You know there are likely to be a few teething problems, I mean, this is 1.0.0.0... all those zeroes are meant to allow us a little grace right?

    Visit Article

  • 7 Crucial Tips for Designing and Maintaining a Large Site

    7 Crucial Tips for Designing and Maintaining a Large Site

    Projects vary in scope and size, and the challenges they entail vary likewise. As a lone web designer, the biggest job I am responsible for is FlashDen. Along with thousands of active members all chatting, uploading and buying, the site processes large amounts of money and large amounts of traffic.

    Visit Article

  • From PSD to HTML - Building a Set of Website Designs

    From PSD to HTML - Building a Set of Website Designs

    Today I'm going to take you through my entire process of getting from Photoshop to completed HTML. We're going to build out a set of 4 PSD mockups of a website that eventually will become a WordPress theme. It's a massive tutorial, so if you're going to follow through to the end, make sure you have a few hours to spare!

    Visit Article

  • Create a Slick Tabbed Content Area Using CSS and Javascript

    Create a Slick Tabbed Content Area Using CSS and Javascript

    One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we’re going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.

    Visit Article

  • How to Theme Any CMS Using Firebug

    How to Theme Any CMS Using Firebug

    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.

    Visit Article

  • Solving 5 Common CSS Headaches

    Solving 5 Common CSS Headaches

    CSS is a relatively simple language to learn. Mastering it, on the other, can prove a little more difficult. Compensating for various browser inconsistencies alone can produce a migraine. In this article, we’ll demystify five of the most head thumping issues that you’ll encounter when building web applications.

    Visit Article

  • Building A Better Blog Roll - Dynamic Fun With SimplePie and jQuery

    Building A Better Blog Roll - Dynamic Fun With SimplePie and jQuery

    A traditional blogroll is a simple list of other sites, often in the sidebar, that are related, owned by, or otherwise friendly to the home site. Blogrolls are a great idea and on-point with the spirit of blogging, but how is a casual reader to know if any of these sites are truly of interest? Let’s improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation.

    Visit Article

  • 10 Principles of the CSS Masters

    10 Principles of the CSS Masters

    When it comes to CSS, there are lots of resources and supposed “expert tips” on the web. These are from unproven, self-proclaimed “gurus” who have no street cred in the design world. While they may have valid points, how is one to know whether a CSS tip is a valid resource or just an untested hack?

    Visit Article

  • Build an Incredible Login Form With jQuery

    Build an Incredible Login Form With jQuery

    One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we'll also animate it.

    Visit Article

  • Use the jQuery UI to Control the Size of Your Text

    Use the jQuery UI to Control the Size of Your Text

    JQuery’s UI can add so much to a web page. There are many different widgets that the UI provides. One up and coming star, is the slider. In this tutorial, I will show you how to use a slider to control the text size of an article on a page. This lets the user control exactly the size that suits them, and is also a pretty impressive feature to have on a site!

    Visit Article

  • How to Create an Amazing Style Switcher With jQuery

    How to Create an Amazing Style Switcher With jQuery

    In this tutorial I will be showing you how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.

    Visit Article

  • Building A Custom Lifestream Website With Sweetcron

    Building A Custom Lifestream Website With Sweetcron

    Sweetcron is “The Automated Lifestream Blog Software”. It is still in public beta, but is already a very nice blog software package. The beauty of Sweetcron is that new posts are created automatically from your activity elsewhere on the web. New photos on Flickr? Tweets on Twitter? Thumbs up on StumbleUpon? Blog posts on Tumblr? Add them all to your Sweetcron-powered site and they will appear on your site in minutes.

    Visit Article

  • Using the Wonderful jFlow Plugin

    Using the Wonderful jFlow Plugin

    It seems that the obsession of the web design industry right now is the ability to create a “featured section”. While it once may have required a great deal of skill, that is no longer the case. In this screencast, I’ll show you how to easily create a scrollable featured section using one of Theme Forest’s popular themes as a reference. Let’s get into it!

    Visit Article

  • Leopard Desktop With jQuery Using jqDock

    Leopard Desktop With jQuery Using jqDock

    jQuery adds a whole lot of cool functionality to your websites. It can do a range of things, from animation to AJAX. It’s usually frowned upon to rely heavily on jQuery to design your sites, but it’s fun to go wild every now and then. In this tutorial I’ll teach you how to use jQuery to create a completely coded Dashboard, just like Leopard! This can be handy in hiding a whole lot of gadgets or widgets you don’t have space for!

    Visit Article

  • Build a WordBurner Email Newsletter Manager using WordPress and Feedburner

    Build a WordBurner Email Newsletter Manager using WordPress and Feedburner

    There are lots of different ways to communicate with your users these days. RSS feeds, SMS, & sites like Twitter have changed how we speak to our audience. But for my money, you can't beat the personal touch of a good ol' email newsletter.

    Of course keeping up a newsletter can take effort, but in this tutorial I'll show you how to use your regular Wordpress website combined with Feedburner to make a simple email newsletter manager.

    Visit Article

  • Unraveling the Secrets of the WordPress Comments.PHP File

    Unraveling the Secrets of the WordPress Comments.PHP File

    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.

    Visit Article

  • WordPres Sidebar Turned Apple-Flashy Using the jQuery UI

    WordPress Sidebar Turned Apple-Flashy Using the jQuery UI

    Apple have always been Gods in terms of the way they present themselves and their products. I just love the sidebar on the Apple Startpage, and wanted to use the Accordion plugin in jQuery UI to achieve this! As if that's not enough for me, I want to be able to show and hide it at my pleasure as well. I'm gonna show you how!

    Visit Article

  • 20 Excellent AJAX Effects You Should Know

    20 Excellent AJAX Effects You Should Know

    There are a few special techniques or effects that can spice up just about any web page. These are the top 20 Ajax effects that every web developer should know. They’re essential parts of any web developer’s toolbox. If you haven’t seen them yet, you no doubt will in your future web development endeavors.

    Visit Article

  • 6 Easy Ways to Improve Your HTML Emails

    6 Easy Ways to Improve Your HTML Emails

    Like many other web designers, I thrive on coding beautiful yet flexible web pages that display virtually identical in every web browser. Unfortunately, designing email newsletters sends you back ten years. Deprecated tags, tables, inline styling, oh my! In this article, I’ll list six methods that will immediately improve your email layouts.

    Visit Article

Related Posts
  • Code
    Articles
    Strategies For Choosing the Right Premium WordPress Theme for Your Next ProjectPremiumwp
    You have your credit card in hand, and you are ready to buy a beautiful, premium WordPress theme for your next website or blog. But where should you begin? Perhaps a search through Google? Maybe a famous WordPress theme site? Perhaps ThemeForest.net? In this post, I aim to arm you with a few tips that will guide you when choosing a premium theme not only purchase a beautiful theme, but one that will meet your needs.Read More…
  • Code
    Theme Development
    Creating a WordPress Theme From Static HTML: Releasing Your ThemeCreating wordpress theme from html 400
    If you've been following this series you now have a working WordPress theme. Your theme has a number of template files, including a page template and an archive template, and also has featured image support.Read More…
  • Code
    Tips
    The Beginner's Guide to Setting Static Front Pages in WordPressStaticfrontpage
    Typically, in a WordPress website, the home page shows the blogger's latest posts, but what if you wanted the homepage of your website to display the same page every time? For those of you who are just getting started with WordPress, then it's worth noting this is not only possible, but it's really easy.In this article, we'll talk about how to implement a static front page in WordPress as well as where it would and wouldn't be appropriate.Read More…
  • Code
    Creative Coding
    Using WordPress for Web Application Development: Understanding Events, Actions, and FiltersApplication foundation 400
    Throughout this series, we've been taking a look at how WordPress can be used for building web applications. Up to this point, we've established that WordPress is a foundation - rather than a framework - and we've talked a bit about how we need to avoid trying to shoehorn WordPress into another type of design pattern than that of its native type.Read More…
  • Business
    Marketing
    How to Use Facebook to Launch Your Next Big Project With a BangLaunching with facebook
    The toughest part about launching your project online is attracting attention. Whether you are trying to launch a blog, service, product, or something entirely different, making yourself heard above the cacophony of noise and distraction that is the Internet can be extremely difficult.Read More…
  • Business
    App Training
    How to Create an Email Newsletter with AweberAweber email newsletter
    AWeber is one of the top-ranked email newsletter tools, known for its high deliverability rates. Setting up a new email newsletter with AWeber is a little less friendly than some other email newsletter tools out there, but, in exchange, you have a lot more flexibility and opportunities to customize the emails you publish. This tutorial will focus on getting your first email list up and running, along with equipping you with the necessary know-how to send out both standalone emails and automated emails (known as auto-responders). While AWeber has plenty more features, these are the basics you need to know for any email list you operate.Read More…