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.

Comments

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...

4 tiny questions you fail easily.

Below are four (4) questions and a bonus question. You have to answer them instantly. You can't take your time, answer all of them immediately. OK? Let's find out just how clever you really are . Ready? GO!!! (Scroll down) Question 1 : You are participating in a race. You overtook the second person. What position are you in? ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... ...... -first?, lol absolutely wrong! -If you overtake the second person and you take his place, you are second! Try not to screw up in the next question. ...

Formia - A Simulation of Google Forms. Part 1 - My Experience

This time I would like to share one of the exciting moments in my life, in which I understood what the Client - Server Concept means and by the Grace of God , simulated one of the Internet Giant's product, Google Forms from scratch. I finished the project a couple of months ago. Here is the story. (and the project ). Analysis page, See more screenshots Screenshots Install Formia. What it is? Formia is an incredible web application for Massive Feedback Analysis. Developed on May 2015. More than 4000 lines of codes. Flexible. Well structured. This can be viewed as a simulation of Google Forms , a product hosted by the Internet Giant, Google. Service available in mobile, laptop, tabs . Languages Formia is constructed on 7 languages , including PHP, AJAX, JS, SQL etc. The Analysis part utilizes Google APIs which is one of the coolest (and hottest ) feature. Usability Formia is optimized for easine...

mycolorpad

Search This Blog