素人でも、プログラマー、Web 開発者、およびその仕事について考えるとき、おそらく同名の映画のようなマトリックスが心の目に浮かぶでしょう。ダイアナ・スミスは、この決まり文句を自分の写真で実現することには程遠い。 5月初め、アーティストは「Pure CSS Francine」という写真でTwitterコミュニティを驚かせた。
インクの代わりにコードを書く
一見すると思われるかもしれませんが、これはフランシーヌを写した画像ファイルではありません。作品名の通り、すべてコードで構成されているからです。したがって、たとえば右クリックして保存することはできません。
画像に表示されるすべての詳細は、Smith によって HTML マークアップ言語と CSS スタイル シート言語で事前にプログラムされました。つまり、ユーザーのブラウザとブラウザのバージョンに応じて画像が変化します。これらの言語は、Web サイトがどのように表示されるべきかをそれぞれのブラウザーに「伝えます」。すべての細部が一緒になって絵画を構成します。塗装もトリックも不要、純粋なコーディングです。
Twitter ユーザーは、たとえば Netscape Navigator を使用して、これがどのように見えるかを示しています。
または古い Opera バージョンの場合:
変更可能なアートワーク
キャンバスに描かれた作品とは異なり、フランシーヌは変更することができます。コードが変更されると、それに適応します。スミスさんは GitHub プロフィールで、とりわけ「Francine」を作成したコードを公開しました。