Progressive Web App – PWA Roadshow

This is a summary of PWA Roadshow video from Google Chrome developers, here is list of each video with summary: All about PWAs. Statistics (2017): 13% Mobile. => 87% Apps native. but 87%??? more predictable. easy to find on home screen. push notification. Native app is a big commitment in: Space Time Cost hints: 78% of time spent is in user’s top three apps. so, Progressive web app come to…

Read More

Advanced topics in HTML5 & CSS3

Lately, I have finished from present a training in advanced topics in HTML5 and CSS3 in collaborate with Prince Sumaya University, here is the main topics covered:  HTML4 Review. HTML5 Elements and Attributes. Advanced Topics in HTML5(Canvas, LocalStorage, AppCache, Drag&Drop, Web Worker, History Api, Geolocation, Web Sockets and FileSystem). Web Performance. Web Accessibility & Microdata. Web Design Approches(Resposnive, Adaptive, Fluid). Mobile touch events. The most important resources in front end…

Read More

Best Practice For Using Images On Web Pages

Optimizing images for faster performance: Don’t scale images in HTML. Images should be saved to the exact size you want them to be viewed on the web. Do not resize images using size attributes in your HTML code. Taking a large image and having it display at a smaller size not only slows down loading times but also distorts your image.Don’t use a bigger image than you need just because…

Read More