
Mark is a Professor of Interaction Design at Sheridan College of Advanced Learning near Toronto, Canada. Highlights from Mark's extensive industry practice include a top four (worldwide) downloaded game for the UK launch of the iPhone in December 2007. Mark created the title sequence for the BBC’s coverage of the African Cup of Nations. He has also exhibited an interactive art installation 'Tracier' at the Kube Gallery and has created numerous websites, apps, games and motion graphics work.
Latest articles by Mark Shufflebottom

Build prototypes with Adobe XD
By Mark Shufflebottom published
Create auto-animated apps complete with voice control.

Build a voice controlled UI
By Mark Shufflebottom published
Convert speech to text for easy input into forms.

How to design with CSS shapes: An introduction
By Mark Shufflebottom published
Go beyond the rectangle and create cool effects with CSS shapes.

Add SVG filters with CSS
By Mark Shufflebottom published
A guide to adding special effects to text and images on your site using CSS and SVG filters.

How to create liquid effects with WebGL
By Mark Shufflebottom published
Use three.js to make a low-polygon background header.

How to create glitch text and image effects in CSS
By Mark Shufflebottom published
Create a distressed glitch text effect using CSS keyframes.

Get started with variable fonts in CSS
By Mark Shufflebottom published
Learn how to load one font and manipulate it through CSS.

How to build an AR app
By Mark Shufflebottom published
A step-by-step guide to creating a multi-marker augmented reality application using AR.js.

5 top AR tools to try today
By Mark Shufflebottom published
We explore the best tools for dabbling in augmented reality on the web.

Animate and switch titles with CSS
By Mark Shufflebottom published
Use the power of JavaScript and CSS to create a fade in/out effect.

Create a wobbly text effect with JavaScript
By Mark Shufflebottom published
Learn how to add impressive multi-layered text effects.

Create ripple effects with PixiJS
By Mark Shufflebottom published
How to add special effects to pages and transitions with JavaScript.

Add a glitch effect to your website
By Mark Shufflebottom published
Give your site visual punch with an easy animated glitch effect.

How to melt a 3D object with three.js
By Mark Shufflebottom published
Create an eye-catching effect to make objects melt.

8 3D web projects to inspire you
By Mark Shufflebottom published
A must-see collection of 3D demos that are guaranteed to impress.
Sign up to Creative Bloq's daily newsletter, which brings you the latest news and inspiration from the worlds of art, design and technology.


