Blog eCreative

A Reflection of our Quality work, Excellent Support and Technical Prowess

Archives for mobile

Progressive Web Apps in 2020

PROGRESSIVE WEB APPS (PWA)

Progressive Web Apps (PWAs) are web applications that are regular web pages or websites, but can appear to the user like traditional applications or native mobile applications. The application type attempts to combine features offered by most modern browsers with the benefits of a mobile experience.

Progressive Web Apps are user experiences that have the reach of the web, and are:

  • Reliable – Load instantly and never show the downasaur, even in uncertain network conditions.
  • Fast – Respond quickly to user interactions with silky smooth animations and no janky scrolling.
  • Engaging – Feel like a natural app on the device, with an immersive user experience.

Key benefits of PWA

  • Push notifications that allow the user to get a quick summary or snapshot of updates or messages
  • Offline functionality that allows the app to continue running in the background on the user’s behavior and activities without the user having to interact with the app directly
  • Responsive layout and easier navigation than the full desktop website on a mobile device
  • All types of hardware access, including geolocation, camera and microphone and screen orientation access
  • Lower data usage, especially important for users in areas with slow or limited internet access
  • Accessibility to all internet users, since the requirement to download the app or pay for the app is completely eliminated.

Why build a Progressive Web App?

Building a high-quality Progressive Web App has incredible benefits, making it easy to delight your users, grow engagement and increase conversions.

  • Worthy of being on the home screen
    When the Progressive Web App criteria are met, Chrome prompts users to add the Progressive Web App to their home screen.
  • Work reliably, no matter the network conditions
    Service workers enabled Konga to send 63% less data for initial page loads, and 84% less data to complete the first transaction!
  • Increased engagement
    Web push notifications helped eXtra Electronics increase engagement by 4X. And those users spend twice as much time on the site.
  • Improved conversions
    The ability to deliver an amazing user experience helped AliExpress improve conversions for new users across all browsers by 104% and on iOS by 82%.

Top Progressive Web Apps

Twitter Light

OLX

AliExpress

Uber

Conclusion

Progressive Web App is the future of web development without any doubt and it is great alternative to other known cross-browser technologies. In the future, e-commerce sites, restaurants, and media sources will transition from native app to Progressive Web App.

It is the right moment for building a PWA app, however, you must keep in mind browser limitations compared to native applications, and different user experience between Apple and Android devices.

https://developers.google.com/web/progressive-web-apps/

Pocket

React Native allows you to build mobile native apps with Javascript

Fcebook announced that its React Native library is now available on Github. The library allows you to build native iOS and Android applications with JavaScript and Facebook’s React library.

A framework for building native apps with React.

React Native runs JavaScript engine in a separate background thread, which communicates with the native main thread using a batched async messaging protocol. There’s a plugin for React that uses this protocol for communication.

  • With React Native your application logic is written and runs in JavaScript, whereas your application UI is fully native; therefore you have none of the compromises typically associated with HTML5 UI.
  • React introduces a novel, radical and highly functional approach to constructing user interfaces. In brief, the application UI is simply expressed as a function of the current application state.

Tom Occhino’s introducing React Native and discussing why developers at Facebook decided to create it:

The tutorial you can find here

Pocket

What is Responsive Web Design

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the client switches from their portable computer to ipad, iphone or any mobile device, the site might as well immediately switch and react to the client’s preferences.

Core Concepts
Three key technical features are the heart of responsive Web design:

  • Media queries and media query listeners
  • A flexible grid-based layout that uses relative sizing
  • Flexible images and media, through dynamic resizing or CSS

 

Responsive Web Design

 

 

Responsive Web Design tools for Developers

 

1. Web Designer Tools

The Google Web Designer Toos and Webflow allows you to create websites visually – you do also get access to code of course. You can create engaging, interactive HTML5-based designs and motion graphics that can run on any device

laptop-timeline

 

 

2. Frontend frameworks

Foundation / Twitter Bootstrap makes it a simple feat to create a responsive Web design framework.

Foundation

 

3. Responsive Design Testing

This tool has been built to help with testing your responsive websites while you design and build them.

Zrzut ekranu 2013-11-04 o 11.29.45

4. FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Zrzut ekranu 2013-11-04 o 11.30.51

 

5. Responsive Slides

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container.

Zrzut ekranu 2013-11-04 o 11.31.33

 

6. Adaptive Images

Adaptive Images detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page’s embeded HTML images.

 

7. WordPress

When it comes to maintaining a website, nothing is quite as good as having a content management system in place to handle the heavy lifting for you. WordPress allows you to set up a system to add posts and pages to a website without having to go into the code at all. The templating system WordPress uses is easy to work around for developers and designers, and if you’re really lost there are plenty of basic templates to get you started.

wordpress

Pocket

Google Announces Android 4.4 KitKat

KitKat, made Android amazing for everybody.

Today Google announced details of its long-awaited Android 4.4 KitKat operating system for the first time, going beyond just the candy bar branding. The KitKat update to the Android OS brings some visual changes, including more immersive graphics, as well as deeper integration with Google’s intelligent assistant, Google Now, among other changes and improvements. KitKat will debut on the long-rumored Nexus 5 smartphone that Google also showed off today at a small meeting with reporters in San Francisco.

As Google’s Android chief Sundar Pichai put it, KitKat will be one version of the OS that will run across all smartphones. The goal is to bring Android to the next billion people and the way to do it is to make KitKat use less memory than previous Android versions.

 

 

android-kitkat

Top 10 new features

  • User interface tweaks
  • New dialler, caller ID
  • Unified Hangouts messaging app
  • Smarter Google Now integration
  • Better support for cloud printing
  • Chrome WebView
  • Step detector, counter
  • Enhanced support for connectivity options
  • Better accessibility options
  • Screen recording

 

more informations you can find here »

What’s New for Developers

Pocket
0 0 0