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
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
What does “Request Desktop Site” feature do? First of all, where can I find it? This feature available in chrome browser mobile version, When viewing the mobile version of a site, open the menu and check the box located next to Request Desktop site. The Web page will automatically begin to reload in the background. Actually I tried opening our responsive websites from mobile and enable this feature but without…
Read More
Why Mobile First? Mobile is exploding, today’s smart phones are driving huge use of networked applications and Web content. Mobile forces you to focus, you have to prioritize because there simply isn’t room in a 320 by 480 pixel screen for extraneous, unnecessary elements. Mobile extends your capabilities. Building mobile first allows teams to utilize this full palette of capabilities to create rich context-aware applications instead of limiting themselves to…
Read More
It’s a CSS framework and it’s developed by Twitter guys (@mdo & @fat), Check out Bootstrap on Github. Although i have a simple CSS framework using it with any new project as freelance or in Bayt.com projects, but after i found twitter bootstrap i am impressed for how can it help me, and its a weapon of choice for me for this reasons: Easy to work with. Streamline workflow and…
Read More
Definition: is an approach to web design to provide an optimal viewing experience with a minimum of resizing, panning, and scrolling—across a wide range of devices ( desktop => mobile ). Almost every new client these days wants a mobile version of their website, so it’s time to support the mobile and tablet version, and here is some statistics how the mobile increased from 2010 until and what is the…
Read More