Archive for June, 2008
NETTUTS Demo/ Source Buttons, New Voting Buttons and More TUTS Sites?
in News by Raj DashThis 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.
Prototype a Magazine-Style Home Page Template with the Blueprint CSS Framework
in HTML / CSS by Raj DashWhen 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.
Hack Together a User Contributed Link Feed with WordPress Comments
in Working with CMS's by Collis Ta'eedAlthough 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.
Creating a Floating HTML Menu Using jQuery and CSS
in HTML / CSS, Javascript / AJAX by Jeff DionFor 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.
From PSD to HTML, Building a Set of Website Designs Step by Step
in HTML / CSS, Site Builds by Collis Ta'eedToday 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!
NETTUTS Gets a New Editor Today & VECTORTUTS Launched
in News by Collis Ta'eedI’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. Continue Reading
Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous
in Javascript / AJAX by Brian CrescimannoWe’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.
Continue Reading
How Using State Diagrams Can Make You a Better Web Coder
in Articles by Raj DashOne 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.
Best of the Web - May
in Web Roundups by Collis Ta'eedIt’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!
Continue Reading
How to Use Amazon S3 & PHP to Dynamically Store and Manage Files with Ease
in Misc by Jürgen VisserA 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!
