After few years we had decided to give a new look and feel. As you aware 2013 was year of Responsive Web Design and we are no exception to this. So, RWD was in priority for the blog design. Why not applying new trends in our own blog ? So, we added Flat design too.
Tablet browser view
Design trends change over the years. Now, people like to get rid of curved edges, gradients, reflections or shadow effects. Sharp edges become a favorite, along with minimalism.
If you like to start, you must first get inspired by some designs, take them as inspirations and practice yourself. You can see a lot of Flat UI designs at Flat Design. Also, I recommend Flat UI Colors to choose your colors and for more inspirations take a look at Dribbble’s Flat collections.
We have written couple of blogs on Responsive Web Design months ago when it was catching, one was about the CSS frameworks that we liked and used. But, recently with few projects we got an opportunity to explore Less framework. It’s quite impressive
The layout will be made to 992pixels and add CSS media queries within the child layouts. Child layouts will be 768pixels, 480 pixels and 320 pixels to make the ready for different browsers.
If the browser isn’t supporting CSS media queries such as Internet Explorer 6–8 and most old mobile devices, the default layout will be served and for other browsers which support media queries, child layouts will be served based on the screen resolutions.
Less Framework is MIT licensed, so we can even modify it. However, the learning curve is little steep, a designer who is strong in HTML5 and CSS3 will require at least a weeks’ time to learn and master it.
Mobile browser view
Finally we decided to retain our blog with WordPress, through the new blogging platform Ghost looks promising. May be we should try that in next years.
We used WP Touch WordPress plugin for years. Thanks to this wonderful plugin by Bravenewcode.
In order to see our new RWD, we had to disable WP Touch.
Now the final design is ready for different browsers and Feel free to give our feedback on our new design.
Years ago, we wrote an article, web development life cycle , which explains how a web development business flow might work between the client and a web developer. The process is simple and straight forward. I decided to create a simple flow diagram for better understanding, and here is that process flow diagram. The diagram widely covers the process in terms of business perspective, Starts form a call/email inquiry from a potential customer till the final project delivery.
Leave your feedback if your process deviates or if you have better flow or even a piece of improvement which might help the users.
Read More »
1. Validate HTML
W3C provides HTML validations, which checks the validity of HTML, XHTML etc.
2. Validate your CSS
You should use W3C’s CSS validator tool to validte your style sheets.
3. Validate site links
Check broken links across the site with W3C’s Link checker tool
4. Cross browser compatibility
Check the site on multiple browsers with this tool (You may not have a MAC, but you can you can test the site Mac Safari
Even if its a simple static site, do them to make the site perfect.
Read More »
Not all the web clients are tech or web savvies. Many times you should pave them their success path online. Here are few a list of 4 important things which you should let your client know, if they trust your web development skills.
When they ask for a fully flashed website, let them know the adversity it might make. By doing this you are helping them to establish the right online presence. Unless your client is Coca cola or Burger King ( I mean, :-), an establish brand), they will really want to establish better Visibility to the Search Engines.
Read More »
Looking for tools around? Do you know that Google offers various handy tools that would help you to maximize your site visibility and drive more leads to your site?
Here some top Google tools to increase your sales conversion and ROI
1. Google Search suggest
When you type your business services or products words, Google suggest estimate what you type forth and the words listed are most searched terms. By this you can find the users search terms and compare with your site theme and go on with on page optimization. As well it do help for off page optimization by getting ...
Read More »
Today I revived few questions from Carl Williams of Odin Jobs for a blog entry. I believe every designer should ask themselves to keep the answers with them always.
1. When and how did you get started in web design?
2. What is the single most important attribute/skill a good web designer must have?
3. What hard and soft skills should a web designer have? Should he/she have a degree or can you be self taught?
4. Your opinions on:
a. Fixed width or Fluid Design?
b. EMS, percentage, pixels or points?
5. What tools are a must have in a good web designer’s arsenal?
6. Any advice ...
Read More »
This post is written based on the requests seen in forums. I still found most of the surfers don’t have clear picture about the “difference between Normal design websites and Web2.0
“. So thought of writing a brief note on Web2.0
Hopefully people who try to know Web 2.0 design standards should be knowing about normal design, so not much explaining here to bore
Starting, Web 2.0 websites allow visitors to do more than just retrieve information what we see in normal design. They can build on the interactive facilities, allowing users to run software applications altogether through a browser
Below are the ...
Read More »