30 Websites to follow if you’re into Web Development

May 21 2008 by Jacob Gube | 166 Comments

I’ve made it a goal to learn at least one useful thing each day so that I can stay sharp and well-versed on the topic of web development and design. To that end, here’s some of the websites I keep track of to find new techniques, resources, and news about building websites.

Most of these sites are updated frequently, so there’s never a lack of new content that fills up my Google Reader.

Because the role of the web developer is ever-expanding, I’ve also included a variety of sites that covers fields relating to web development – such information architecture, user interaction, and web/graphics design.

1. NETTUTS

NETTUTS - Screenshot

NETTUTS is a recently launched blog/tutorial site that provides "spoonfed web skills". There are already plenty of useful and detailed tutorials that range from offloading static content to Amazon S3 to creating a beautiful tabbed content area using jQuery. NETTUTS is perfect for developers just starting out, since the tutorials are very thorough and in a "step by step" format. For more advanced developers, it’s an excellent source of inspiration and learning new techniques.

continue reading »

Using Paper Clips in a Web Design: Examples for Inspiration

May 18 2008 by Jacob Gube | 15 Comments

A designer’s creativity is often showcased in the little details and touches that he or she incorporates in a design. Using common, familiar objects as design elements to accent and ornament a web page is a wonderful way of showcasing one’s attention to detail.

For inspiration, I explore the trend of utilizing paper clips by providing excellent examples to showcase how designers make use of them.

These People Comedy.com

These People Comedy.com - Use of paper clip as an ornamentRealistic paper clip used as a design ornament.

continue reading »

20 Useful Tools to Make Web Development More Efficient

May 14 2008 by Jacob Gube | 103 Comments

There are many available tools to help make web development projects quicker and more productive. Aside from a handy text editor or WYSIWYG editor like Dreamweaver, you can find plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently.

1. CSS Grid Builder

CSS Grid Builder - Screenshot

continue reading »

7 Applications to Make Working with MySQL Databases Easier

May 12 2008 by Jacob Gube | 35 Comments

MySQL is the most popular open-source database. Whether you’re an aspiring web application developer or a person working on an existing database-driven web application like a content management system, ecommerce platform, or blogging platform — there are a variety of handy applications that you can use to make MySQL database design and administration (relatively) a breeze. So if you find yourself in a position where you have to work with MySQL, you don’t have to use a command-line interface, check out these 7 outstanding applications to help you create, write, manage, and visualize your database.

1. TurboDbAdmin

TurboDBAdmin - Screenshot

continue reading »

10 Useful Gadgets for Mobile Computing

May 8 2008 by Jacob Gube | 36 Comments

If you’re a web worker, mobile computing is either a necessity of the job or something you choose to do to get away from the monotonous confines of your office work station. Along with your laptop and (most probably) your iPhone/Blackberry/[insert handheld here], there are a plethora of useful devices that you can tag along with you to enhance your computing experience. Here’s a round-up of 10 cool gadgets that can supplement your remote workspace.

1. LapStrap

If you’d like to keep things minimal and leave your big, bulky, heavy laptop case behind, LapStrap is an excellent solution. It’s a simple shoulder strap that attaches to your laptop. The LapStrap also solves the awkward moments in airport lines where you struggle to juggle between your other carry-on luggage and taking out your laptop from its conventional case.

LapStrap

continue reading »

25 GIMP Video Tutorials to Help Get You Started

May 5 2008 by Jacob Gube | 22 Comments

The GIMP is a very powerful, open source digital image editing application that rivals its commercial counterpart – Adobe Photoshop. Open source alternatives are great not only because they’re free, but because of the helpful community that typically surrounds them.

One of the quickest ways to pick up something new is by watching video tutorials. With that concept in mind, I’ve collected 25 awesome GIMP video tutorials geared to get you started, get you familiarized, and get you inspired. If you’re intrigued to try out GIMP after watching some of these videos, you can grab GIMP from their download page.

Basics

1. Gimp Basics

A showcase of some fundamental functions in GIMP.

Gimp Basics

continue reading »

16 Free JavaScript Solutions for Displaying Your Images

May 3 2008 by Jacob Gube | 44 Comments

If you’re looking for a way to display your images on a website but don’t have the time to create a custom solution, there’s plenty of free and easy-to-use scripts available at your disposal.

Here, I’ve compiled 16 free image galleries and slideshows for you to take a look at. Though the effects are smooth and their features are robust, none of them use Flash, only JavaScript, and they require very little coding on your part.

1. JonDesign’s SmoothGallery 2.0

SmoothGallery 2.0 is a nifty slideshow gallery that transitions between images very… smoothly. The author tested SmoothGallery 2.0 in Firefox, Opera, IE 6 and 7, and Safari. It requires the mootools JavaScript framework.

SmoothGallery 2.0: Improved Mootools Mojo for Images

SmoothGallery demo

continue reading »