Skip to main content

AngularJS - Tables

Table data is normally repeatable by nature. ng-repeat directive can be used to draw table easily.  Following example states the use of ng-repeat directive to draw a table. <table> <tr> <th> Name </th> <th> Marks </th> </tr> <tr ng-repeat = "subject in student.subjects" > <td> {{ subject.name }} </td> <td> {{ subject.marks }} </td> </tr> </table> Table can be styled using CSS Styling. <style> table , th , td { border : 1px solid grey ; border - collapse : collapse ; padding : 5px ; } table tr : nth - child ( odd ) { background - color : #f2f2f2; } table tr : nth - child ( even ) { background - color : #ffffff; } </style> Example Following example will showcase all the above mentioned directive. <html> <head> <...
Post a Comment

AMP Vs Responsive Web Design-Speed Vs Flexibility

WHAT IS RESPONSIVE WEB DESIGN?
Responsive web design can be achieved using CSS3 media queries. Media queries allow web pages to use different CSS styles based on a user’s browser width. So according to mobile device width, one can easily write logical CSS media queries to make them compatible with different mobile devices. Regarding AMP Vs Responsive Web Design, Responsive Web Design focused on flexibility. Moreover, we can’t forget Google to get most of the business via a search engine. Now a day, Google is the topmost search engine. Google gives a lot of importance to page speed of website to improve the user experience. The majority of people are still using websites on mobile devices as opposed to mobile applications. Obviously, there is a specific audience who uses iOS apps and Android apps for eCommerce portals and others.
Google introduce mobile-friendly feature when they show a result for any search term. So whenever your website list in Google searches result, you can see a label of Mobile Friendly. 90% of websites are mobile friendly, therefore, Google comes up with AMP concept to create mobile-friendly pages which are light weighted and loads quickly in a mobile device.
WHAT IS AMP?
AMP stands for Accelerated Mobile Pages is an open source initiative by Google. It’s a web framework designed to create fast loading mobile-friendly pages. Furthermore, It uses a wide range of optimized techniques to speed up the loading time of web page in a mobile device. In addition, you do not need to design or develop your existing website again to implement AMP. You can easily implement AMP in your existing website without changing any design. That’s the beauty of AMP concept. Responsive Web Design while AMP focused on speed.
What AMP consists of
  • AMP HTML
  • AMP JS
  • Google AMP Cache

AMP has 2 primary objectives

  • Improve user experience on mobile devices
  • distribute content more easily
WHY AMP IS FASTER
  • Lazy loading
  • Extensive use of preconnect
  • All async JavaScript
  • Inline style sheets
  • Instant loading
  • Google CDN
  • Own JS Engine
AMP is a subset of HTML and it has been criticized for the same. However, AMP is not a replacement for responsive web design. AMP is specifically designed to increase user experience by creating fast loading web pages for mobile devices.
AMP VS RESPONSIVE WEB DESIGN
AMP
  • Web framework
  • Can work with an existing website
  • Can only work with static content
  • Focused on speed

Responsive Web Design

  • CSS3 media queries
  • Replace current website
  • Can be used for any website
  • Focused on flexibility
DOES MY WEBSITE NEEDS AMP?
It depends! First of all, if you are publishing content and targeting mobile users than the answer is YES. AMP will provide a better user experience and faster loading time for your web page compare to anyone else. However, AMP is not advised to those websites having web forms and JavaScript features. You can validate AMP compatible pages using https://validator.ampproject.org/
Get in touch with me for either responsive web design or AMP implementation.

Comments

Post a Comment

Comment

Popular posts from this blog

AngularJS - Tables

Table data is normally repeatable by nature. ng-repeat directive can be used to draw table easily.  Following example states the use of ng-repeat directive to draw a table. <table> <tr> <th> Name </th> <th> Marks </th> </tr> <tr ng-repeat = "subject in student.subjects" > <td> {{ subject.name }} </td> <td> {{ subject.marks }} </td> </tr> </table> Table can be styled using CSS Styling. <style> table , th , td { border : 1px solid grey ; border - collapse : collapse ; padding : 5px ; } table tr : nth - child ( odd ) { background - color : #f2f2f2; } table tr : nth - child ( even ) { background - color : #ffffff; } </style> Example Following example will showcase all the above mentioned directive. <html> <head> <...
Post a Comment
Read more

10 Reasons That Makes Magento The Dominating eCommerce Platform in 2018

In eCommerce market, for marketers, manufacturers and consumer 2017 was a great year, and it seems to be growing in 2018 as well. Every passing year shows tremendous growth in e-commerce sale that helps to take the business to new levels of success. The world's greatest brands love  Magento  for its adaptability since the present shoppers and their purchasing designs are changing incrementally. Just Magento — open source and nimble — can enable you to adjust and flourish. With a worldwide biological community of 150,000 engineers and a system of 300+ profoundly prepared arrangement accomplices, Magento helps your online deals while expanding gross edges. Magento organizations offer more at a lower TCO than dealers on aggressive trade stages. Maintaining an e-commerce business isn't a simple undertaking and expects you to put steady endeavors and to strategize to build up a solid web nearness that encourages you to give an upper hand. Wh...
Post a Comment
Read more

Best eCommerce Platform – Magento or OpenCart?

Looking for Best eCommerce Platform? Business people who are remaining on the precarious edge of beginning their new eCommerce wander all have the same inquiry to confront with sooner or later in time: Best eCommerce Platform? Which eCommerce stage would it be advisable for me to begin my online business? Clearly, When it comes to eCommerce, there is nobody size-fits-all arrangement. There are different strategies and devices that can bring fulfilling results, at the end of the day it relies on upon a couple of fundamental choices that should be made in advance, for example, the span of your online store, your outline inclinations, SEO and probability, and obviously, your financial plan. In this article, we are going to concentrate on two noteworthy rivals in the eCommerce market, Magento Vs. Opencart, and investigate their components and choices to help you choose which one of them (assuming any) is a good fit for you. Before we begin to look at between the two, it ought to ...
Post a Comment
Read more