Matthew James Taylor Matthew James Taylor

Web design ›

Web Design Portfolio

Kidsit babysitting


I created this website to share everything I've learned while caring for my three kids over the past 12 years.

Kidsit is aimed at parents and childcarers such as babysitters and nannies or anyone who is looking after children and may benefit from some helpful parenting advice.

I teamed up with a group of the most amazing people who are experts in childcare and child health so I can be confident that the information I'm writing about is reliable and useful. It feels good to be helping people too.

Here are my most popular articles for parents:

And the most popular for babysitters:

If you have kids or know someone who does, check out

Kevin Taylor Art

Kevin Taylor Art Classes

I built this website for my Dad who was an extremely talented artist. He painted in oils professionally and taught private art classes for over 30 years. I'm sure I get my creativity from him.

I designed his website to advertise his art classes on the Gold Coast and also serve as an online art gallery for his artworks, and also art by his students.

The website contains 888 works by 137 artists but this is only a fraction of the work Dad helped people create over his career.

My Dad passed away in early 2018 but his website will remain online for everyone to enjoy. One of Dad's students is continuing his classes.

Check out

I've worked on many other excellent sites that are no longer online, such is the nature of today's fast-paced internet, nothing lasts forever. See my web development work history for more details.

I can't forget to mention my personal website (the one you're reading now). This is my longest-running site, it's been online in various forms since 1997. See the full website history of this site.

Responsive Columns Layout System

Responsive Columns: Build Amazing Layouts With Custom HTML Tags

How responsive attributes work

Responsive Attributes: Generate CSS Grid Layouts With Simple HTML

Responsive text size

Responsive Font Size (Optimal Text at Every Breakpoint)

A web developer in the engine room

Best Web Development Tools (Free & Paid)

Columns all the same height

Equal-Height Columns (CSS Grid, Flexbox, Floated Containers, & Table Methods)

Boggle dice shaker

Boggle Dice Shaker (Built With Javascript)

Padding bewteen desktop, tablet, and mobile

Responsive Padding, Margin & Gutters With CSS Calc

Holy grail 3 column layout responsive diagram

Holy Grail 3-Column Responsive Layout (CSS Grid & Flexbox Versions)

Footer at the bottom of the page diagram

Bottom Footer (CSS Grid, Flexbox, & Absolute Position Methods)

3 column product comparison layout

3 Column Layouts (Responsive, Flexbox & CSS Grid)

Open book two column layout

2 Column Layouts (Responsive, Flexbox & CSS Grid)

Is CSS margin top or bottom better?

CSS: Margin Top vs Bottom (A Trick You Should Know)

How to add CSS to HTML

How to add CSS to HTML (With Link, Embed, Import, and Inline styles)

Custom elements plus CSS with no javascript

Custom Element Examples (Without Javascript)

A delicious soup made from custom elements

Replace Divs With Custom Elements For Superior Markup

Racing car made from custom tags

Custom HTML Tags (18 Things To Know Before Using Them)

ID vs Class CSS selectors

ID vs Class: Which CSS Selector Should You Use? (6 Examples)

Looking into an empty div

Empty HTML Tags (21 Weird Things You Need To Know!)

Beautiful centered menus with CSS

CSS: Horizontally Centred Menus (With Optional Dropdowns)

Ads that can change size to fit any screen size

Responsive Banner Ads with HTML5 and CSS3

Superman blocking styles

Style Blocker: How To Prevent CSS Cascade With Shadow DOM

Responsive house plan

Responsive House Plan (Web Design Meets Architecture!)

Web design Web design Architecture Architecture Life drawing Life drawing Art gallery Art gallery Synesthesia Synesthesia Comics Comics

About Contact Privacy

© 1994 — 2024 Matthew James Taylor