Chrome, webdev

Mobile Sites Improvements – Push Your PageSpeed Score Up

In the past, I wrote about ways to improve your mobile website.
In this short post, we will focus on one tool that could help you move the needle. PageSpeed Insights is a free tool for developers to check how their site performs out in the wild. It also got a good API so you could use it during your build process.

Here are the current results I see on my projects’ site: Continue reading

Standard
Chrome, HTML5, JavaScript, webdev

Chrome And The Web App Revolution

chrome 3dQuick update from the world of Chrome. The new version in stable (chrome://version = 42 just like the answer to the universe) brings some interesting and powerful features that give web developers more options to create amazing experiences.

google-chrome-logo

Chrome 42 (stable)

We are getting to a world where web developer could create web apps that act just like ‘native apps’ without any bridges (e.g. Cordova). The main enablers APIs are already in this version. Check out what you can do today with Service Worker and the options it’s giving you to cache, work offline and push notifications in the background. Here is an example I wrote that uses service worker to cache & offline. I think we are going to see some very interesting implications. There are many options for the “physical mobile web” and these powerful APIs. Continue reading

Standard
Chrome

Improving Your Mobile Sites

mobile devicesIt’s not a secret that the world is going mobile at a (crazy) rapid pace. We all seen the statistics about it, and we know that the next 4 billion people will see the web only on mobile. This post will focus on how you can build a mobile site that will be ‘in a good relationship’ with Google (and other search engines out there).

Responsive web design is one answer when it comes to ‘how to serve’. You wish to avoid redirects, sniffing for the mobile browsers agents or managing two versions of your sites.

How we can make our site mobile friendly?
Let’s try to think as developers of a search engine. If you were trying to figure out if a site was mobile friendly just by looking at a site, what would you look for? First, the content on our site must be readable on mobile so it should fit within the screen. Second, we will try to make sure that the site is usable. Continue reading

Standard
Chrome, HTML5, JavaScript, mobile, webdev

HTML5 In Mobile (Hebrew)

The goal of this talk is to harness front-end developers with relevant knowledge and tools they can use  in their current jobs.

The main points in the TL;DR

Continue reading

Standard
Chrome, HTML5, JavaScript, mobile, webdev

Chrome And HTML5 Updates

There are some very interesting technologies that are now available in Chrome. In this post I will try to cover some of them.

We know that Google started the Chrome project on the three ideas of speed, simplicity, and security. It’s still focusing on these important aspects while keep moving forward (fast) on implementation of many other HTML5 features. You can find Chrome on mobile, desktop, Chromebook and Chromecast. Let’s see what are the new, improved features we got these days as developers in Chrome platform:

Focus areas Chrome is moving forward

Mobile and Open Web Platform

We’re investing a lot of time to make sure mobile web experiences improve and that they are easier to develop!

  1. Build amazing mobile web apps
  2. WebGL, Web Audio, WebRTC, Web Speech and many more APIs that give you ‘native’ capabilities inside your browser.
  3. Vibration
  4. Device Motion
  5. WebRTC code lab (link) to check the new world of media (video/audio) in Chrome without plugins.

Continue reading

Standard
Chrome, cloud, webdev

What’s New In Google Developers World

Here are my slides from a talk I gave last week on what’s new and available for you as a developer in Google’s world. This talk gives a high level overview on the main APIs. If you wish to dive deeper on some of them, you will find many links in the slides.

Continue reading

Standard
Chrome, JavaScript, webdev

Chrome DevTools Tips

DevToolsA (good) web developer use several tools in order to be productive and built amazing projects. I guess, you can find advocates for Vim or Emacs but after you pass the phase of writing the code, it’s time to check why it’s not doing what you wish to see. You can find on Opera Dragonfly and in FireFox land there is Firebug. But, as you might guess already, my favorite tool is Chrome DevTools on Canary.

What are DevTools?

The Chrome Developer Tools are a set web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application.

(!) If you are a front-end developer you should use Google Chrome Canary. It is easy to install it side by side your regular Chrome and it will give you the latest and greatest features with frequent improvements. This post is not a replacement to the one ‘source of true‘ but more of an update on the new features we have today (OCT 2013) in Canary. Checkout the pictures below with the green arrows that show you some of the interesting feature you can use. Continue reading

Standard