industryterm:web-app

Progressive Web Apps: Apple App Store, Google Play Store, It Was Nice Knowing You
▻https://hackernoon.com/progressive-web-apps-apple-app-store-google-play-store-it-was-nice-knowi

Is the end coming for the Apple App Store and Google Play Store? The title is obviously an exaggeration, but in all seriousness, the time has come for a new wave of #mobile technology to come to the fore. In 2018, Twitter announced that it has started offering its mobile PWA as its main site. PWA? What’s that?Progressive Web Apps (PWA) is the future of mobile apps and the web, pushed by heavyweights in the industry especially Google. With features such as adding to home screen, offline support, push notifications and more, a PWA offers a user experience approaching that of a native mobile app.Here’s how a PWA works. Imagine you have a Customer Relationship Management (CRM) app that is also PWA compliant. You just need to visit the app using a normal URL in your mobile browser. If you have (...)

#mobile-app-development #progressive-web-app #web-development #open-source

Creating a Simple Text Editor Progressive Web App with #react
▻https://hackernoon.com/jamie-maison-ff7d51058c32?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*jhSO0AWvPUKlvNgqs_fiwA.png

For Your Progressive Web App:How to Create a Simple Text Editor with ReactIn 2019 Progressive Web Apps are going to be much hyped and there’s no better time to start exploring the benefits. In this tutorial i’ll take you step by step through creating a simple Text Editor PWA using React so you can code your own!Originally published at www.jamiemaison.com.In 2019 Progressive Web Apps (PWAs) are going to be much hyped and there’s no better time to start exploring the benefits. In this tutorial i’ll take you step by step through creating a simple Text Editor PWA using React so you can code your own!When PWAs were first mentioned in 2015 Google’s Alex Russell introduced them as web applications that have the following attributes:Responsive: to fit any form factorConnectivity independent: (...)

#web-development #create-text-editor #react-text-editor #progressive-web-app

Progressive Web Apps (PWAs) FTW — Pt. 2
▻https://hackernoon.com/progressive-web-apps-pwas-ftw-pt-2-31c2779e55c4?source=rss----3a8144eabf

https://cdn-images-1.medium.com/proxy/1*oGZniVn0jfVzLYkNgX4dQA.png

Progressive Web Apps (PWAs) FTW — Pt. 2IntroductionIn part 1 of this series we looked at what Progressive Web Apps are and discussed how they can improve user experiences in mobile web. These articles are based on the talk I gave at the Reversim Summit. If you prefer to watch the video you can see it here:▻https://medium.com/media/2c31b3cbe49e18762f4820b486c62234/hrefLet’s continue where we left off last time and dive into Web Workers. Web Workers are the core technologies that enable PWAs.Web WorkersIf you’ve worked a bit with #javascript before you may have noticed that it is single threaded. This is evident if you do any expensive computations on the client side. In these cases the page becomes unresponsive until the script running the computations is finished. A web worker comes to solve (...)

#web-development #coding #pwa #progressive-web-app

#magento 2.3 — Everything You Need To Know
▻https://hackernoon.com/magento-2-3-everything-you-need-to-know-19cd4cb8e6d6?source=rss----3a814

https://cdn-images-1.medium.com/max/819/1*2jXuwHcaMcrGKcgUuCe0nA.jpeg

Magento 2.3 — Everything You Need To KnowDuring the Imagine 2018 conference back in April, Magento announced the release of Magento 2.3 by the end of 2018.After much of a wait, Magento has released the Magento 2.3 on November 28, 2018.It has been almost a year since the last major release of Magento 2.2 but Magento 2.3 has brought a ton of new core features with a lot of smaller optimizations.11 New Features Magento 2.3 IntroducedMagento 2.3 introduces tons of new core features such as –Progressive Web App (PWA) StudioGraphQL SupportDeclarative DB SchemaAsynchronous and Bulk Web APIElasticsearchPHP 7.2 SupportMulti-Source Inventory (MSI)WYSIWYG UpgradePage BuilderCache-ManagementGoogle reCAPTCHA and Two Factor AuthenticationLet’s have a closer look at them.Progressive Web Applications (PWA) (...)

#adobe #web-development #progressive-web-app #ecommerce

PWAs FTW — Pt. 1
▻https://hackernoon.com/pwas-ftw-pt-1-37729432d529?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*oGZniVn0jfVzLYkNgX4dQA.png

Progressive Web Apps (PWAs) FTW — Pt. 1Progressive Web AppsIntroductionLast month I had the pleasure of talking about Progressive Web Apps at the amazing Reversim Summit. This series will summarise the contents of that talk. If you prefer to watch the video you can see it here:▻https://medium.com/media/9c8806e602e4f245cca58eb9b86b1298/hrefWhyProgressive Web Apps are here to help us bridge UX between mobile websites and apps. But before we jump into how let’s understand why.Last year Google published that there are nearly 3x more monthly unique visitors to mobile websites versus native applications. If this is the case then why do we bother developing mobile applications at all? The answer is user engagement. User engagement on native apps is nearly 10x larger than on mobile websites. That’s (...)

#progressive-web-app #mobile-app-development #javascript #web-development

#progressive Web Apps vs Native Apps — When and Which to Choose
▻https://hackernoon.com/progressive-web-apps-vs-native-apps-when-and-which-to-choose-b8dd518b328

https://cdn-images-1.medium.com/max/1000/1*oKc6y7kqHaCGhe4lCZ5XgA.jpeg

Progressive Web Apps vs Native Apps — When and Which to ChooseProgressive Web Apps have proven very useful and we have seen them being implemented in lots of projects. However, they are not here to take the place of native apps but to fix some problems such as cross-platform compatibility.Progressive Web ApplicationsProgressive Web Applications are web applications that can act as regular #mobile applications. Therefore you can have access to some device APIs and functionalities that only native mobile applications are expected to be able to access and also have the operating system’s native interface.PWA is a technology developed by Google and was outsourced by the company for others to use and enjoy its awesome benefits.How they workPWAs are reliant on different technologies such as (...)

#progressive-web-app #app-development #native-app

Build an E-Commerce Progressive Web App with GatsbyJS
▻https://hackernoon.com/build-an-e-commerce-progressive-web-app-with-gatsbyjs-dc811ec2b9d4?sourc

https://cdn-images-1.medium.com/max/1024/1*hPoIYfgcOXjvB__v4NnhvQ.jpeg

Photo by Yiran Ding on UnsplashI tried buying a t-shirt on my phone the other day.First, I get redirected to a ▻http://m.thatsite.com URL.Mobile site loads…Content finally appears, along with a fullscreen pop-up:Download our mobile app for a better shopping experience!I tap the link. App store loads…Bad reviews, blurred screenshots, 50 MB. SighI close both app store and browser.This familiar, sketchy shopping experience could have been avoided.How? With progressive web app e-commerce.Progressive Web Applications (PWAs) have been on the rise these last years. Solid PWA examples are popping up everywhere, and for good reasons.They encourage an inclusive, global, adaptative approach to web development. They make sense both from a user AND a business POV, as we’ll see in this piece. Frameworks like (...)

#ecommerce #javascript #app-development #progressive-web-app #web-development

Building Budgeteer - Lessons and Experiences
▻https://hackernoon.com/building-budgeteer-lessons-and-experiences-97dec9031006?source=rss----3a

https://cdn-images-1.medium.com/max/1024/1*6-Ke02iuzjVd-xRc8-yqrQ.png

Building Budgeteer — Lessons and ExperiencesIn late 2017 I felt the need to build something but didn’t know what and had spent the last 2 months racking my brain to find an interesting project. With less than a semester left of college I eventually realized I needed a budget app. BOOM. There it was. I knew of course about Mint, and later learned of Clarity #money far into development, but I wanted something smaller and more focused without all the extra heft that Mint provides, or the advertising and recommendations that Clarity Money includes.Budgeteer was born (My sister came up with the name at dinner when I was home on vacation, I am not that creative). This is the story of how I built it, lessons learned, and experience gained. It’s not finished, and still requires a fair amount of (...)

#building-budgeteer #web-development #finance #progressive-web-app

Creating a Progressive Web App with a Headless #cms — Part 2
▻https://hackernoon.com/creating-a-progressive-web-app-with-a-headless-cms-part-2-88ffee198ff6?s

https://cdn-images-1.medium.com/max/1024/1*omtqPm7skI8ZSHs3ZCxfxg.jpeg

Hey, welcome back! In Part 1 of this series, I introduced you to the Progressive Web App (PWA). I covered what they are, how they function, and how a headless CMS can really add some awesome functionality. In Part 2, I’m going to dive into building a #pwa and adding some cool features. That means creating the base app, adding the magic, and testing.So, let’s get to the good stuff!RecapIn Part 1, I mentioned a few services that we’re going to talk about a lot in this series.Google PWA TutorialThis is the “base” app we started with for our demo. It’s a great tutorial and provides a nice foundation for a PWA.Kentico CloudThis is the cloud-based CMS we used to power our application. It’s a scalable, flexible CMS with tons of SDKs and sample projects to help you get going quickly.Creating the base (...)

#headless-cms #web-development #progressive-web-app

Ubuntu 17.10 Is Keeping the Amazon Web App, Cos Why Not, Right?
▻http://www.omgubuntu.co.uk/2017/06/ubuntu-amazon-web-app-is-staying

http://www.omgubuntu.co.uk/wp-content/uploads/2017/06/amazon-350x200.jpg

The Amazon web-app shortcut will still come preinstalled with Ubuntu 17.10, pinned to the GNOME Shell favourites bar, and it will use the default browser. This post, Ubuntu 17.10 Is Keeping the Amazon Web App, Cos Why Not, Right?, was written by Joey Sneddon and first appeared on OMG! Ubuntu!.

Breach - A browser for the #HTML5 era
▻http://breach.cc

Modular
Everything in the browser is a module, a web-app running in its own process. Construct your own browsing experience by selecting the right modules for you.

Hackable
Want vertical tabs? Write some JS & CSS! Customised autocomplete engine? JS! Every behavior is programmatic and exposed through APIs.

Open Source
The entire technological stack is opensource. Modify existing modules and create your owns to extend the behavior of Breach.

#navigateur

Taxi.EU Web-Applikation
▻http://m.taxi4me.net/mobile/index2.html?z=001

Wenn ich auf den Link klicke, werde ich nach Wien in die Kärntner Straße 1 „geschickt“.

Warum wohl ?

whois taxi4me.net

Domain Name : taxi4me.net
Registry Domain ID :
Registrar WHOIS Server : whois.ascio.com
Registrar URL : ▻http://www.ascio.com
Updated Date : 2013-05-09T00:25:50Z
Creation Date : 2007-05-02T10:02:47Z
Registrar Registration Expiration Date : 2014-05-07T00:00:00Z
Registrar : Ascio Technologies, Inc
Registrar IANA ID : 106
Registrar Abuse Contact Email : abuse@ascio.com
Registrar Abuse Contact Phone : +44.2070159370
Reseller :
Domain Status : TRANSFER_LOCK
Registry Registrant ID :
Registrant Name : Rainer Kerschbaumer
Registrant Organization : Weiss Datenverarbeitung GmbH
Registrant Street : Hietzinger Hauptstrasse 33
Registrant City : Wien
Registrant State/Province :
Registrant Postal Code : 1130
Registrant Country : AT
Registrant Phone :
Registrant Phone Ext :
Registrant Fax :
Registrant Fax Ext :
Registrant Email :
Registry Admin ID :
Admin Name : Rainer Kerschbaumer
Admin Organization : Weiss Datenverarbeitung GmbH
Admin Street : Hietzinger Hauptstrasse 33
Admin City : Wien
Admin State/Province :
Admin Postal Code : 1130
Admin Country : AT
Admin Phone : +43.18776205
Admin Phone Ext :
Admin Fax :
Admin Fax Ext :
Admin Email : usw....@austrosoft.at

Ich mag Wien ;-)

iScroll 4
►http://cubiq.org/iscroll-4

“The script development began because mobile webkit (on iPhone, iPad, Android) does not provide a native way to scroll content inside a fixed width/height element. This unfortunate situation prevents any web-app to have a position:absolute header and/or footer and a scrolling central area for contents.

While latest Android revisions are supporting this functionality (although support is not optimal), Apple seems reluctant to add one finger scrolling to divs.

In addition to all previous iScroll features, version 4 introduces:

Pinch / Zoom
Pull up/down to refresh
Improved speed and momentum
Snap to element
Customizable scrollbars”

#webdev #javascript #mobile #scroll

Un article intéressant sur l’évolution du web, notamment avec une comparaison pre-ajax, ajax, commet, html5

Why HTML5 will revolutionize web-applications - amix.dk
►http://amix.dk/blog/post/19707

HTML5 is a very broad specification that isn’t even fully developed yet. Most modern browsers implement parts of the specification, and the things that we use at Todoist are web storage and offline support. Even with only these two things, we can provide an experience that nothing else can match, including:

Offline usage: When you can’t connect to the Internet, Todoist automatically switches to offline mode, enabling you to access and update your projects and tasks. When you come back online, we sync your data with our servers.
Stunning performance: Using Todoist is as fast and responsive as a desktop application. This is because everything is stored locally and the application does not need to speak with a server far away all the time. This provides an experience that non-HTML5 based web applications simply can’t offer.

Fogger est une application qui s’intègre à Ubuntu pour créer des web-apps de tout site avec le support d’extensions javascript (userscripts)

►http://neosting.net/logiciels/fogger-ubuntu-web-apps-sites-extensions.html

AngularJS — Superheroic JavaScript MVC Framework
►http://angularjs.org

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

C’est vrai qu’il y a des bonnes idées... mais « Superheroic », gné ?

#javascript #google #framework