front-end development

Accelerated Mobile Pages - Case Study

Building a great mobile website to load super fast and to give your users an amazing experience, is now possible by using AMP – Accelerated Mobile Pages, a technology developed by Google.

In this post, we will try to describe our experience with the AMP and we will help you to be more aware of the AMP code specificity. We will offer you the insights and the resources which we didn’t knew about when we started.

Practical Guide For Web Developers On How To Use Headings

If you think that headings are only for embellishment, you’re… heading for a fall. Heading tags, above all, give structure to a web page, their role being visual and technical at the same time. Simply put, they allow human users to see the content structure and machines to understand it.

Aside from providing visual consistency, they also enhance accessibility and usability and, just as important, keep the search engines’ crawlers happy – but ONLY if you use them properly.

Among web developers, confusions on this chapter are common and that’s why we’ve put together a short and practical guide on how to use headings. Read on and the next time you’ll feel the impulse to ask “What heading should I use here”, perhaps the answer will come to you just as natural.

Accelerated Mobile Pages Project solutions for WordPress and e-Commerce

AMP (Accelerated Mobile Pages) project is an open source framework spearheaded by Google, that focuses on making pages load instantly on mobile devices. The AMP source code is available on Github.

The idea arose from the increasing number of users browsing the internet on a mobile device.  We can compare this project to Facebook Instant Articles, but the good thing is that AMP is for the entire web, not only inside an application.

Chrome Push Notifications Example Of Implementation

Chrome push notifications are one of the newer features added into Chrome browser. They are used to show notifications outside the web page context even if the user is not browsing the page he subscribed to.

Before we continue, make sure that you use  https or implement the code on localhost because service workers require secure origins to ensure that the service worker script is from the intended origin and hasn’t come about from a man-in-the-middle attack.

Mobile Speed Optimization Tips for Cache, HTTP requests and more

Using responsive web design to adjust websites to mobile devices is a popular topic in latest years, but mobile navigation is not only about pretty layouts. Sometimes the site may be too resource-intensive, and that does not create an acceptable user experience, because speed comes into play and mobile speed optimization is crucial. So how can we speed up websites for mobile?