Note: this animation will only work properly in modern browsers that support the CSS3 properties in use.
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 :)
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.
<input type="checkbox" />
<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:
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.
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 »