AMP Building the future web, together.

If you are involved in web development then you should be aware of the AMP Project. This is an open-source initiative project which is aiming to make the web better for all by changing the way websites are constructed to make them fast for mobile devices.

The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms.

What AMP Provides

Higher Performance and Engagement with web pages and ads published in the AMP open-source format load near instantly, giving users a smooth, more engaging experience on mobile and desktop. Flexibility and Results for publishers and advertisers can decide how to present their content and what technology vendors to use, all while maintaining and improving key performance indicators. This is a collaborative effort and AMP is built thanks to a deep collaboration with thousands of developers, publishers and websites, distribution platforms and tech companies. More than 1.5B AMP pages have been published to date and 100+ leading analytics, ad tech and CMS providers support the AMP format.

AMP helps the Washington Post increase returning users from mobile search by 23%. With nearly 55% of their traffic coming from mobile devices, The Washington Post knows that providing a great reading experience on mobile devices is critical to their long-term success. In particular, The Post is focused on making their mobile content load as quickly as possible, because data shows that people abandon websites after just three seconds if the content doesn’t load quickly.

In June 2015, The Washington Post joined a group of publishers and technology companies to create the Accelerated Mobile Pages Project, a new open standard for publishing content which loads instantly, anywhere across the mobile web.

The Post publishes over 1,000 articles in AMP every day, and they’re already seeing concrete benefits. “We have seen load times average 400 milliseconds, an 88% improvement over our traditional mobile website. This has made readers more likely to tap on Washington Post stories because they know our articles will load consistently fast.”

AMP has been great for retention as well. Traditionally 51% of mobile search users return to The Washington Post within 7 days. For users who read stories published in AMP, this number jumps to 63%.

Read the study for more information – CLICK HERE Washington Post AMP Study


validator.ampproject.org

ampbyexample.com

ampbyexample.com/playground

ampstart.com

cdn.ampproject.org/experiments.html

github.com/ampproject/amp-toolbox

Magenta Connect – Access is locked. Please try again in a few minutes.

If you have come to update Magento and got the message “Magenta Connect – Access is locked. Please try again in a few minutes.” and you are prevented from logging in to process updates the chances are the Magento itself is blocking this.

Check using FTP if you have the following file?

/var/brute-force.ini

Then look at the file contents and the chances are you have brute force number as an example:-

brute-force-bad-attempts-count = 1632
brute-force-diff-time-to-attempt = 97920
brute-force-attempts-count = 3
brute-force-last-bad-time = 1537569507

You need to change the files first two lines to:-

brute-force-bad-attempts-count = 0
brute-force-diff-time-to-attempt = 180

You can remove the other lines or changes the values to zero.

You can then update an old version of Magento and its core elements.

Magento Connection Manager

iPad & Iphone CSS Media Queries

Developing websites today means much more thought is required than it used to before the iPad and tablets came about.

A web developer today has to build a website for much larger desktop screen and at the same time make the website work on iPads and tablets.

To help hobby web developers here is some Chameleon help:-

iPad & Iphone CSS Media Queries Landscape and Portrait


/* iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Add style here */
}

/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Add style here */
}

/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Add style here */
}

/* iPad mini in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
/* Add style here */
}

/* iPhone 6 in landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
/* Add style here */
}

/* iPhone 6 in portrait */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
/* Add style here */
}

/* iPhone 5 & 5S in landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* Add style here */
}

*/ iPhone 5 & 5S in portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* Add style here */
}

Stop YouTube Videos Showing Related Videos At The End

YouTube has made some changes recently and one of them is to automatically play related video’s at the end of a video.

There has always been the show related videos at the end of the video and many webmasters seemed to ignore this which could result in a competitor’s video being shown on your own website. With the new changes competitor’s videos could be played automatically on your website advertising them, this needs to be avoided.

Standard YouTube Embed Code Creates this:-

Click near to the end of the video and see what happens when it finishes.

Stop YouTube Videos Showing Related Videos At The End:-

To do this you simply add the code to tell YouTube that you do not want to display any related videos.

?rel=0

So to show as an example:-

OLD YouTube Embed Code

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/fKdCQzF4JZ0″ frameborder=”0″ allowfullscreen></iframe>

NEW YouTube Embed Code

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/fKdCQzF4JZ0?rel=0” frameborder=”0″ allowfullscreen></iframe>

<hr>

Other Embedding Options You Can Use

To make a YouTube video play automatically simply add “&autoplay=1” to the video’s embed code:

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/fKdCQzF4JZ0?rel=0&autoplay=1 frameborder=”0″ allowfullscreen></iframe>

Opencart Redirect “index.php?route=common/home” to main page

We thought we would share with you a nice way to clean up your home page URL when using Opencart.

For example the standard Opencart home page is defined as:-

http://www.chameleonwebservices.co.uk/index.php?route=common/home

For SEO reasons and to look nice and clean, it is good to set up a 301 redirect to the main domain name which would make the home:-

http://www.chameleonwebservices.co.uk/

To do this you can use .htacess and simply add the following:-

RewriteCond %{QUERY_STRING} ^route=common/home$
RewriteCond %{REQUEST_METHOD} !^POST$
RewriteRule ^index\.php$ http://%{HTTP_HOST}? [R=301,L]