Web

Slick Carousel in Codepen

Slick Carousel is a great little slider script for sliding any kind of content. There are full instructions available on Slick's website, but it doesn't explain how to get...

Building a long-form web page

Building your long-form multimedia page is reasonably straight forward. We've provided you with a pre-built HTML, CSS and JavaScript framework for you to copy and...

Tools you need to create web pages

Actually, the tools you need to start making web pages are really simple. All you need are: a computera good web browser (e.g. Google Chrome)a plain text editor Computer The...
Slick Carousel in Codepen

Slick Carousel in Codepen

Slick Carousel is a great little slider script for sliding any kind of content. There are full instructions available on Slick's website, but it doesn't explain how to get it to work on Codepen. This post explains how to do this. Once you've followed this...

read more
Building a long-form web page

Building a long-form web page

Building your long-form multimedia page is reasonably straight forward. We've provided you with a pre-built HTML, CSS and JavaScript framework for you to copy and work with. Locating the framework and downloading The framework is hosted on...

read more
Tools you need to create web pages

Tools you need to create web pages

Actually, the tools you need to start making web pages are really simple. All you need are: a computera good web browser (e.g. Google Chrome)a plain text editor Computer The computer you use to make web pages doesn't have to be great. As long as it can run the latest...

read more
Embedding YouTube videos into WordPress sites

Embedding YouTube videos into WordPress sites

It's possible to embed YouTube videos into Wordpress sites so that, instead of a mere hyperlink to the video, the video is previewed with a play icon, enabling your audience to play the video directly within your Wordpress site. Here's how. Copy the video's embed code...

read more
Producing a PDF or screen grab of a web page

Producing a PDF or screen grab of a web page

Producing a PDF of a web page doesn't preserve all graphics, layout and other design / functionality features, but it does enable you to save a record of some of the web page’s content, for reference. If you’d like to save a purely visual record of how the web...

read more

Multimedia Toolkit

There are lots of tools available to you that can help you create all sorts of multimedia: from maps and infographics to interactive timelines and images. Here's a list of tools we think our students have found useful. The list is not exhaustive, so feel free to find...

read more
Newspaper style layout using just HTML and CSS

Newspaper style layout using just HTML and CSS

After reading a post about how Chris Pattle constructed the Simpsons characters completely out of HTML and CSS, I set myself a challenge to show that you can make just about any layout using simple HTML and CSS. I grabbed a copy of The Guardian from 26th November...

read more
Guide to web coding

Guide to web coding

An understanding of the principal technologies of web is a really powerful tool for a journalist. This guide will cover the basic tools and principles of HTML and CSS. HTML and CSS can be used to create web content for browsers, tablets and mobiles and many...

read more
Basic HTML

Basic HTML

Here's a few tutorials on basic HTML. The tutorials use codepen as the editor - so sign up and follow along! https://www.youtube.com/playlist?list=PLwkd24nG8H4c1DweMWhrsFpPzKs7zKjKH

read more

Need anything else?