Dear Friends I would like to share some knowledge about user
interface designing: We can design interface for any kind of Application may be
a Website /Desktop /Mobile/Computer etc..
Which will interact with user the goal of user interface designing as
simple and efficient as possible? We can make an UI (User Interface) for any
kind of application and technology can be different so don’t worry we have to
take care a balance graphics, code formatting, files name/Path name, common
file can make a conflict error in application so we need to take care following
things when we are designing an interface for an application all points are
mentioned below:
File Name/Subject Name: (File should be easy and relative with their theme suppose we have one image like header.gif and we have given name as layout 1.gif/jpeg so it’s too difficult to understand and we are using 2 js file for menu in our application first is for main menu and 2nd one is for left/right and we have given the name menu1.js and menu2.js so it can create the confusion correct can be main_menu.js and for 2nd left_menu.js I will suggest you friend never use {-} between the file name ever try to use {_} because sometime we can’t justify the space between the file name in browser’s and It can create error when we are running the application in the browsers )
File Path: (Be ensure about the file path suppose we are using 2-10 CSS files so it is difficult call these files from main folder where we kept the other HTML/JSP/PHP Pages so we should create the one folder with name of css and keep all CSS files inside this folder for images we need to create one another folder as img/images where we will keep the all images whichever have used in the entire prototype for Java script files we need to create one folder as js and keep all js files inside this.)
Inserting external files: (we need to take care for external files which we are calling inside the application page we give a proper path with their declaration if you will missed the declaration it can effective may will not work in all browsers suppose we are calling one external CSS file from the other folder what path is required like this 2nd one is incorrect for js it’s type should be declared properly)
UserInterface Controls : Yes Friends we can control our entire application interface by very few files we can create some CSS files for entire application and application can easily control by this way suppose we have designed the header and have written the classes an ID’s inside the css this header we can apply wherever is required means in a one or more pages in future if we would require to change this look & feel /Design so we can easily make changes inside the css and changes would be applicable in the entire application.
Advatnages of CSS files in user interface designing :
1)
Easy
to modify : we can easily make changes at a time without manual we will
change our CSS file and these would be applicable in entire Prototype wherever
we have applied the same class and Id ‘s in which we made changes.
2) Low file size Yes friend we can
decrease the file size because we are writing the classes inside the CSS and
inserting all images inside the class or ID’s and in our page we are inserting
only one file path so we can decrease the file size.
Some Standard Rules of a good CSS: We should follow some CSS rules which have mentioned below : Build and make your CSS in Firefox and safari if you are using mac )
Some Standard Rules of a good CSS: We should follow some CSS rules which have mentioned below : Build and make your CSS in Firefox and safari if you are using mac )
- Naming Convention (Dear fiends naming convention is a very essential part of good CSS so I will request please use a good naming convention which should be easily understand and belong to that particular section)
- Avoid Inline Styles (Avoid inline style cause of that changes can be difficult or may be impossible some time in entire Prototype/Application so please avoid to write inline styles)
- Avoid @import (with this we can importing some CSS files so it is better to avoid the importing files and keep the right path in our application page by this we can reduce the loading time of our application.)
- Comments Writing in CSS : Be Ensure When we are writing the comments inside the css we should be taking care of comments section in which we are writing it is relate or not with that particular section.
- Avoid Define Same Properties inside the Class and sub classes also : We are defining some classes and Id's as per our page requirements but some time we are writing sub classes and sub id's also so it is totally effect of your coding standard we should define one main id for a section inside that section we can write the classes and avoid to write same properties in id's and sub id's /Classes and Sub Classes also by this we can reduce the code size and it would be easy to modify and understand suppose we have defined the font properties into id then we don't need to call same properties into sub id's and classes.