skip to content

Latest News

Optusnet email issues - update

In a victory of sorts, Optust have acknowledged that the reason for emails from our websites and mail server not being delivered...

Email deliverability – GMX

There appears to be a problem recently with deliverability of website emails to mailboxes at GMX: * gmx.com * gmx.at * gmx.net...

New email hosting package available

Through our new Dreamscape portal you can now subscribe to a hosted email package for your domain, at very reasonable prices....

New Dreamscape Domain Portal

For those of you with domain names registered through Chirp's Dreamscape account, the new portal can be accessed at domains.chirpinternet.eu...

Setting up domain-based email hosting

The process involves setting up mailboxes that your people can access to read and send emails using your domain. Step 1...

Optusnet maili delivery issues

Our recent upgrade to Debian 12 (bookworm) included a tightening of security around TLS connections used for logging in and...

News RSS Feed

more news

examples of responsive (rwd) websites

Below you can see examples of responsive websites adjusting their layout automatically to different browser sizes - from the larger desktop size (1,024 pixels and higher) down to tablets (600 - 800 pixels) and mobiles (400 - 600 pixels).

Note that the text content remains the same size, while the menu an other graphical elements adjust to a more compact and mobile friendly configuration.

Blue Mountains Explorer Bus - Fluid Design

Here you can see a fluid transition from Desktop to Tablet and Mobile sizes. At the viewport narrows certain elements are compressed or hidden.

There is no single transition, but rather a series of steps at different widths creating a view suitable for the current viewport size.

Explorer Bus RWD Animation

Male Choirs Association - Basic Responsive Design

In this example you can see a single transition between the Desktop (fixed-width) layout and a more flexible mobile layout with a compressed navigation menu.

Within the website content, photos are made larger for mobile, and tables are unrolled vertically to fit into the browser window.

MCAA RWD Animation

You can see this for yourself by opening a website in a desktop browser window and then gradually dragging its corner/edge inwards to make the window narrower.

< Mobile Friendly Websites