About design and nearby

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 »

Share Button

Mobile-friendly jQuery Lightbox Solution

Posted: May 1st, 2012 | Author: | Filed under: Development, Mobile Design and Development, Tips and Tricks | Tags: , , , , | 1 Comment »

Everyone knows jQuery LightBox plugin – it’s simple and elegant, used for handling images through the power of jQuery’s selector. It’s perfect for image galleries, portfolios (for example, try my portfolio page >> view full size images).

The plugin works perfect, just one day while testing a client’s website for mobile devices, I found a bug – every full size image appeared at the very bottom of my page and was hidden for the very first sight, I had to scroll down the page to see it.

After setting up alerts and trying the result )) the solution for Lightbox v2.05 (by Lokesh Dhakar) was found – see line 245 or nearby:

if ((navigator.userAgent.match(/HTC_/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ||
  1.         navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/blackberry/i) ||
  2.         navigator.userAgent.match(/Windows Phone OS 7/i) || navigator.userAgent.match(/webOS/i))) {
  4.             var arrayPageScroll = document.viewport.getScrollOffsets();
  5.             var lightboxTop = arrayPageScroll[1] + (100);
  6.             var lightboxLeft = (jQuery(window).width() / 2 – document.viewport.getWidth() / 2);
  7.             this.lightbox.setStyle({ top: lightboxTop + 'px', left: lightboxLeft + 'px' }).show();
  9.             this.changeImage(imageNum);
  10.         }
  11.         else {
  12.             // calculate top and left offset for the lightbox
  13.             var arrayPageScroll = document.viewport.getScrollOffsets();
  14.             var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 10);
  15.             var lightboxLeft = arrayPageScroll[0];
  16.             this.lightbox.setStyle({ top: lightboxTop + 'px', left: lightboxLeft + 'px' }).show();
  18.             this.changeImage(imageNum);
  19.         }
  20.     },

Note: I used navigator.userAgent.match(/HTC_/i) because navigator.userAgent.match(/Android/i) had no result for my HTC.

You can load Lightbox v2.05 with my changes.

Related post: Your Mobile Website: be Up-to-Date!

Share Button

Your Mobile Website: be Up-to-Date!

Posted: February 22nd, 2012 | Author: | Filed under: Creative Process, Mobile Design and Development | Tags: , , , , | No Comments »

Using mobile devices to access the web has become so integrated into our everyday life, that there is no possibility to ignore such segment of the market anymore. Unluckily, the mobile arena is needed some specific knowledge and introduces a complexity that can be difficult for developers to accommodate. Mobile development is more than cross-browser, it should be cross-platform.

Sweet Web Design goes Mobile

One day surfing the web I found the attractive (as for my mind) solution – Mobile Website Content Management Platform by Jaenovation, Inc. As a designer I work with such content management system (CMS) as WordPress, Joomla, with osCommerce and phpBB Forum, so I was interested to try a new web application for mobile development. Without hesitation I started to produce my own mobile web site.

The offered tool is easy to use, indeed – it took me less than an hour to complete the work. Have to say, that Jaemobi allows to create any look you want with Jaemobi’s advanced widgets and plug-ins. A user can build custom designed mobile websites, mobile online stores, mobile campaigns and landing pages effortlessly. Jaemobi also offers many cutting edge mobile solutions like mobile ecommerce which provides fully integrated paypal mobile payment gateway – for managing inventory, selling tickets, collecting donations, etc. Besides with all new plans, clients can also create their own landing pages for different campaigns and publish them with their unique QR Code.

It’s cloud-based, with fresh and sweet look and feel.. I loved it at first sight )

Related post: Mobile-friendly jQuery Lightbox Solution

Share Button

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

Let's discuss your project now