About design and nearby

Hover Effect with the css3 Transition

Posted: September 11th, 2013 | Author: | Filed under: Tips and Tricks | Tags: , , | No Comments »

The power of CSS3 is huge and I’d like to show how to use it in some creative way – without any plugins powered by javascript. I’m going to create a hover effect with CSS3 transitions. On hover over a text element the arrow will move smoothly to the one side and the text – to the opposite side.

Note: this animation will only work properly in modern browsers that support the CSS3 properties in use.

The example:

Read the rest of this entry »

Set of Creative Wallpapers for iPhone 5

Posted: August 27th, 2013 | Author: | Filed under: Creative Process, Design and Decorations, Mobile Design and Development | Tags: , , , , | No Comments »

Can you imagine your everyday life without a cell phone? Not so many people can answer: ‘Yes, we can’. Mobile devices make the lives of people a lot easier and they are always close to you.

Being in love with photography I decided to produce a set of wallpapers for the iPhone 5 based on my artworks (feel free to visit my flickr photosteam to find out more). If you have a keen sense of beauty – you will like them. I would say that any of my artwork contains a piece of my heart.. and now I share it with you, to make the everyday life more exciting :)

Wallpapers for iPhone 5
Read the rest of this entry »

Animated Metro Inspired Welcome Page with Javascript and CSS3

Posted: August 13th, 2013 | Author: | Filed under: Creative Process, Tips and Tricks | Tags: , , , , | No Comments »

Let me introduce to you one more example of using an animated metro inspired design for the responsive mobile-compliant ‘welcome’ page.

Windows 8 Metro Inspired Welcome page
Read the rest of this entry »

Customize Checkboxes with CSS3

Posted: July 5th, 2013 | Author: | Filed under: Tips and Tricks | Tags: , , | No Comments »

Sometimes working on the project I feel a lack of customization of form elements, the more if everything is to fit the overall style of website or app. This case the very solution is to use my own images for checkboxes.

I found the way to realize that with the ‘:checked’ pseudo selector – for targeting an element based on its checked or unchecked status.

The HTML:

  1. <input type="checkbox" />
  2. <label>Check box 1</label>

To tie together input tag and label tag, I need to add ‘for’ for label and relevant ‘id’ for input:

  1. <input id="Checkbox1" class="css-checkbox" type="checkbox" />
  2. <label class="css-label" for="Checkbox1">Check box 1</label>

When you click the label it will check the checkbox. The result is:


Read the rest of this entry »

Windows 8 Metro Inspired Tiles with Javascript and CSS3

Posted: February 27th, 2013 | Author: | Filed under: Creative Process, Tips and Tricks | Tags: , , , , | 1 Comment »

After Windows 8 release there is nobody all over the world who is indifferent to the platform interface and functionality. Some people like it, some ones count advantages and disadvantages. And I decide to play a little with the tiles-based interface and produce a sweet design.

You can place any content you need into tiles, actually, tiles represent your app or sub modules.
With css3 and a touch of javascript I produced (I hope) simple, sufficient and responsive solution ))

Windows 8 Metro Inspired Tiles

Styling look & feel:
To stylish tiles I use ‘background-image’ property to create a nice gradient effect, draw borders and box shadow:
Read the rest of this entry »

Looking for a Freelance UX & UI designer for your project? I’m ready to jump onboard!

Let's discuss your project now