Advertisement
  • 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…
  • Code
    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…
  • Code
    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…
  • Code
    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…
  • Code
    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…
  • Code
    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…
  • Code
    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…
  • Code
    HTML & CSS
    Which CSS Grid Framework Should You Use for Web Design?200
    Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework - at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it's possible to design complex web page layouts without a framework, it's arguably an act in masochism. In this article you'll get an overview of the current batch of Frameworks and which you should choose to use.Read More…
  • Code
    Web Development
    Create a Cool Animated Navigation with CSS and jQuery200
    Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe's Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we're going to build a really cool animated navigation menu using just CSS and jQuery.Read More…
  • Code
    WordPress
    Build a 'WordBurner' Email Newsletter Manager using WordPress and FeedBurnerWordburner
    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.Read More…
  • Code
    Site Builds
    How to Build a Maintainable Site using CushyCMS and Twitter200
    Sometimes it seems there are as many CMS products out there as there are web developers. In this tutorial we're going to build a simple one-page site and then in less than 5 minutes, get it setup with a Twitter feed for daily updates and with CushyCMS for general content. If you haven't seen it, Cushy is a completely free and extremely simple to use product that's come on the market recently.Read More…
Advertisement