Reputation Management Principles

Reputation management activities follow a few basic ground rules. These are some of the most important concepts to keep in mind.

Authority and longevity. Sites of a higher quality tend to rank more strongly in the search results. How do search engines figure out which sites are better quality? One of the most important measures is how long the site has been online. That’s why it’s never too early to start with reputation management.

1 oz prevention = 1 lb cure. Most online reputation issues arise because someone (or some business) has let other people dominate the conversation. A blockade of good, strong content firmly under your control creates a buffer against unwelcome surprises. It makes it that much harder for negative or misleading results to jump to the top results.

Avoid visiting negative sites. If something misleading or defamatory appears online, resist the urge to visit it. The more traffic you send to negative sites, the more authoritative they look to search engines.

Deleting is impossible. Short of hacking into the offending site, there’s no effective way to delete sites you don’t like. Reputation management is not about sweeping issues under the rug, it’s about building a strong positive reputation.

Don’t bother with take-down requests. It is extremely rare that an online reputation problem can be handled by having your lawyer write a cease-and-desist letter to the website owner. Legally speaking, the website is not usually required to comply, and even if it does, it’s extremely easy for the original poster (or someone else) to republish the material on any number of new sites.

Quality and diversity. The best reputation management plans generate a wide range of unique, high-quality content published across multiple sources. When everyone is telling the same story, people (and search engines) are more likely to believe it.

Avoid shortcuts. Some people try to bury online reputation problems by posting the same or similar text across dozens of low-quality sites. Don’t do this. It looks suspicious, and it’s easy for search engines to spot. You’ll end up spending a lot of time and money creating sites without any staying power.

Reputation management first steps

There’s a lot you can do to jump-start your online reputation. Make sure you cover the basics.

Create profiles on as many social media sites as you can reasonably manage (Twitter, Vine, Facebook, etc.).

Claim profiles on pages that may have been created without your knowledge (e.g. sites like PeekYou and Google+ automatically create profiles with your information). ReputationDefender provides a free scan to help with this.

Promote yourself professionally by offering your expertise on message boards, question and answer sites, and professional listings for your industry.

Update, update, update. A blog with one entry doesn’t rank particularly well in the search results; you need to keep hammering away at your pages with fresh content on a regular basis.

Monitor consistently for changes in your search results. Where are your efforts ranking? Where has the unwanted content moved?

Get a digital hobby that leaves a trail. Games or groups on Tumblr or sites where you’re given the option to comment and continuously post content easily are good options. Or take up photography and share your work on sites like DeviantArt or Flickr.

Use your real name when choosing usernames, and credit yourself for the content you post. If you’re trying to take control of the search results for your name, you have to use your real name as often as possible.

 

For more details on our products and services, please feel free to visit us at Online Marketing Company New Delhi, Online Marketing Companies New Delhi & Best Online Marketing Company New Delhi

Why Responsive Design

Mobile usage is on the rise

Currently, more than 58% of American adults own a smartphone and almost 60% of all website traffic is from mobile devices. In fact, there are currently more mobile devices on earth then their are people. And every month mobile usage continues to grow, so every month more and more prospects and customers will view your website from a mobile device. If their experience viewing and interacting with your site is poor, they’ll likely have a lower option of your brand, and they’ll also be more likely to visit a competitor’s site.

Shopping on mobile devices is steadily growing

Online shopping is easier than hopping in the car and driving to the store and it is even easier if you can do it in your favorite chair, while watching TV. 80% of consumers regularly use their smartphones to shop online. And 70% of shoppers now use mobile phones while in stores during the holidays. If your products and services aren’t easy to view from a phone, you’re missing out on an opportunity.

Social media increases mobile visitors

Over 55% of social media consumption now happens on mobile devices, so sharing links from social media sites like, Facebook, YouTube, Twitter, or Google Plus to your website will mean even more traffic and viewing of your website from mobile devices. So if you have a social marketing strategy and want to leverage social sharing of content, get responsive.

Responsive designs adapt to multiple devices sizes

Want your web design to look great, no matter the device or screen size? Then responsive web design is the way to go. But don’t just think about today with smartphones and tablets. Think about tomorrow with smart watches, and Google Glass, and whatever new devices pops up for internet viewing. Responsive web design and development will work for them too.

One site is easier to manage and increase r.o.i.

There are currently many organizations that actually have two websites: 1) their main site and 2) a second mobile version of their site. This was a fairly common practice before responsive development became the preferred method. That meant mutiple versions to manage and update – inefficiency!

With a responsive site, your site will adapt to each device, providing the relevant layout and content that best meets the users’ needs. It also means that your business will only have one site to manage, meaning you’ll only have to update content one time, regardless of how different people consume your content. That also means lower web content management costs and higher R.O.I.

Responsive sites provide a better user experience

There are plenty of business reasons to implement a responsive website, but they all connect back to the goal of providing a better user experience for your audience. A responsive site means no more pinching and zooming, and no more side scrolling, to see an entire site that doesn’t fit on a mobile screen. And a better user experience reduces bounce rates, boosts website conversions and improves brand perception.

For more details on our products and services, please feel free to visit us at Best Online Marketing Company, Best Online Marketing Company India

10 Things to Look for in a Web Design and Development Company

  1. Price. Depending on the status of your business, price can be a huge, if not deciding, factor in who designs and builds your website.
  2. Portfolio. What has the firm done for other companies? Do you like their past work? Looking at the projects that your web design and development firm has already done will give you a good idea of what they are capable of doing for you. Make sure to pay attention to the small details of their work so that you can tell them what you like or what you don’t think will work for your business.
  3. Partnership/Value Added. Will this company be your partner? Be open to your ideas? Give you the time necessary to build a product that you will both be proud of? Will they add value to your site if you pay them? Having “chemistry” with your web design team is just as important as having chemistry in your other professional relationships. Don’t forget trust and patience, also!
  4. Time Commitment. How much of your time will this project require? Know that when you sign on to do a project with a web design and development company, the company will need to spend time with you and get information from you in order to build a website that truly reflects your business. You may choose to write your own content for your website, but if you would rather hire a writer, check if the company offers this service.
  5. Style. Some designers go for a minimalistic look while other opt for bright and bold. Some designers do BOTH of these well. Talk about the style of your business and ask the firm to show you what they think fits in with you vision. Hopefully, your vision aligns with theirs!
  6. Size. How big is this company – and how big are their average clients? Designing a website for a small business with a limited budget is much different than designing a website for a large corporation. If a firm doesn’t understand your needs and how to fill them (one-on-one meetings, the ability to change things on your own in the content management system, follow up help after the project is complete), you might need to consider a firm more comfortable with working with businesses of your size.
  7. Total Package. Will this company be able to do all of the custom coding needed for your website to function the way you want it to? Do they work with ecommerce platforms?
  8. Goals. What are your goals for the website? Does this web design and development firm help you develop a strategy to make these goals a reality? You should know how this company plans to get to know your business, what you want your business to be, and how you hope to get there.
  9. Timeline. Do you need this project done in a rush? Is there a specific date you have in mind for launch? Making sure that a company can plan out a reasonable timeline, or that they can follow the timeline you have in mind, will help the project go smoothly. And don’t forget to ask how the relationship between your company and theirs will continue once the project is closed. Will they continue to help once the website launches, or is their job done once it’s live to the world
  10. Team. Who will your contact be at the company? If you are struggling with something you need to provide on your end, or just want to check in, who can you get in contact with? You should meet the person or people who you will be working with face-to-face, and know if any of the work on your website is going to be outsourced. Something else to keep in mind is the structure of YOUR team, and whether this company will work well with the people you know and trust to build your business. Will they consider the ideas or your board members? Will they talk with the designer who created your business cards. If you need a company to play nice with other team members, it’s good to discuss that from the beginning.

 

For more details on our products and services, please feel free to visit us at Online Marketing Company New Delhi, Online Marketing Companies New Delhi & Best Online Marketing Company New Delhi

Things to take care while designing your website

  1. Keep layout simple and clean

Layout of web page should be simple and clean in structure. Ensure that you utilize the available space effectively. Keep whitespace to the minimum. Graphics and text should be visually well balanced and properly aligned on the page. Also ensure that width of the text is readable enough to convey required information.

  1. Use effective typography for enhanced readability

Typography is about how well you make your text or type readable. While choosing the type, ensure that it best fits into your design and its theme. Use different typefaces, color contrast, size for text, as they facilitate visual hierarchy and prevents confusion. Pay attention towards proper use of punctuation marks, uniform text alignment and correct spacing between lines letters and characters.

  1. Use clutter free designs reflecting your brand

Websites which are designed clearly are impressive, easy to read and understand. Moreover, designs correlating with brand’s objective prove to be of immense help in recognizing and branding your business. Always remember, you must design a website such that it reflects the quality of your company or product.

  1. Use customer- centric color theme

Colors play an important role in setting mood of visitors. Each color symbolizes different emotions and elicit different responses. While designing your website, try color schemes as per your target customer, like vibrant colors if you are a cosmetic company or dull dark colors if your target customers are professionals or business owners.

  1. Make navigation easy

People normally like clear, direct and easy paths. Develop a navigation system which makes movement of visitors from one place to another on your website a cakewalk. Show clearly where hyperlinks are and use contrasting colors for setting navigational bars apart from other content which facilitates easy access to required information. But try keep navigational bars to minimum.

  1. Add a site map to the website

Site map is just like a table of content, the most helpful section of a book. Map acts as guide to your site. Do not forget to revise sitemap regularly.

  1. Reduce site loading time with proper design

Use that design in your website that can make your website load faster– like using CSS, avoiding nested tables, removing excess white space, keeping code clean, splitting long pages into multiple shorter pages, reducing number of plugins, reducing scripts, and removing unnecessary images.

  1. Place call to action buttons effectively

While designing your site, add call to action buttons to direct the viewers to take an action like buy, know more, add to cart and such. These buttons should ideally be the largest buttons on a given page and should be made in contrasting colors to make them stand out and attract attention. They should have direct and simple language so as to easily convey as to what action the viewer is supposed to take.

  1. Add Header and Footer for quick information access

Header is placed on top and Footer is placed at the bottom of the webpage. Design them to be informational and not cluttered. Provide links to all those important pages on your site that viewers or your potential customers would like to visit before making any enquiry or purchase.

  1. Use uniform and simple coding

Use clear and accepted conventions- left to right and top to bottom. Tags should follow an order. Use standard and uniform file names for documents and follow SEO friendly coding pattern while designing your site.

For more details on our products and services, please feel free to visit us at Online Marketing Companies India, Internet Marketing Company India & Internet Marketing Company New Delhi

What to Expect From Your Reputation Management Company

First and foremost, the reputation management firm should be willing to work hand-in-hand with your customer service team or department. Establishing a long-term program to protect and defend your company’s brand and image involves not only internet wizardry, but a proactive approach to customer feedback and complaints.

Once the need for such a working relationship is understood, an ORM company should provide most or all of the following services:

  1. Reputation Audits and Reports: comprehensive surveys of your company’s online profile, determining how you are positioned online and recommending courses of action.
  2. News and Social Media Monitoring: continual monitoring of all online mentions of your company name and brands, to facilitate a quick response whenever it is needed (or to promote positive reviews and articles).
  3. Negative Review Monitoring: continual monitoring of review sites, including (but not limited to) Google, Yelp and Angie’s List, to facilitate proper responses.
  4. Design and SEO Consulting and/or Services: maximizing positive company exposure in the search engines’ results pages, through proper website design and search engine optimization.
  5. Social Media Consulting and/or Services: developing a strategy for proper company promotion on social media, and crafting systems for a quick and responsive reaction to negative comments.
  6. Strategic Positive Content Publication: writing and placing authentic, positive content online to further your company goals and brand image.
  7. Takedown Services: issuing the proper takedown notices in order to remove libelous or defamatory comments about your company on websites or social media.
  8. Inoculation: constructing a strong plan for ensuring continuing positive reviews and mentions of your company, including (but not limited to) gaining additional search engine listings for your company in order to “push” any negative sites or comments outside the first search results page.

Online Reputation Management Scores Explained

Increasing concern over negative buzz on the internet has given rise to a number of tools designed to give businesses a snapshot of their online reputation. Most of the top tools use a ranking system of 1-100 (with 100 being the highest), but each score has a slightly different meaning. Here are two of the most important metrics:

  • Klout, perhaps the most widely known score, measures the influence your business has online based on social media activity, number of followers and Wikipedia mentions. The three ingredients of your score are the number of people you reach (true reach), your influence (amplification) and how influential your followers are (network).
  • PeerIndex relies on how highly your social media content is valued by followers, in order to determine how much of an authority you are in your industry. The three key factors for your score are the number of people you reach and impact (audience), how often your content and shares are used by others (authority), and how active you are, how many communities you’re a part of (activity).

Internet Reputation Management Statistics

Anyone who has spent enough time online intuitively understands the need for online reputation management. But research done by a variety of academics, including some at Harvard Business School and the University of Michigan, makes it crystal clear that ORM is crucial for any serious business:

  • 79% of consumers put as much trust in online reviews as they do in recommendations from friends and family.
  • A Yelp rating increase of one star produces a company revenue growth of 5…9%.
  • 73% of consumers trust a business more after reading positive reviews, 77% make a decision after reading five reviews or less, and 85% research a product or business online before deciding on a purchase.
  • More than 50% of people surveyed in a recent study said that the online reputation of a doctor or dentist matters most in their decision-making process.

Under these circumstances, it is clear that maintaining a clean online reputation is critical in today’s environment.

For more details on our products and services, please feel free to visit us at Best Online Marketing Company, Online Marketing Companies & Best Online Marketing Company India

The Importance of Online Reputation Management for Small Businesses

Having a good digital footprint for your small business is absolutely essential in the modern age of information technology. Your company’s digital footprint basically refers to your online reputation. Whether you are aware of it or not, your business, along with the hundreds of thousands of others out there, has an online reputation that may or may not be positive. Buyers post reviews about your services and products not only on your website and related forums but also on a host of social media platforms such as Facebook and Twitter. Even the slightest hint of a negative reputation online can be enough to drive your customers away. This is why it is absolutely vital that you pay attention to online reputation management for your small business.

Managing your online reputation

In the face of this research and given the stiff competition that most businesses face, it has become more vital than ever before for small businesses to take active steps in managing their online reputation. Here are some ways in which you can do that:

Keep an eye on online reviews: You need to be aware of how your business is being judged by actual customers on the internet. If your brand has negative reviews you must take the necessary measures to turn those reviews into positive ones.

Maintain a complete website: Simply having a website on the internet is not enough. You have to ensure that it is user friendly, provides excellent knowledge about your products and services, is easy for prospective customers to find, and instils a sense of confidence in casual visitors that could eventually turn into paying customers.

Build a strong customer base: If you can build a loyal customer base that talks about your business in a positive light, then your sales could be enhanced considerably. Using the power of blogs is one of a number of great ways to do this.

As is evident from the above, online reputation management involves a lot of hard work and consistent efforts. Ignoring your online reputation can have disastrous results so it is well worth considering using the services of an online business reputation management company to boost your chances of a positive internet image.

Research conducted by various public relations firms has thrown up surprising results regarding a business’s online reputation. It shows that companies that have a less than desirable online reputation, especially those that have a negative image on the internet, could see a significant drop in sales. It does not matter if the particular business has one of the best products in the industry or even if it provides excellent services. If the company’s web image is negative it could significantly impact on sales.

For more details on our products and services, please feel free to visit us at Search engine marketing New Delhi, Social Media Marketing New Delhi & Social Media Marketing India

Best Practices of Responsive Web Design

Google has officially recommended Responsive Web Design as their preferred method for building mobile websites. If you have a website or a blog, it is time to consider switching to responsive design instead of maintaining separate mobile- and tablet-friendly websites.

If you are new to the concept of Responsive Web Design (RWD), here are the common questions that you may have around this technique.

Why should I switch my website to RWD?

Your website looks great of the desktop screen but it may not be true when your site is viewed on a smartphone or a tablet. Once you make the design responsive, the website will look good (and readable) on all screens.

With Responsive Design you can create one design and it will automatically adapt itself based on the screen size of the mobile device. This approach offers plenty of advantages:

  • It saves time and money as you don’t have to maintain separate websites for desktops and mobile phones.
  • Responsive Design is good for your website’s SEO (search rankings) as every page on your site will have a single URL and thus Google juice is preserved. You don’t have to worry about situations where some sites link to your mobile site while others link to your desktop site.
  • Your Google Analytics reports will paint a better picture of your site’s usage since the data from mobile and desktop users will be consolidated.
  • The same will be true for the social sharing stats (Facebook Likes, Tweets, +1’s) since the mobile and desktop versions of your web pages will have the same URL.
  • Responsive Designs are easier to maintain as they do not involve any server-side components. You just have to modify the underlying CSS of a page to change its appearance (or layout) on a particular device.

 

What should I know to get started with Responsive Design?

Responsive Design is pure HTML and CSS. You create rules in CSS that change style based on the screen size of the user’s device.

For example, you can write a rule that says if a user’s screen-size is less than 320 pixels, don’t show the sidebar or if the screen size is greater than 1920 pixels (widescreen desktop), increase the font size of the body text to 15px.

How do I check if particular website is using Responsive Design?

That’s easy. Open that website in any desktop browser and resize the browser. If the site’s layout changes as you resize, the design is responsive.

If I go with the Responsive Design approach, will my website work with older browsers?

Mostly yes. RWD uses CSS3 media-queries and HTML5 (for better semantics) that are not supported in older versions of IE. However, there are JavaScript based solutions — respond.js and modernize for example — that bring the power of CSS3 and HTML5 to older browsers including IE6.

Does Responsive Design play nicely with advertising networks like Google AdSense?

If you using ads on your website, you should carefully choose the formats because wide units (like the 728×60 pixel leaderboard) may not fit on a 320px mobile screen. I prefer using standard rectangular units (like 300×250) since they easily fit on smartphone screens and widescreen desktops.

There are thousands of mobile devices. What screen resolutions should my responsive website support?

I would recommend setting break points for at least the following viewports in your CSS3 Mediaqueries — 320px (iPhone landscape), 480 px (iPhone portrait), 600px (Android Tablets), 768px (iPad + ~Galaxy Tabs) and 1024px (iPad landscape and desktops).

For more details on our products and services, please feel free to visit us at Online Marketing Company New Delhi, Online Marketing Companies New Delhi & Best Online Marketing Company New Delhi

Introduction to style sheets

Style sheets represent a major breakthrough for Web page designers, expanding their ability to improve the appearance of their pages. In the scientific environments in which the Web was conceived, people are more concerned with the content of their documents than the presentation. As people from wider walks of life discovered the Web, the limitations of HTML became a source of continuing frustration and authors were forced to sidestep HTML’s stylistic limitations. While the intentions have been good — to improve the presentation of Web pages — the techniques for doing so have had unfortunate side effects. These techniques work for some of the people, some of the time, but not for all of the people, all of the time. They include:

  • Using proprietary HTML extensions
  • Converting text into images
  • Using images for white space control
  • Use of tables for page layout
  • Writing a program instead of using HTML

 

These techniques considerably increase the complexity of Web pages, offer limited flexibility, suffer from interoperability problems, and create hardships for people with disabilities.

Style sheets solve these problems at the same time they supersede the limited range of presentation mechanisms in HTML. Style sheets make it easy to specify the amount of white space between text lines, the amount lines are indented, the colors used for the text and the backgrounds, the font size and style, and a host of other details.

Flexible placement of style information

Placing style sheets in separate files makes them easy to reuse. Sometimes it’s useful to include rendering instructions within the document to which they apply, either grouped at the start of the document, or in attributes of the elements throughout the body of the document. To make it easier to manage style on a site basis, this specification describes how to use HTTP headers to set the style sheets to be applied to a document.

Independence from specific style sheet languages

This specification doesn’t tie HTML to any particular style sheet language. This allows for a range of such languages to be used, for instance simple ones for the majority of users and much more complex ones for the minority of users with highly specialized needs. The examples included below all use the CSS (Cascading Style Sheets) language [CSS1], but other style sheet languages would be possible.

Cascading

This is the capability provided by some style sheet languages such as CSS to allow style information from several sources to be blended together. These could be, for instance, corporate style guidelines, styles common to a group of documents, and styles specific to a single document. By storing these separately, style sheets can be reused, simplifying authoring and making more effective use of network caching. The cascade defines an ordered sequence of style sheets where rules in later sheets have greater precedence than earlier ones. Not all style sheet languages support cascading.

Media dependencies

HTML allows authors to specify documents in a media-independent way. This allows users to access Web pages using a wide variety of devices and media, e.g., graphical displays for computers running Windows, Macintosh OS, and X11, devices for television sets, specially adapted phones and PDA-based portable devices, speech-based browsers, and braille-based tactile devices.

Style sheets, by contrast, apply to specific media or media groups. A style sheet intended for screen use may be applicable when printing, but is of little use for speech-based browsers. This specification allows you to define the broad categories of media a given style sheet is applicable to. This allows user agents to avoid retrieving inappropriate style sheets. Style sheet languages may include features for describing media dependencies within the same style sheet.

Alternate styles

Authors may wish to offer readers several ways to view a document. For instance, a style sheet for rendering compact documents with small fonts, or one that specifies larger fonts for increased legibility. This specification allows authors to specify a preferred style sheet as well as alternates that target specific users or media. User agents should give users the opportunity to select from among alternate style sheets or to switch off style sheets altogether.

Performance concerns

Some people have voiced concerns over performance issues for style sheets. For instance, retrieving an external style sheet may delay the full presentation for the user. A similar situation arises if the document head includes a lengthy set of style rules.

The current proposal addresses these issues by allowing authors to include rendering instructions within each HTML element. The rendering information is then always available by the time the user agent wants to render each element.

In many cases, authors will take advantage of a common style sheet for a group of documents. In this case, distributing style rules throughout the document will actually lead to worse performance than using a linked style sheet, since for most documents, the style sheet will already be present in the local cache. The public availability of good style sheets will encourage this effect.

For more details on our products and services, please feel free to visit us at Best Online Marketing Company, Best Online Marketing Company India & Internet Marketing Company New Delhi

Why Joomla

Tags

, ,

When setting up a new website there are a lot of factors to consider, like your design and domain name, but the most important of all is choosing the right platform. This is crucial and not a decision to be taken lightly.

There are a number of factors that need to be taken into account, such as cost, time, quality, flexibility and control.

There is only one award-winning content management system used by millions around the world, including some of the most respected corporations, that meets all of these needs: Joomla.

  1. 2.8% of the World’s Websites Use Joomla

You can’t argue with 35 million downloads and counting, or as the Joomla website says, one download every 2.5 seconds. Impressive stuff.

Joomla powers the websites of some of the world’s most well-known and much-loved brands like Pizza Hut and Kelloggs and even the websites for Leonardo Di Caprio and Gorillaz!

  1. Joomla Has More Than 6000 Extensions

What WordPress folk refer to as “plugins”, Joomla developers refer to as “extensions”.

  1. Some of the Biggest and Most Respected Companies in the World Use Joomla

Pizza Hut, the UK Ministry of Defence, the Greek Government, the High Court of Australia and MTV in Greece are just some of Joomla’s biggest fans.

Joomla powers the restaurant’s website for the Arabian Peninsula, ensuring information is easily on hand for budding burger flippers with stars in their eyes wanting to find out more about the region’s Hamburger University.

  1. The Admin Area Inspires Greatness

Joomla’s endless lists of text that seem to go on and on and on, the multiple sets of navigation and the fact is calls me a “Super User” like I’m some sort of web wunderkind who controls the interwebs from the admin area that in no way at all looking bland and boring. I’m in love.

  1. The Default Templates are Simply Stunning

There’s no need to download any of the hundreds (not thousands) of fancy new templates when two high quality templates are already installed for free. And when you get tired of one template (which is highly unlikely) you can just switch to the other template.

Flexibility: I’ve said it before and I’ll say it again. Over 90% of the web-related needs of small businesses can be satisfied by an existing solution. At the time of writing,

http://extensions.joomla.org is “serving 3609 extensions to the community”. The vast majority of these are free which also helps to keep costs down. What this means is that my clients can describe a vision of what they want to see on their site and 9 times out of 10, I’ll be able to present them with a quick and effective solution to meet their needs. Remember, we’re talking small business here and not some brand-focused multinational corporation. So the expectations can easily be met or exceeded.

For more details on our products and services, please feel free to visit us at Online Marketing Company New Delhi, Online Marketing Companies New Delhi&Best Online Marketing Company New Delhi

Responsive vs Adaptive web design

Tags

, ,

It might seem the same but it isn’t. Both approaches complement each other, so there is no right or wrong way to do it. Let the content decide.

The flow

As screen sizes become smaller, content starts to take up more vertical space and anything below will be pushed down, it’s called the flow. That might be tricky to grasp if you are used to design with pixels and points, but makes total sense when you get used to it.

Relative units

The canvas can be a desktop, mobile screen or anything in between. Pixel density can also vary, so we need units that are flexible and work everywhere. That’s where relative units like percents come in handy. So making something 50% wide means it will always take half of the screen (or viewport, which is the size of the opened browser window).

Breakpoints

Breakpoints allow the layout to change at predefined points, i.e. having 3 columns on a desktop, but only 1 column on a mobile device. Most CSS properties can be changed from one breakpoint to another. Usually where you put one depends on the content. If a sentence breaks, you might need to add a breakpoint. But use them with caution – it can get messy quickly when it’s difficult to understand what is influencing what.

Max and Min values

Sometimes it’s great that content takes up the whole width of a screen, like on a mobile device, but having the same content stretching to the whole width of your TV screen often makes less sense. This is why Min/Max values help. For example having width of 100% and Max width of 1000px would mean that content will fill the screen, but don’t go over 1000px.

Nested objects

Remember the relative position? Having a lot of elements depending on each other would be difficult to control, therefore wrapping elements in a container keeps it way more understandable, clean and tidy. This is where static units like pixels can help. They are useful for content that you don’t want to scale, like logos and buttons.

Mobile or Desktop first

Technically there isn’t much of a difference if a project is started from a smaller screen to a bigger (mobile first) or vice versa (desktop first). Yet it adds extra limitations and helps you make decisions if you start with mobile first. Often people start from both ends at once, so really, go and see what works better for you.

Webfontsvs System fonts

Wanna have a cool looking Futura or Didot on your website? Use webfonts! Although they will look stunning, remember that each will be downloaded and the more you’ll have, the longer it will take to load the page. System fonts on the other hand are lightning fast, except when the user doesn’t have it locally, it will fall back to a default font.

Bitmap images vs Vectors

Does your icon have lot of details and some fancy effects applied? If yes, use a bitmap. If not, consider using a vector image. For bitmaps use a jpg, png or a gif, for vectors the best choice would be a SVG or an icon font. Each has some benefits and some drawbacks. However keep in mind the size — no pictures should go online without optimization. Vectors on the other hand often are tiny, but some older browsers won’t support it. Also, if it has lots of curves, it might be heavier than a bitmap, so choose wisely.

For more details on our products and services, please feel free to visit us at Online Marketing Companies India, Internet Marketing Company India&Internet Marketing Company New Delhi