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 »
If you ever have to read a long document, scrolling all the way through it to find what you need can be annoying. This case a smooth scroller seems to be a solution, it helps with navigation and you enhance usability on the website with sleek navigation controls.
As for my mind, such sweet )) scrolling is fine for pages which list all links at the top and the relevant content – below (FAQ pages, Terms pages) or ‘back to top’ links.
This technique is based on the jQuery library.
There are 2 parts of scrolling script: the first script is for scrolling to the very top of the page and the second one – to scroll to the certain place of the page.
1. Scroll the page to the top
At the body section I defined elements with class ‘anchorLink’:
<a href="#" class="anchorLink">Top ↑</a>
When the link with the class ‘anchorLink’ is clicked, the smooth scroll effect is created using the scrollTop function (I set the speed as ‘slow’):