The 'Coding Cards' Series Extracts the Meaning from HTML and CSS Tags
Alexander Lam — June 14, 2013 — Art & Design
References: behance.net & lostateminor
Using tags from HTML and CSS, designer Costas Papaconstantinou created a series of clever expressions called 'Coding Cards.' Papaconstantinou used pieces of code in order to play with their inherent meaning or function. The Coding Cards contain HTML or CSS codes in a big bold text with an expression underneath them.
Each illustration in Coding Cards places a different spin on code. The tag that begins a webpage was paired with "Start fresh" while the tag that ends a page was combined with "The end is always near." More subtle cards include the pairing of the < a > tag, which is used to hyperlink objects, with the text "in a relationship." To contrast the relationship theme, the designer also added "We should break up" to the line break tag.
Each illustration in Coding Cards places a different spin on code. The tag that begins a webpage was paired with "Start fresh" while the tag that ends a page was combined with "The end is always near." More subtle cards include the pairing of the < a > tag, which is used to hyperlink objects, with the text "in a relationship." To contrast the relationship theme, the designer also added "We should break up" to the line break tag.
Trend Themes
1. Interactive Design - The use of HTML and CSS tags in creative expressions opens up opportunities for interactive design experiences.
2. Code-based Art - The 'Coding Cards' series demonstrates the potential for code-based art to merge technological and artistic elements.
3. Meaningful Coding - Exploring the meanings behind HTML and CSS tags through visuals allows for a deeper understanding of coding concepts.
Industry Implications
1. Graphic Design - Graphic designers can leverage the use of code in their designs to create visually impactful and interactive experiences.
2. Art Education - Incorporating code-based art into art education curriculum can provide students with a multidisciplinary learning experience.
3. Web Development - Web developers can find inspiration in code-based artwork to explore new ways of merging technology and design in web experiences.
2.3
Score
Popularity
Activity
Freshness
