Picasa

In this video I’ll show you how to set up your Picasa account, sync your images to the web gallery, and then pull them into WordPress in 3 clicks.

1. Signing Up for Picasa Web Albums and Uploading Images

2. Syncing your Picasa Web Album and your WordPress Account

Chrome is the new browser king

Ask any web developer and they’ll tell you how much they despise Internet Explorer 5, 6, 7, 8, so today’s news that Chrome has overtaken IE as the most popular browser is very welcome! Read more

Editing the Sidebar

Learn how to create WordPress widgets that sit in the sidebar. I’ll also show you how you can use the WordPress editor, to create the HTML and then paste that into the site.

Edit Menu’s

This video will how you can add new menu links and reorder them.

Uploading Images

This videos focuses on how you can select images from your computer, and upload and edit images into your posts and pages.

Create a New Post

This video looks at how to make a basic post. We cover the excerpt, editing text, adding a thumbnail, hyperlinking, previewing, changing the date, and posting to a category.

Basic WordPress Overview

The very first video in the series, introduces you to the basics of WordPress. How to login and the very basic features.

Risc – Responsive Design

One size doesn’t fit all anymore. Mobile phones, tablets, and even TVs now access the web, so its vital that your website has the ability to serve the variety of devices.

Objective

All businesses need a mobile friendly or tablet friendly site. Especially a premium consultancy like RISC, who have highly influential, time poor customers.

Challenge

Having already built the website for Risc, and selecting a theme that didn’t have responsive style sheets built in, we’d have to consider either

a) creating a redirect site for mobile/tablet use; or

b) changing the style sheets using media queries (i.e if site is between 200px and 500px make the menu look like this…)

We chose the latter because we felt maintaining two sites would be overkill, and we also wanted the ability for the site to resize according to the screen size.  In some instances going with a redirect might be advisable if you wanted to reduce load times by uploading smaller images.

Solution

There were 3 main considerations in developing new style sheets:

1) All widths had to be fluid, so that as the screen got smaller or bigger, the dimensions of the site would change, becoming either bigger or smaller.

2) The homepage had to be completely redone , as a two column approach wouldn’t work on a mobile.  We in effect hide those elements on a mobile.

3) The menu system would ultimately take up the majority of the viewing space so we utilised what is called a toggle menu, that appears and disappears on click.

We created rules for style sheets such as, if device is x size, then make the site look like x. The most important piece was the menu, which we decided on a toggle menu, click and it drops down, click and it dissapears.

Lastly we did some testing and of course found that internet explorer 7 (and below) didn’t like the media queries.  IE7 doesn’t play nice with most things, so we found some neat little javascript code that taught IE7 to behave like the other kids.  If you are reading this and you are on IE7 or below, please do us web designers a favour and upgrade, or switch to Chrome / Firefox.

Try it

Open www.riscpl.com on your mobile or simply resize your browser to see it in action.