Tag: Intro

  • RE:Creation No. 3: Dorset Cereals

    In this episode of RE:Creation, we’ll be recreating a cereal box in HTML and CSS. One thing I like about consumer product packaging is that almost everything is written there in that little space. It’s like a website in the palm of your hands at a grocery aisle (or at your breakfast table). First, let’s…

  • Nutrition Facts Label

    Introduction In this second episode of RE:Creation, we’re going to re-create something that we’re all familiar with—the Nutrition Facts Label. This particular design is specific to U.S. Food and Drug Administration—although most nutrition information from other countries appear similar in terms of their tabular design. We may ask, isn’t this label a print material (as…

  • RE:Creation No. 1: Google

    For the first episode of RE:Creation, we’ll be re-creating the most visited website in the world—Google. It looks like a fairly simple web page—both in content and functionality, so it’s a perfect choice. Let’s begin!

  • Introduction to RE:Creation

    What is RE:Creation? RE:Creation is a design and coding activity in which we reverse engineer and recreate the HTML & CSS components of a chosen web page. RE:Creation is short for Reverse Engineering Creation. It involves both discovery (theoretical) and delivery (technical) processes. Objective RE:Creation’s objective is to promote the fundamentals in designing digital products such…