Archive for May, 2008
How to Theme any CMS Using Firebug (and MediaWiki as an Example)
in Working with CMS's by Joshua BlountOften 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.
Unraveling the Secrets of WordPress’ Comments.php File
in Misc, News by Gilles MaesWordPress 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. Continue Reading
AudioJungle Launches + NETTUTS news!
in News by Collis Ta'eedSo 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. Continue Reading
How to Load In and Animate Content with jQuery
in Javascript / AJAX by James PadolseyIn 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.
Which CSS Grid Framework Should You Use for Web Design?
in Articles, HTML / CSS by Raj DashEver 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.
Create a Cool Animated Navigation with CSS and jQuery
in Javascript / AJAX by Joash XuAnimation 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.
Build a ‘WordBurner’ Email Newsletter Manager using WordPress and FeedBurner
in Misc by Paul BurgessThere 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.
How to Build a Maintainable Site using CushyCMS and Twitter
in HTML / CSS, Site Builds, Working with CMS's by Collis Ta'eedSometimes 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. Continue Reading
How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery
in HTML / CSS, Javascript / AJAX by Bedrich RiosAs you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect … but we’ll do it in jQuery! Continue Reading
Use Amazon S3 & Firefox To Serve Static Files
in Misc by Collis Ta'eedHosting services have gotten a lot better in recent times, more storage, more bandwidth, cheaper prices. But there is only so far that regular hosting will go. When I first launched PSDTUTS, despite being on a great webhost with some big specs, we ran into both bandwidth and file serving problems when our tutorials (each containing dozens of heavy images) would land on Digg. And then a friend recommended I try using Amazon’s Simple Storage Service (aka S3).
