Category Archives: HTML5

Chrome, HTML5, JavaScript, webdev

Maximizing Your ROI On The Mobile Web

mobile devicesIt’s a mobile world.
The next 4B users are going to use the web only on mobile so we should think on their experience. Moreover, a lot of people are using the mobile web as discovery mechanism and when they land on our site we got the (one) chance to impress. The summary of the slides below will focus on two main aspects: performance and user experience. In the slides you can read on the 25 principles and how to work with them.

  • Performance
    Get content to the user as quickly.
    I think this formula used in Ilya Grigorik’s talk sums this up:

    Perceived performance = f(Expected Performance, 
                           UX, 
                           Actual Performance)
  • User Experience
    Optimize for the mobile device. So start your design from the small screen and move forward to a bigger one.

Here are tools that every web developer should use (or embrace the concepts that these tools promotes): Continue reading →

Standard
Chrome, HTML5, JavaScript, webdev

Web Fundamental Update

Here are the slides from a talk I gave at Campus TLV. It’s a summary of web fundamentals is offering developers at the first step of ‘building your first multi screen site‘.

If you would like to contribute to this important open-source project, please jump to our github repo: github.com/google/WebFundamentals

 

 

Standard
Chrome, HTML5, JavaScript, webdev

uptodate.frontendrescue.org just got a hebrew version

fed-uptodate-hebrewI’ve been contributing to this cool project: github.com/frontend-rescue/keep-up-to-date and today it’s live!

If you wish to check what are the best practices for front-end developers (in hebrew) this is your version: http://uptodate.frontendrescue.org/he/

Good luck.

Standard
Chrome, HTML5, JavaScript, mobile, webdev

Israel’s Alerts – Mobile Web App Example

Alerts IL - mobile web app

If you wish to have a window on the side of your screen and/or leave your mobile device on a page that will show you an updated list of all the alerts (Tzeva Adom and others) – Here is a web app for you. It is based on Foundation CSS framework as it’s ‘mobile first ‘ and got a very powerful grid system.

Code

Check out the Alerts-IL GitHub repo or the Google App Engine version.

If you wish to see the Android app code github.com/greenido/Alerts-IL-Android which is a simple native app that wrap the mobile web app.

Continue reading →

Standard
Chrome, HTML5, JavaScript, mobile, webdev

Polymer And Web Components At I/O 2014

This talk cover three main subjects:

  • State of the union – What has change in the past 3 years
  • Problems solved by web components – When it comes to build complex web applications, there are many ways we can do things better. In this section we will see how/why.
  • Thinking in components – What are the implications when you coming to design and build web apps.

== Psst… It’s in raw format – I will polish it after I/O is over ==

State of the union

Once many years ago… We had HTML4 with all its problems. Later, well few years back, HTML5 was the answer for everything. It specifically, tried to show developers what can be done on the web modern platform and moreover APIs browser vendors could add to help developers boost their productivity. In the past 18 months we saw a lot of things like: templates, shadow dom, data binding etc’. It’s been a long journey. Now, we have Polymer. 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

HTML5 & CSS3 Tools

I’ve meet with a very cool startup over the weekend. It was interesting to listen and learn from them what is ‘cool’ in their technology world. However, I got the feeling that they are missing some of the new capabilities that the web platform has to offer. I’ve pointed them to some known resources like: html5rock.com , MDN site etc’. But it seems better to try and get a list of tools or pointers that any developer could browse and pick from. So here is an alpha version of the list. It’s split to subjects like: design phase, testing phase etc’ just to keep it a bit more useful.

Continue reading →

Standard
Chrome, HTML5, JavaScript, mobile, webdev

HTML5 On Mobile

Chrome love HTML5This week we are hosting a lot of developers at Campus TLV. The goal of these talks is (mainly) to harness developers with knowledge and tools they can use today in their current jobs. We lucky to host developers from few government’s organizations. In their case, there are many special regulations that need to be accommodate, so we wish to give them practical tips/tools they can use in order to build open RESTFul APIs and modern web apps. It’s no secret that there is a lot of interesting data that only the government produce.
I hope that movements like codeforamerica.org will flourish around the world quickly.

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
cloud, HTML5, JavaScript, mobile, php

Google Cloud Platform Update

Google cloud platform updateYesterday we had a very cool event at Google’s offices. There were many mobile and web developers that came to hear what is new with Google cloud technologies (among other thing). I’ve used this set of slides because I knew they will be useful to many more developers that miss the event. That is the reason, I’ve used ‘a lot’ of words on each slide.

The event was recorded and I will update this post with the video soon. Have a great 2014! Continue reading →

Standard