In this project we will build a simple app consisting of a series of linked HTML pages. We will analyse a mockup design, implement HTML structure, fine-tune the presentation with CSS, then organise and link HTML pages to create a mini website. Aim of this demo is to: Reinforce current knowledge HTML/CSS Build on knowledge […]
In this three-part tutorial, I take you through the process of building your email newsletter from scratch. We work through the HTML structure markup, we implement some basic layout with CSS, and finally, we style the typography. Here is the completed code Feel free to use this code as you wish. When you begin coding […]
Adjustment layers in After Effects work just like they do in Photoshop. This type of layer holds effects, not footage. Any effect applied to an adjustment layer is also applied to all the layers below it. Create an Adjustment Layer Select the Timeline panel so that it is highlighted. Select Layer > New > Adjustment […]
[t]he control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of […]
Sequencing images is the basis of traditional animation. With traditional animation, we show a series of images in sequence, and in quick successions, which delivers the experience of movement across time. One of the earliest examples of an animated image sequence was created by French artist Émile Cohl in 1908, the film was called Fantasmagorie. […]
Precomps are a way of nesting compositions inside other compositions. This allows you to create more complicated animation relationships and also helps you keep your timelines more organised. Precomping is similar to the way you group layers in Photoshop. In fact, if you import a PSD into After Effects, the file layers are automatic precomposed […]
A structured web design process delivers good web design outcomes.
Getting the HTML elements in place Ok, let’s get writting some HTML. In the following video, I take you through writing your first HTML tags. I’ll also talk about using Codepen. Codepen is an online code editor, learning environment, and community for web development. We will be using it a lot, so sign up for an account right […]
As we have heard, the internet is made up of a stupid amount of text documents that are all linked together. This linkage, or hyper-linkage, creates the web that we navigate the internet on. When we engage with the internet, we are essentially reading these text documents via a web browser, like Chrome or Safari. […]
Ease in, ease out (also known as slow in, slow out) are one of the twelve principles of animation described by Disney animators Ollie Johnston and Frank Thomas in their 1981 book The Illusion of Life: Disney Animation. The principle reflects on how movement in life is not constant. Objects slow and speed up as they […]
