Mar201030

Create stepped navigation with arrows using HTML + CSS

In this tutorial I will show you how to create a stepped navigation with arrows using HTML and CSS which works in all major browsers. It is useful to show a user a stepped process such as a multi part form where there is more than one step that needs to be filled in.

Read the rest of this entry »

Mar201010

Creating a grid of images for an album in Drupal 6 with pagination

Following on from the original tutorial on creating a grid of images for an album in Drupal 6, a few people asked how to add pagination on to this for large albums.

Unfortunately from what I can tell Drupal’s pagination function only works with SQL queries so we are unable to use the existing data available in the node object. But due to Drupal’s nice database schema, it is very simple to write some simple SQL to give us the pager.

Read the rest of this entry »

Feb201019

Bobby Kotick – “I took a look at World of Warcraft and I thought, ‘Who would want to buy a subscription to that?’”

This is from Bobby Kotick speach as DICE this year (CEO of Activision Blizzard)

Kotick was also offered the chance to buy Blizzard in the 1990s for $7 million, and then in the early 2000s for $700 million.

[12:10] “I took a look at World of Warcraft and I thought, ‘Who would want to buy a subscription to that?’”

[12:10] “So, of course we ended up merging with them in 2008 when they were worth $7 billion.”

You can buy World of Warcraft for just £4.99 from Amazon.

Read the rest of this entry »

Jan201028

[Review] Microsoft Sidewinder X8 Mouse

Just received my Microsoft Sidewinder X8 mouse as a replacement to my aging Logitech G7. Both mice are wireless gaming mice relying on batteries for power, but both go different ways to making sure you can always use your mouse.

Read the rest of this entry »

Jan201027

Create a cartoon style cloud in Photoshop

This tutorial will teach you how to make a basic cartoon cloud in Photoshop. The tutorial should be suitable for beginners.

Read the rest of this entry »

Jan201026

Create a basic layout using HTML & CSS

Following on from the Guide to classes and ids in HTML and CSS, we will create this basic 2 column layout.

Before we delve in to HTML and CSS, you need to understand the basic structure of the page to know how to write your HTML. To do this, on paper or Photoshop draw out the basic layout.

With the basic wireframe of the site you can now write out the basic HTML.

Read the rest of this entry »

Jan201026

Guide to classes and id’s in HTML & CSS

Classes

A class can be applied to any HTML element to allow you to easily target it using CSS to add styling and change the way it is presented to the user. In CSS classes are selected using a full stop followed by the name of the class.
Read the rest of this entry »

Jan201013

Open source intranet solution – Open Atrium

Open Atrium is an open source intranet package that uses Drupal as it’s underlying framework.

As Open Atrium is a Drupal installation profile, it runs using PHP and MySQL, which means other than hardware cost it is free to get started and run. It features a few familar modules to any Drupal user such as Views and Organic Groups but also introduces some lesser known modules such as Features and Spaces.

It is currently in beta and is currently at beta 3.2 which can be downloaded the from Open Atrium website.

You can install it like you would any Drupal installation, but during installation you are given the choice to install Drupal standalone or Drupal with Open Atrium’s modules and configuration preinstalled.

Features include a blog for updates, a calendar for events, documents which uses the books module to produce a hierachial display of all the documents you want to store, a shoutbox and a case tracker which is ideal for development teams. Each feature can be turned on or off within each organic group which means you can easily divide internal teams in to different groups to keep the intranet a bit tidier than it would if it was all in one place.

Introducing Open Atrium from Development Seed on Vimeo.