top

Posts Categorized: HTML + CSS

In Space We Trust

Posted by & filed under HTML + CSS, Infographic, Typography.

To boldly go where no web developer has gone before! I’m a huge sucker for space and In Space We Trust is next-level website inspiration. It’s a video-game-infographic-interactive-typographically-awesome timeline of landmark happenings in the world of space exploration. Even if you don’t swoon over Sputnik or moon over the moon like I do, check out this graphic masterpiece. You’ll learn something and come away dreaming of the design work. Plus, you can download some of the imagery as wallpapers.

Discover Pharell Williams Through His Fans

Posted by & filed under HTML + CSS.

Those of you who attended HOW Design Live 2016 remember the incredible blend of music, culture, design and community that’s wholly entwined with Pharrell Williams’ work. You’ll find the same vibe on his website, which not only features a uniquely-tiled user interface, smooth animations and—naturally—great music, but also invites a sense of community and creativity. You can create a “fan card,” each of which represents a fan’s favorite project from the worlds of music, TV & film, social good, art & design, and fashion. Be sure to visit his site, even add a tile to the user experience.

Valar Morghulis: An Illustrated Guide to the Many Deaths on Game of Thrones

Posted by & filed under HTML + CSS, Infographic.

Ned Stark, Joffrey Baratheon, Oberyn Martell — the list of Game of Thrones characters goes on and on. But the 456 characters here all have one thing in common: They’re dead. Before the Game of Thrones Season 5 premiere, The Washington Post took a look back and noted every on-screen death from the first four seasons. Here are all 456 deaths, including who, how, why and where. But be warned, that number will undoubtedly rise. After all, “Valar Morghulis” (all men must die). Find out more about the HBO show.

This digital infographic first appeared in the Washington Post.

Google’s April Fool’s Day Pac Man Prank

Posted by & filed under HTML + CSS.

Google has unveiled their April Fool’s Day internet prank. They decided to turn to one of our childhood friends, Pac Man, with a delectable new feature to Google Maps. In the lower left-hand corner you can click on the Pac Man button and be transported to one of several areas around the world with great roadways for playing the game.

The Google Support page lists a bunch of clues to find the best cities to play. Check back for more!

  • Don’t drop the ball on the eve of your victory!
  • Triumph is délicieux.
  • Does a Galaxian bonus await at the top of those 272 steps?
  • Chomp your way to independence down seven lanes of July.
  • PAC-MAN and Ms. PAC-MAN can’t agree on which side is prettier: the American or the Canadian. Which side do you fall on, eh?
  • After a chat with the Sphinx, PAC-MAN sounds more like “Dokki Dokki”.
  • Pause game play to admire Chagall’s stained glass windows and have a bit of chocolate.
  • Can you score 10^(10^100) points?
  • Whether they’re flashing blue or sporting their natural colors, Blinky, Pinky, Inky, and Clyde are always kakkoii. Even Vogue agrees they’re living in the trendiest of neighborhoods.
  • Previous PAC-MAN lives don’t get to rest in a white marble mausoleum.
  • Head to the valley of the sun and earn your grade in the art of the game.
  • How well can you navigate the radiating streets of the distrito federal?
  • Victory is like gothic glockenspiel musik to our ears.
  • Pay special attention to Blinky – he might blend in with the dreaming red kangaroos!
  • You’ll find the Beach PAC-MAN World Cup here before long.

This isn’t the first time Google has found a friend in a childhood video game for April Fools’ inspiration. Last year, we were given a great opportunity to catch Pokemon via Maps.

Waka! Waka! Waka!

Citizen Science: Star by Star We Can Make a Galaxy

Posted by & filed under HTML + CSS, Think Tank.

Help us to fight against the light pollution and discover the Earth at night. Science has limited resources to study the incredible amount of light pollution data that we have. But working together, we can change the world.

Since 2003, almost 2 million photos have been taken from the International Space Station of Earth and the University of Complutence in Madrid (UCM) has decided to shed some light on light pollution with a collaboration effort of universal proportions. All the images taken by astronauts were provided by NASA, ROSCOSMOS, ESA, JAXA and CSA-ASC. Due to light pollution, we don’t really know all the places photographed and that’s where the citizens of Earth come in to help science with science.

Cities at Night is the website developed by UCM that highlights solutions and scientific evidence to light pollutions effects on life here on Earth. It also brings it down to our past-time of stargazing. The night sky is forever changing but we can do something about that. We have the technology. And you don’t need to be Steve Austin to help.

Crowd Crafting the Globe

The projects main coordination and develop came from Alejandro Sánchez de Miguel, José Gómez Castaño, Jaime Zamorano, Sergio Pascual and Jesús Gallego of UCM with support from Crowd Crafting which hosts the majority of Dark Skies and allows you to take a tutorial and begin sifting through images and tagging based off of your expertise in various sciences and just life in general. You see, algorithms cannot tell the difference between stars, cities, and other objects. People can and that’s where we all come in on this grand project.

There’s Even an App for That

Dark Skies has even released two apps to help georeference known cities and find unlocated images. The apps icon is courtesy of NASA/ESA JSC. You may also use Lost at Night and Night Cities ISS and just start contributing.

Loss of the Night

To better understand our lighting issues and the work that can be done to use light at night more efficiently for all of our health and for the planet itself, watch the video below that has been created by the team to promote this project.

 

Travel by Dragon in Google Maps

Posted by & filed under HTML + CSS.

A new Game of Thrones inspired Easter egg has been discovered on Google Maps. If you are planning on traveling from Snowdon, the highest mountain in Wales, to Brecon Beacons in South Wales you’re given an extra option to travel by dragon.

Is a dragon your preferred choice to travel? It can clear 122 miles in 20 minutes! Unfortunately, we’re not all granted the privelege of dragon travel. Considering the amount of time necessary for Daenerys Targaryen’s army to take King’s Landing, these dragons are only available in Wales.

dragon-travel

Perhaps Wales was chosen due to United Kingdom’s resemblance to Westeros or it could even be for the fact that the Welsh flag is branded with a fiery dragon. Regardless, Google has dropped many fun Easter eggs into Google Maps over the years that point to pop culture references and popular fantasy series. We featured a few in our 10 Awesome Internet Easter Eggs such as a tour of the TARDIS and has also attempted to help Lord of the Rings fans with directions to Mordor.

Cube On!

Posted by & filed under HTML + CSS.

Happy 40th Anniversary to the Rubik’s Cube! Google has unveiled the digital Rubik’s Cube on their homepage today with a link to the Google Chrome Cube Lab. Within the lab we’re given a brief history of the cube as a learning tool and the tools used to create the digital cube. HTML5 and CSS3 are used to the fullest extent possible while being built on a cloud platform with functionality in every modern browser. Now that we’ve digressed, might as well through all productivity out the window today and Cube on!

Ten Awesome Internet Easter Eggs

Posted by & filed under HTML + CSS.

After countless hours of scouring the web in the name of research, I am proud to present to you a list of ten awesome internet Easter eggs ripe for the plucking. Enjoy the surprises and have a happy holiday.

10. The Things Meatloaf Would Do For Love

skybet

We don’t condone placing your bets while at work but the folks over at SkyBet have you covered in case the boss sneaks around the corner as you’re taking care of business. Click the little icon in the upper right above the Facebook icon and you’ll get a wonderful spreadsheet with your ‘work’ and also a list of the things Meatloaf would do for love.

9. Break me off a Piece of that ASCII Code

kit-kat

Across a handful of Nestlé websites one may simply ‘look under the hood’ by viewing the source code to reveal logos drawn with text. Check out the Kit Kat homepage and view the source code.

8. Digg, Dive and Roll

digg-roll

Every gamer, dead or alive, knows of the legendary Konami Code. For those of you not familiar, it’s a cheat code originally found in many video games published by Konami. During the title screen before the game demo begins, the player could press a sequence of buttons on the game controller to enable the cheat. Now for some fun we can head over to Digg.com and after the page loads simply use your keyboard arrows and buttons to input the following:

↑ ↑ ↓ ↓ ← → ← → B A

7. The Answer to Life, the Universe, and Everything

hitchhikers-guide-to-galaxy

Douglas Adams wrote The Hitchhiker’s Guide to the Galaxy and within it there’s a popular central joke: “The answer to the ultimate question of life, the universe and everything is 42.” Searching Google for “the answer to life, the universe, and everything” will return this answer.

6. It’s Bigger on the Inside

tardis

This one is definitely a personal favorite and many Doctor Who fans can rejoice. Google has added a feature to their maps that allows you to explore the TARDIS. Click the first image to see inside the TARDIS and walk around a bit.

5. Zerg Rush

zerg-rush

The term originates from the game Starcraft in which the ‘Zerg’ race is notoriously known for its ability to mass-produce offensive units within a short time frame, thus allowing the player to overpower the opponent by sheer number. This Google search will literally overwhelm you until there are no results left over.

4. Eggcyclopedia

easter-egg

Wikipedia has it’s own Easter egg right on the Easter Egg media page. Just click on the turtle in the image.

3. Pöpcørn

swedish-chef

A Youtube video posted by The Muppets has the Swedish Chef making popcorn shrimp closed captioned with his own Swedish dialect translation.

2. Error 404: Now What?

zork

Every site has error pages set up and one in particular is the infamous 404 page. When a browser attempts to load a page that doesn’t exist a 404 page is generally loaded. In the case of THCNet.net, the error page has a built in text-based role playing game called Zork. Enjoy!

1. Atari Breakout

atari-breakout

Last, but not least, Google also has a love for gamers. Search “atari breakout” and click on the images tab at the top of the page and you’ll have full access to Google’s version of Atari Breakout. Happy Easter!