Category: Web design

Funny

Coded humor with 9 CSS puns for web designers

A Reddit thread sparked a brainstorm among web designers about puns that are coded in Cascading Style Sheets (CSS). Riffing on everything from Harry Potter to the KKK or Us-Mexico border relations, the results were hilarious. Using the stylesheet language that formats colors, borders, fonts, and backgrounds of websites, these puns had us rolling. Digital Synopsis was so taken by these bits of coded humor that they created 34 graphics from jokes that were shared. Below are 9 of our favorites. To you have any CSS puns to add to the list? ...
Art

Artist creates abstract pieces based on web pages

Google, Tumblr, Pinterest... many of us visit these websites daily without much thought. Artist Rafaël Rozendaal recently chose to look beyond the words on these sites, creating a Google Chrome extension called Abstract Browsing. Abstract Browsing allows the user to view websites minus the content, turning sites into brilliant, geometric abstract pieces of art. He then took screenshots of these images and wove them into tapestries, creating a marriage of new pixels with old stitches. See some of his work below, and more on his website. ...
Illustration

5 hilarious full-screen animations

Dave Packer, a filmmaker based in Brighton, UK, posts short comedy films and animations under the business name Sheep Films. His tiled animations progress across the screen creating the illusion of perpetual motion. Believe me — it’s totally worth it to click through and see these GIFs in a full screen tile. ^ See it tiled ^ See it tiled ^ See it tiled ^ See it tiled ^ See it tiled...
Digital

When music meets technology – the geography of Tom Waits’ lyrics

The mention of a specific place in a song lyric can connect its listeners to the culture, landscape, and atmosphere of that place. In an absurd exploration of the places that Tom Waits has mentioned in his song lyrics, Swedish web developer Jonas Nordström has visualized Waits’ location references. From the African jungles to the urban neighborhoods of NYC, The Tom Waits Map allows you to browse locations and then click through to the album, the song, and the lyric set that each point corresponds to. The interactive map even links the song titles to Spotify whenever possible so that fans can listen to some of their favorite places. Click here to see if Tom Waits has mentioned your hometown in a song lyric. ...
Photography

Anthropomorphism explored through stunning photography

Photographer Tim Flach has a marvelous landing page for his website. As a photographer who focuses on animals, the page vividly speaks to the artist’s passion while capturing the viewer's attention. Within the simple, white splash page, animals are shown walking across the screen as though the viewer is looking up at them—it’s what some would call a worm’s eye view. This unique perspective on capturing animals is seen throughout the photographer’s work. In Flach’s bio, he explains that he’s interested in the concept of anthropomorphism, the attribution of human characteristics or behaviors to animals or other objects. He explains: “I accept that it is certainly easy to see my work as anthropomorphic, to think that I have endeavored to make them look like us, but I am actually far more interested in the notion of anthropocentrism; how we humans centre ourselves in relation to animals, and make ourselves the centre of our worlds. In a compositional...
Web design

Your time-wasting habits explained in this infographic microsite

Based in Australia, the enterprise software company Atlassian is skilled in the art of designing websites that make you think. Their latest work is a stunning infographic in the form of a website that aims to educate us on how much time we waste at work. That's right, no matter what you do for a living, you're wasting your time one way or another. Checking your email every now and again results in the loss of ten precious 'IQ points' - according to the site. The average worker receives up to 304 business-related emails every week! Using research compiled from emails and meetings the chart even defines how much money is potentially wasted during these activities. If you are curious about your own time-sucking habits be sure to check it out here! ...
Design

Facebook introduces ‘Like’ button redesign

Facebook has introduced it's first ever redesign of their 'Like' and 'Share' buttons since their introduction in 2010. It is an appropriate time for a facelift as they are well worn having been clicked over 22 billion times since their inception!  This new button design flip-flops the color of the text and background bringing the the 'Facebook Blue' forward for a bolder look on websites. Also, the button typeface receives a facelift making it a little tighter and a little bolder for optimal noticeability over the growing number of other social icons. The new design will automatically be upgraded in the coming weeks onto sites that currently use the feature. from left to right: like, share, like + share button...
Art Creativity Photography Design Sculpture Funny Illustration Video Inspiration Digital Graphic Design Industrial design Architecture Fashion Technology Painting Street art Furniture Retro News Interior Design Vintage Music Artwork Nature Culture Typography Performance Logo design Cute Books Animation Food and Beverage Textile Web design Unique Sponsored