Progressive Web App

What is Progressive Web App?

  1. It must run under HTTPS.
  2. It must include a Web App Manifest. – The web app manifest is a simple JSON file that tells the browser about your web application and how it should behave when ‘installed’ on the user’s mobile device or desktop. Manifest.jason: from https://developers.google.com/web/fundamentals/web-app-manifest/
    {
      "short_name": "Maps",
      "name": "Google Maps",
      "icons": [
        {
          "src": "/images/icons-192.png",
          "type": "image/png",
          "sizes": "192x192"
        },
        {
          "src": "/images/icons-512.png",
          "type": "image/png",
          "sizes": "512x512"
        }
      ],
      "start_url": "/maps/?source=pwa",
      "background_color": "#3367D6",
      "display": "standalone",
      "scope": "/maps/",
      "theme_color": "#3367D6"
    }
  3. It must implement a service worker. –  a script that your browser runs in the background.

https://ionicframework.com/pwa

 

Advertisements

ART258: WP Child Themes, AWS, etc.

The process is  detailed at https://www.creativemedia.space/intro-to-cms-via-wordpress/

ChildTheme
Woo Commerce
Github create new project
use  VScode changes on code

Info on AWS from Chris. – I think what they call “serverless” is you don’t have to manage your server, create your database, and authentification, etc. It will be done by AWS (Amazon S3 for static site (html, css, and js stored), Amazon Cognito User Pool for user registration and authentication, Amazon API and Rambda to DB) Amazon provides easier package to do all. It is not serverless, but servers are packaged by Amazon interfaces. That what I think.

 

 

 

Alternative to Adobe and Other Tools

Affinity Photo  $49 Similar to Photoshop

Affinity Design  $49 Similar to Illustrator

ArtRage  $79?

Paint.net ?

Gimp open-source raster graphics editor – Similar to Photoshop

InkScape ?

Sketch for Mac  a tutorial $99 a proprietary vector graphics editor for Apple’s macOS
Sketch – Look at the CSS Attribute of feature to develop HTML and CSS.
Sketch Plugin – AutoPlugin-How to align center horizontally & vertically.

Webflow a tutorial – drag and drop tool built for designing websites

Squarespace – hosting?