Skip to main content

How to optimize web pages across the browser.

Google Chrome is my favourite browser. It has given immense developer features.
When I opened my first web page on Firefox for the first time, it disappointed me.
I found some length, padding, margin, font etc. mismatches.
The pages which correctly rendered in Chrome were not that much accurate on any other browser.
It was because of the default values stored in them. Different browsers may have different default values for them. I used Google Chrome to develop my website - thus chose values for margin, padding etc. in a way that it balances the default values. Those chosen values cannot balance the default values stored in other browsers.

Mainly there are 2 solutions.

You should use one of these solutions while developing a website.


1. Use a css reset.


The simplest method is to use a CSS reset.
here is one..



---

2. Use a framework.


Using frameworks are one of the best choices. They offer fast development and responsiveness.
Most popular frameworks are Bootstrap and Foundation.

Polymer from the Internet Giant!


Recently Google released Polymer 1.0 which is a UI designing 'stuff" based on web components. In my opinion this is the one which is going to rule the web soon.


Labels:

Comments

Post a Comment

Popular posts from this blog

Talky Messenger Documentation & Setup

( Github ) Just created a chat app that runs in Node and Socket. the attempt was worthy. Talky is a messenger app built with Node, Express, Socket, Angular & Bootstrap. It's like a server-client structure. (But obviously not like the one we done at OS lab using shared memory). It has a broadcasting structure. Talky does not keep a log on chat. i.e., It doesn't have a memory or database. When we close the browser window, chat history is lost. There I also added a basic console, protected by a password, to send real-time notifications to active clients. The name 'Talky' was suggested by a friend of mine. (hey, thank you for that. The fact is that I am not really good at naming...😝) What if sometimes your college blocks WhatsApp? Try Talky. ( There is also a website on internet in the name of 'Talky' which has no connection with this one. ) Download Talky Messenger To use Talky, all you need is 3 things: Node server Source code...
2 comments
Read more

Connecting Kerala's Call of Duty Warzone Community: Find Your Squad!

Namaskaram f ellow Warzone fanatics! Tired of dropping into Verdansk only to be met with a chorus of confused comms and random grenades? I feel your pain. Finding a squad that speaks your language (literally and figuratively) can be tougher than surviving a gas zone with only a pistol. That's why I've built this little corner of the internet – a rallying point for all the Malayalam-speaking Warzone warriors of Kerala! warzonekerala.com Why Join the Kerala Warzone Group? (More Than Just a Game): Let's face it, Warzone isn't just about shooting and looting. It's about camaraderie, shared victories, and the glorious "poda mone dinesha" moments. Here's why joining our community is a game-changer: Bhasha Bliss: Finally, a squad where you can strategize in crystal-clear Malayalam! No more frantic hand gestures or Google Translate mishaps. Coordinate drops, call out enemies, and celebrate wins in your mother tongue. Kerala Connection: Connect with ...
Post a Comment
Read more

How to install Node.js

Installing Node in Windows Installing node in Windows is pretty easy. To install Node you should be aware of your Windows bit version(32-bit / 64-bit). To know that, right click 'computer'>Properties. There you will find the bit version of the OS you are using. Now you know about the version of the OS you are using. - Head to nodes official website ( nodejs.org ) and download the msi for your version. - I recommend opting the LTS version of node. (if you have any suggestions, let me know.) - Install node with default recommended configuration. Installing Node in Linux/ Ubuntu This article will help you :  https://nodejs.org/en/download/package-manager/ If you don't have curl in your system, use terminal to: sudo apt-get update sudo apt-get install curl Source:  http://askubuntu.com/questions/259681/the-program-curl-is-currently-not-installed
Post a Comment
Read more