Saturday, January 31, 2015

Weekly Inspiration – Hexagone, Word Map, BODA, and more

It’s that time of the week again, a chance for you to sit back and be inspired by some of our favorite web and mobile designs from the past week.

You may also like to browse the Web Inspiration Archives.

Hexagone →

Word Map →
Word Map

Brave UX →
Brave UX

Rally Interactive →
Rally Interactive


Post—office →

The DNA Project →
The DNA Project

Sampedro →

You may also like to browse the Web Inspiration Archives.

The post Weekly Inspiration – Hexagone, Word Map, BODA, and more appeared first on Speckyboy Web Design Magazine.

Weekly Inspiration – Hexagone, Word Map, BODA, and more

From Terminator to Top Gun: The Gorgeous Illustrations of Grzegorz Domaradzki

Grzegorz Domaradzki, or Gabz as he likes to be called, is a freelance illustrator with an absolutely beautiful portfolio and a long list of impressive clients, from Nike to Warner Bros. He has a master’s degree in graphic arts and drawing from the Academy of Fine Arts in Poznań, and typically starts his work by hand sketching everything before vectorizing it on his Mac.

Below, you’ll see some familiar faces in his illustrations, including characters from Terminator, Teenage Mutant Ninja Turtles, Judge Dredd, and more. If you love illustration and the 80s-90s, he’ll be your new favorite artist.

















From Terminator to Top Gun: The Gorgeous Illustrations of Grzegorz Domaradzki

10 Windows Phone Tricks and Settings You Should Know

You feel so excited as you have just received a brand new Windows Phone. You start exploring the phone in almost all the corners. You have already installed many apps which appear on the start screen. You’ve get used to the gestures, and eventually also find some hidden features.

Yet, with all the features that ship in Windows Phone, there’s a chance that you have missed a couple of handy tricks and useful settings to configure and tune up your Windows Phone. So, here are 10 tricks and settings that you should know to get the most out of Windows Phone. Let’s check them out.

Capitalize and All-Caps Words Quickly

Typing in Windows Phone can be so much faster, if you know this little trick. For example: while typing, you may highlight a word and tap the Shift key to capitalize the first letter. Tap it a second time and it will capitalize the whole word. Holding down the Shift key will turn on the caps-lock mode.

Turn Off Navigation Key Vibration

Windows Phone handhelds ship with 3 physically sensitive buttons – namely the back button, the home button (which is depicted with the Windows new logo) and the search button. These buttons will vibrate as you tap. If you feel that the vibration is kind of annoying or you simply want to switch it off for whatever reason, go to Settings > Touch and turn off the Navigation Bar.

Action Center Half-view

Windows Phone has finally come with an Action Center that stores app notifications as well as a couple of shortcut settings for quick access. To view the Action Center, swipe your finger from the top edge of the screen down to the bottom. Alternatively, halt your finger at the middle to only view the shortcuts.

Configuring the Action Center Shortcut

There are 4 shortcuts present in the Action Center, but a Windows Phone with a wider screen will have 5. Configure the shortcuts with ones that you frequently need most with Settings > Notification+action menu. Tap one of the current shortcuts, and select another on the list as the substitute.

Remove All Your notifications In One Swipe

You can remove a notification in the Action Center by swiping your finger from the left to the right of each notification item. But, sometimes you can have heaps of notifications that will tire your fingers out. In that case, use 2 fingers to swipe all of them away in one swift motion.

Move and Install Apps to SD Card

One of the best things about a Windows Phone is that the storage capability is upgradable with an SD Card for up to 64GB. You can store files, images, videos, and even apps in the SD Card instead of within the internal storage.

So, if you have an app that takes up a lot of internal storage, it’s better to move it into the SD Card. To do so, go to Settings > Storage Sense. Tap the app+games and select the game. You will find the button to transfer it to the SD Card.

Note: This button will only appear if you have your SD Card installed.

Mute the Shutter Sound

When taking a picture or taking a screenshot of the phone, you will hear the shutter sound that is similar to the sound a real camera makes . Did you know that you can turn this sound off? If you don’t want people around you to notice that you are taking pictures, go to the Settings > ringtones+sound and untick the Camera shutter.

Assign Nick Name for Cortana

Cortana, though in Beta, is very capable and and up to par with its competitors. Cortana can help you call or text a specific person by calling his/her name. Alternatively, you can also call the nickname. So, instead of call “John Doe”, you may simply tell Cortana to call “Driver” (if he really is so).

Go to the Cortana’s Notebook. Then, select the Inner Circle option and select the the person from the contact list to be assigned for a nickname – you can assign up to 3 nicknames. Cortana’s Notebook is where Cortana learns about you. Therein, aside from the Inner Circle, you can specify your Interest and Favourites as well.

Projecting Screen

You can project Windows Screen to a TV or to your PC screen. This can be very useful for creating screencast tutorial and demonstrating Windows Phone in a presentation. To do this, you will have to install Project My Screen. Connect Windows Phone to PC with USB, and start projecting the screen through the Settings > Project My Screen.

Additionally, turn on the Show touch option to show your finger position on the PC screen with a dot.

Note: This is only applicabale in Windows Phone 8.1.

Disable Narrator Text

Windows Phone is built with accessibility in mind. People with vision disabilities can use Windows Phone through the Narrator function. The Narrator will read aloud the text on the phone. I myself once enabled the Narrator, and it honestly freaked me out.

Once this feature is enabled, some features are disabled, like Swiping, and I could not find my way back to turn it off in the Settings. At the end, I was able to sort it out. You can do it by holding the Volume button and tap the Windows icon at the same time.

10 Windows Phone Tricks and Settings You Should Know

Amazing Cinemagraphs from Around the Web

Cinemagraphs are an especially mesmerizing form of art (usually in GIF form). In this post, we’ll take a look at 28 gorgeous cinemagraphs and discuss how to implement them effectively in an online marketing strategy.

What Are Cinemagraphs?

Cinemagraphs are actually still photos in which minor, repeated movement occurs. You can usually find them in GIF format, which sometimes creates the illusion of watching a video.


As a rule, they are produced by taking a series of photographs or a video recording. Then, the artist composites the photographs or the video into a seamless loop of sequential frames. The major aim of photo or video manipulation is to create a repetitive or continuous motion in part of the subject between exposures (for example, water rippling) to contrast with the stillness of the rest of the image.

The history of the term “cinemagraph” dates back to the time when U.S. photographers Kevin Burg and Jamie Beck started to use the technique to animate their fashion and news photographs in 2011. However, the relevant technique existed prior to that. It was already used for the advertisement of the game “Mirror’s Edge” back in 2008.

Using Cinemagraphs in Online Marketing

GIFs are re-entering the mainstream of Internet content. This happens mainly because people have realized that they shouldn’t necessarily be low-resolution, low quality and cheesy. The cinemagraph is an artistic interpretation of a GIF, keeping the majority of the frame frozen and displaying some selected motion in one small area. So, there is no surprise that some smart marketing engineers leverage this medium in online marketing efforts in the most creative of ways.

Cinemagraphs work as little extra “linger” factors that keep people on your page. They can be very useful both for direct marketing and even the occasional blog post. It makes the users happy when they see very subtle animations that add to the experience of what they are reading. You can think about it as very subliminal advertising if you are direct marketing, or, in the case of a blog post, the concept of adding that perfect accent piece to your “living area”. The visitors usually wait to watch the image loop a few times if they notice a cinemagraph. They also tend to over analyze other images to see if they too contain motion. It’s unbelievable, but a stay on a site can sometimes be extended 5-15% with something so simple.

Cinemagraphs are becoming more readily available as well. Some sites, for example Annstreetstudio, create cinemagraphs for their own projects, while others, as TemplateMonster, are offering pretty nice free cinemagraphs for their audience.


Enough talk, let’s see some of these things in action. Here are 28 of our favorite cinemagraphs from around the web.



Businessman’s Break


Coffee Machine


Dirk Janson


Autumn Days


Awaiting Dusk


Designer’s Table


Nature Studies


Rainy Days




Charlotte Olympia


Taking It All In


Trench Coat


Busy day in Manhattan…


The Smell of Hot Dogs


Falling Leaves


Rain Drops


Tierra Patagonia Hotel


Seeing New York


Meet Me at the Bar




Caught in the fashion jungle


Clouds in the cup


It’s time to hit the town…


Coco Rocha


What Do You Think?

Did you like the cinemagraphs included in this collection? Which one is your favorite? Do you have more creative examples of cinemagraphs that should be in our list?

Helga Moreno is one of the devoted members of friendly copywriters’ society. She has very curious nature and a long list of topics waiting to be highlighted. She lays herself out in order not to miss a thing happening in the world of web design and development. Visit her Google+ account, she will be happy to add you to her circles.

Header image created using Set of 13 Cinema, Movie icons.
Amazing Cinemagraphs from Around the Web