In the website images are an important part. By this images user directly know the context of the website.But the problem is using too much images add file weight. They require additional http requests.
For this, we can consider icon fonts to serve the place of images.
Advantages of using Icon Fonts
We can easily scale the fonts.
Changing the size of this icon fonts are very easy.
They have a very good browser support in general
They have smaller file sizes but supports a lots of characteristics
We can add properties like change opacity, rotate, shadow,hover, active etc.i.e,we can use e text based css for this
They are automatically scale for retina
They are too efficient and effective, as we can avoid to generate sprites and manually position various sized images.
SVG stands for Scalable Vector Graphics.It is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation.It does not lose any quality if they are zoomed or resized.
Advantages of SVG
SVG is vector technology: Vector images are a combination of lines.So,it is scalable,i.e:it does not lose it’s quality after zooming or resizing.
XML based:As it is code based ,we can use some software programs and feel like drawing a picture, but the final product is a collection of words. This is more effective for seo searching.
SVG is a W3C recommendation:It is a widely-deployed royalty-free graphics format developed and maintained by the W3C SVG Working Group.
Additional Features:
It upports filters, transformations, clipping, and masking
It can be exported from Illustrator, CorelDRAW, WebDraw, etc.
osCommerce stands for open source commerce. It is an e-commerce and online store-management software program.It allows for free and easy creation of workable and user friendly eCommerce sites. We can use it in any web server that has PHP and MySQL installed. It is available as free software under the GNU General Public License.
The software is written in what is called object oriented code.There are currently two releases of osCommerce. Versions 2.3 (stable) and 3.0 (in development) are developed as two independent programs, and as such do not share code.This software suite includes templates.These are pre-created e-commerce designs that allow for quick and easy creation of a functional site.
The advantages of osCommerce
osCommerce is one of the most dynamic open source e-commerce solutions available.
osCommerce makes a site which provides easy ordering, a variety of easy, convenient payment options and ease of shipping.
osCommerce has a huge list of features and is probably the most versatile shopping cart solution.
osCommerce offers vast range of customization choices for the on-line storefront owners depending on their need at a very affordable price.
osCommerce is a complete online store solution that contains both a catalog front-end and an administration tool backend, which can be easily configured over web.
The disadvantages of osCommerce
The major disadvantages of osCommerce is that, there is no inbuilt ways to password protect the administration area of OsCommerce .
It is not template driven.So, changing the look of the website is not so easy or flexible as compared to a template driven solution.
The major disadvantage of osCommerce is that if any kind of customization is required, it can take time to change the code without the help of the developer.
If any kind of customization is required ,it can take time to change the code without the help of the developer.
The GIF format is one of the oldest graphic formats used for designing sites having existed since 1989. GIF, short for Graphics Interchange Format. For animating the still images, mostly the GIF file types are used as plug-ins are not required for it. By using the new features of Adobe Photoshop, it’s quite fast and simple to make an animated GIF.
How to Create Animated GIF using Photoshop
Set up your layers
Create Animation Frames with Layer Visibility
Create Animation Frames using Tween
Adjust your Timing
Export the Animated GIF
Set up your layers
The first step in creating any animation in Photoshop is to build a layered Photoshop file with all the elements you plan to animate. Create Animation Frames with Layer Visibility
Chose Windows > Animation to show Photoshop’s animation palette. Changing the layer visibility one frame at a time is a classic Photoshop animation technique that covers a wide variety of needs.
Create Animation Frames using Tween
choose “Tween…” from the Animation palette’s pop-out menu. Set how many frames to add, and Photoshop spreads the movement of your layer across those extra frames.
Adjust your Timing
Go back through and adjust the delay for each frame of your animation.
Export the Animated GIF
File > Save For Web & Devices, make sure the image type is set to GIF, save your file.
In HTML the tag provides metadata about the HTML document. The content of meta tags generally describes information about the HTML page which usually cannot be represented by any other HTML tags. In addition to that, the meta tag can also be used to emulate an HTTP response header. The META elements can be used to include name/value pairs describing properties of the HTML document, such as author, expiry date, a list of keywords, document author etc.
The tag is used to provide such additional information. This tag is an empty element and so does not have a closing tag but it carries information within its attributes.Metadata will not be displayed on the page, but will be machine parsable.
Even though the description meta tags have no effect on search engine rank, they do appear in search results.
How do you write the ideal meta tag:
tags always goes inside the element
Metadata is always passed as name/value pairs.
The content attribute must be defined if the name or the http-equiv attribute is defined. If none of these are defined, the content attribute cannot be defined.
Make sure any given meta title and/or description is not duplicated across multiple pages
Meta tags are kept clear, short and precise
Avoid using quotes as Google has been known to cut the descriptions off
The focus is on readability, relevance to that page and creating genuine appeal
Be relevant and accurate with your description of the page’s content
Emphasise credibility and emotional connection/engagement
Consider your brand strength and be sure you mention it clearly, to achieve greater stand out
Connect with your audience via brand consistency and focus on the desire to click
There seems to be a great deal of confusion among many people regarding the use of some terms in digital imaging and their difference. Such as PPI & DPI.The world of imaging, PPI and DPI are used almost interchangeably.The most common question is PPI vs DPI .In digital imaging, the only thing that really counts about a file is how many pixels are in a file.
PPI(Pixels Per Inch):That’s how many points of light live on an inch of screen. This is the number of pixels per inch in your image. This will affect the print size of your photo and will affect the quality of the output.While PPI can help you determine the quality of an image, it really has little else to do with actual printing.
DPI (Dots Per Inch):That’s how many droplets of liquid squeeze into an inch of your printed paper.DPI is a measure of how many tiny, tiny droplets of ink a printer is laying down in its dither pattern to form one inch of a print. DPI only refers to the printer. Every pixel output is made up of different coloured inks (usually 4-6 colours, although many printers use more now). Because of the small number of colours, the printer needs to be able to mix these inks to make up all the colours of the image. So each pixel of the image is created by a series of tiny dots (you could think of them as sub-pixels).
Today for any retail business it becomes a brand identity for having a website.When setting up an e-commerce site there are many features to think off to have on your site, below are few must have features to relay ensure that your e-commerce website is fully equipped for online sales.
A favicon /ˈfævɪkɒn/ (short for Favorite icon), also known as a shortcut icon, Web site icon, tab icon or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular website or web page.A web designer can create such an icon and upload it to a website (or web page) by several means, and graphical web browsers will then make use of it.
Position of Favicon
Open any website and look at the browser’s open tab, the little icon in it is a favorites icon. Additionally, this icon can also be found in the bookmarks directory, inside the website in its content, and sometimes even in the address bar of the browser for active pages.
Importance of Favicon
These icons are quick and easy identification marks of a website and are sometimes known as shortcut icons too.They help your viewers to recognize your page amidst the slew of other tabs and pages that they might have open in their browser at any particular moment.Favicons are most often the “logo” of the site and in today’s fast paced electronic world, the favicons are often identical to the “app” symbol that would be used for the phone app version of the same site.
Making of a Favicon
Favicons can be difficult to create both technically and aesthetically due to their unusual file format and small image size.Use X-Icon Editor for this. It’s a free web-based tool and it makes it easy to upload your images into the appropriately sized slots and then export a single ICO.The favicon HTML code is: .Give it a proper name and put it in the root directory of the website.
CSS3 brought us some advanced features which make website designing very easy & impressive.With the releasing of latest browser, finally these features are supported almost everywhere, and you can start using them right now!
Advanced Features of CSS3
Animations using keyframes
Transitions
Media Queries which is used to define different style rules for different media types/devices.
Using calc() for Calculating Values
New color models with rgb(),rgba(), hsl(), and hsla()
Advanced Selectors
Using pseudo elements like ::before and ::after
Using of gradients
Embed beautiful fonts, even icon fonts using @font-face
Displaying custom designed borders around elements using border images property
The border-radius property which allows you to ostensibly curve the corners of an element
The box-shadow property makes it easy to create shadows underneath elements
Now a days,Internet users have so many browser options,multiple screen sizes and access devices so the designers and developers have to make sure websites with cross browser compatibility features i.e; compatible with as many browsers as possible. Google Chrome, Internet Explorer and Mozilla Firefox are the standard and most used browsers, but there is enough of audience for the Safari and Opera also.
How to fix most common browser compatibility issues
Using proper DOCTYPE
Using css reset
Validation for HTML, HTML5 and CSS code
Proper text alignment & font display
Checking java script and jquery functionality
Making a responsive website
Basically,it is almost impossible to achieve 100% compatibility throughout all browsers.Though we can try to ensure the basic codes displaying issues.
AJ 14, Salt Lake, Sector 2, Kolkata - 700091 | 
743 Virginia Ave NE Atlanta, GA 30306
