X
Sign Up Here
Keep me logged in
Forgot your password?
Sign In
Ok

Aligning, Styling and Sizing Components

Replicating Your Main Site on Mobile Your desktop site has its own unique flavor. You achieved it by applying styles in fine detail and thoughtfully laying out components. On your mobile site though – relying on the automatic adaptation process – that unique flavor wasn’t fully replicated. To achieve that you’d now need to do

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

Fixed Full Page Background

Make you site’s background *stand still* A lot of sites across the web implement a fixed background, something which gives a page a slightly 3 dimensional feel. Scrolling up or down a page, the background remains stationary while other components are in motion. Like in Twitter:     In this post we’ll see how to

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

Make Your Own Cool Navbar

Overcoming Javascript, Part 1 Not all components on a website can be automatically adapted  to mobile. Occasionally, they need to be analyzed and manually reconstructed. This is usually due to their running on Javascript or Flash, which have known compatibility issues with mobile. For example, to implement a scrolling effect for a drop-down menu it’s

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

Optimizing Your Mobile Site for Usability

Inserting HTML elements in your site and bookmarking them One of the ways to improve the performance of your mobile site is by keeping elements simple and concentrated in a minimal amount of space/pages so that users won’t be subjected to the full download of a new page every time they access another bit of

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

Mobile UI Design – Further Experimentation with Colors

Colors and UI It may not have been obvious, but our earlier rendition of a flat mobile interface was just introductory. There are a multitude of other more elaborate ways to implement a flat UI, and if you spend enough time searching, you’ll come across quite a few of them. One of which I came

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

Adding a Logo to Your Site

Manually inserting a logo into your site Sometimes, in the automatic conversion-to-mobile process, your logo isn’t detected and your mobile site is left without a logo. This is normally due to the unusual dimensions or structure of the logo, so that even if you were to select a logo via the advanced editor, it still

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

More Flat Design on Mobile – Colors

Combining the right colors for optimizing your UI In case you haven’t noticed, we’re quite infatuated over here at GinWiz with flat design and apparently, we’re not the only ones either. In any event, one of the main aspects of the flat design approach is using, well, flat colors, which I can tell you with

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

More Flat Design and Mobile – Easy Implementations

Making your site easily digestible As mentioned a couple of posts ago, flat design is a UI approach that has started to become of late quite popular with the design crowd. An for good reason. It’s an approach that (finally) embraces the digital environment as a natural habitat for front-end components without trying to emulate

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

Flat Design on Mobile – The Navbar, Part 2

Combine simplicity and style for aesthetic appeal So we went over very generally what “flat design” is last post and started to implement it on a site we created. We left off in the middle of redesigning the navbar, which at this point it looks like this:     We still want to take care of

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn

Flat Design on Mobile – The Navbar, Part 1

A quick layman’s intro to “flat design” If you’re one who follows even casually web design, you might have been hearing lately talk of something called “flat design”. Basically, it’s a design approach that emphasizes the digital nature of front-end components, and dictates that their function and purpose should be clear to the user at

Read More…

 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn
Convert your website to mobile easily with GinWiz!. In a few simple steps, you can make, build and create a mobile version of your website and make it completely compatible with different systems and devices, no matter if it is a simple site or an ecommerce one. Smartphone friendly, mobile friendly create a mobile website for FREE with GinWiz's builder.