- The Fetch API now allows developers to directly operate on and incrementally release the bytes of streamed network responses, in contrast to the equivalent XMLHttpRequest functionality that requires developers keep the entire in-progress stream response in memory.
- The Cache Storage API, previously only available in service workers, now provides developers full imperative control over their caching in the page context. This is huge! It will enable users to have better (=faster) experience in places where the connections are not good.
- Autofill and Autocomplete – People hate filling out web forms, especially on mobile devices, learn how to help them complete it up to 30% faster. (And yes! I wrote it).
Bill Gross from Idealab did a (limited) research and found out that timing is the most important aspect for startups to succeed. It’s a downer since it’s a factor that we (= entrepreneurs) can’t control. However, a talented team will know how to execute well and ‘buy’ more time. In order to extend the ‘time frame’ as long as we need it to be, a strong business model is another important aspect. It will ensure that we will get to a cash flow positive state. This will enable us to run for years and wait for the right timing.
IMO, a great execution by passionate co-founders is the best predictor.
After that, a solid business model and a good idea are critical success factors. Continue reading
Here are some of the rules that will help you build better forms. As we know, it’s a mobile world, so we wish our forms to be responsive and mobile first by nature. Let’s see how to do it right.
Use big font size and provide easily touch buttons
Here it’s simple, when you have doubt, make things bigger and check. In other words, you wish your fonts to look great both on mobile and desktop. For mobile, a rule of at least 16px will be a good start. Why? because it’s big enough in most cases for mobile. Plus, this minimum size will prevent all iPhones from zooming into the fields. For buttons and touch areas, start with at least a size of 32px for the input field height. This will ensure it’s not too small. However, check it both on mobile (few devices from 4″ to 6″) and on larger screens (=desktop or large tablets). Both Foundation and Bootstrap gives you a default size for such elements that is good for mobile.
Take advantage of Autofill
This will enable your users an easy way to complete forms with pre-populated data. Look for opportunities to pre-fill information you already know (e.g. Geolocation to fill the zip code), or may anticipated to save the user from having to provide it. For example, pre-populate the shipping address with the last shipping address supplied by the user. See it in action at: greenido.github.io/form-example.html Continue reading
1. Focus on the users that love to play
You wish to promote certain items (e.g. gems, levels, arms etc’) at the right situation for the ‘heavy gamers’. It is these gamers that spend the big bucks, just have one look at the graph below to appreciate it. The challenge is to identify these players and to find the right situations. Check your analytic tools to find out segments of users that are out of the normal distribution curve. In the graph below you can see an illustration for what we wish. Focus on the all the Whales.
In the last post about powerful new APIs we talked about Service Worker, notifications, push and more. This week we got some other news, videos, slides and a new slack channel for web developers that you should take part in.
New Stuff Around The Web
- Google Tone is an experimental Chrome extension for sharing the URL of the current tab with other computers by using audio!
Yes, it does not use Bluetooth, NFC or WiFi: it only sends audio waves. “Google Tone turns on your computer’s microphone (while the extension is on) and uses your computer’s speakers to exchange URLs with nearby computers connected to the Internet.”
- Can web apps be as smooth and slick as native? YES!
Paul Lewis made a web app to show how. The app uses all the latest goodies, including Service Workers, ES6 Classes and Fat Arrow functions, and Promises.
Check out his blog post here for all the details!
- The best (new) show in town about best practice tools.
- Another new location we maintaining to hold all the news around web development: https://developers.google.com/web/updates/ and if you like medium we got a new channel there as well.
- Polymer 0.9 library is released!
The 0.9 release is very similar to 0.8, with many of the “experimental” 0.8 features now officially supported.
Full release notes for 0.9, including the breaking changes from 0.8, are available on the Polymer site.
- Two new videos from talks that Paul Lewis and Jake Archibald gave last week:
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.
According to Stat Counter in the past 3 months Chrome made a progress in market share. It’s now got ~31% world wide. But if we dive a bit deeper into the chart below we can see that the situation on mobile is even better.
Take into consideration that Chrome + Android + UC Browser + Opera is ~70% of the market it’s a great news for web developers in terms of APIs. I hope to see soon the power of Service Worker and Push notifications in many more browsers. It’s the start of a new wave of web apps that look and feel similar to native apps. Continue reading