So, I think this is one of the coolest tools for one to us in creating / editing your styles right on the style.
Not only I have used it and found it really handy, but its convenience comes now with its support for SASS, editing your scss and less files can’t be easier. Now after praising this tool, I have to point out something that kept me hanging for few days. It had an issue picking up global variable colors;
$p-color : #000;
$t-color : #ff7;
These global colors weren’t picked up, which made me scratch my head a couple of times till I found that that syntax is not accepted. Having a space before the color breaks it.
The correction therefore is like:
My two cents tips for someone using livestyle, this amazing tool; livestyle
You have your localhost set up, and you are working on your responsive website, after trying many of the simulators. You still want to test on actual devices how the sites are going to look like.
Here’s a very simple way of testing your sites and viewing them on your mobile devices.
- Have both your localhost computer and your mobile device connected to the same wifi.
- Get the IP address of your localhost
- Get the port number for your localhost
- Write in the following address in your mobile browser: http://ipaddress:portnumber/webdirectory
Now you got it.
Before Building Your Website
With the touchscreen devices booming these days, user experience becomes even a more challenging as changing with what the user is expecting from visiting a website. At the time of writing this blog, 70 million in the USA alone are using tablets as their primary device for browsing. Apparently have seeing how the tablet usage has been increasing more and more, UX designers have to rethink their approaches for building their websites, and accordingly have to put some of the things into considerations so that Front-end developers won’t have to develop particular scripts for dealing with tablets vs. normal computer usage. Here are some of the common pitfalls UX have in creating new websites, these common pitfalls will be described in details along here and coming blogs:
- Ignorance of tablet usage stats
- Sticking to older approaches of fanciness
- Relying on Flash to convey a message
- Jumping straight into design
- Creating overly explained prototypes and wireframes
- Depending heavily on carousels and galleries where users can easily get lost into the overwhelming content
- Forgetting accessibility users as part of the design
- Excessive usage of colors when conveying their thoughts to graphic designers
- Excessive number of links on the site
- Ignoring speed and caching
- Not studying the web analytics of your site
- Unclear value proposition
- Lack of focus
- Not considering usability testing
- Problems with forms
So now that these points are being listed, let’s go ahead and explore what issues:
1. Ignorance of tablet usage stats
So this one is very common and whenever the UX designer is being asked about the tablets, they’d normally answer: “It is not in scope” and starts mentioning the budget constraints. In fact, usually you don’t need a separate budget for a site to look friendly and with pleasant user experience on both tablets and computers. You just have to rid yourself of older UX approaches and embrace the future. The number of users today using tablets is massively increasing and it will increase significantly if not double by the time you finish your website. You don’t want to revisit your site again after few months to redo most of its functionality to fit tablet users, ask front-end developers to rewrite their code to fit in there for users with tablets as well as ask other developers to start user-agent detection of devices to start addressing compatibility. Read the stats and understand the tablets are booming these days and users are heavily relying on it. “experts say that the tablet will be used more than the smartphone[which have now pushed PC out of the first place of ranking in some countries] for internet searches in the near future (by 2013)“. –Worldwide Tablet Usage Statistics Bearing this in mind, you should consider that it is more convenient for users to pay online bill while browsing on their iPads or make a bank money transfer on their touchpad while talking with a friend over coffee. You should, hence, rethink your design to fit into the tablets and touchscreen world rather than revisiting your site’s compatibility issues after it is done. Just because it was not in scope while you first created it. You should also never depend on your current site statistics of how many tablets are accessing your site, since users may not have been able to access it because your current site is NOT tablet-friendly. Therefore, your primary statistics is how major websites are being accessed and what are the popular web statistics of devices in general. That’s mainly because you want to fit your site to be accessed to as much audience as possible without much of compatibility issues or recoding for different compatibility issues. Here are some sites I find useful for stats of the web:
Hello I’m creating my first blog and I’m testing it.
Welcome to WordPress.com! This is your very first post. Click the Edit link to modify or delete it, or start a new post. If you like, use this post to tell readers why you started this blog and what you plan to do with it.