반응형

Everything You Should Know About Progressive Web Apps

What is a Progressive Web App

In its core a progressive web app isn’t any different from a normal website – it’s made of HTML, CSS and JavaScript, and lives in the browser. What separates PWAs from regular websites is a list of 10 key concepts that need to be fulfilled. Here they are, taken directly from the Google Developers website.

  1. Safe – Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
  2. Progressive – Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
  3. Responsive – Fit any form factor: desktop, mobile, tablet, or whatever is next.
  4. Connectivity-independent – Enhanced with service workers to work offline or on low quality networks.
  5. App-like – Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
  6. Fresh – Always up-to-date thanks to the service worker update process.
  7. Discoverable – Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
  8. Re-engageable – Make re-engagement easy through features like push notifications.
  9. Installable – Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
  10. Linkable – Easily share via URL and not require complex installation.


What a Progressive Web App is NOT

The concept of PWAs shouldn’t be confused with:




앞서 언급 한 모든 기술은 HTML 앱을 포장하여 .apk , .exe 또는 기타 다른 앱 파일처럼 실행 파일로 패키지화합니다.이 파일 은 각 앱 스토어에서 다운로드 받아 사용자 기기에 설치해야합니다.

 

PWA는 설치가 필요하지 않으며 Google Play 또는 iTunes App Store에서 사용할 수 없습니다. PWA를 다운로드하려면 웹 사이트를 방문한 다음 홈 화면에 바로 가기로 저장해야합니다. 별도의 iOS 및 Android 버전을 개발하고 유지 관리하는 것은 더 이상 문제가되지 않지만 브라우저 지원을 고려해야합니다.



반응형
저작자표시

'프로그래밍 > App' 카테고리의 다른 글

Hybrid app 하이브리드 앱  (0) 2017.04.03
[APP] Cordova 개발 환경 구축  (0) 2017.03.22
IFTTT - https://ifttt.com/  (0) 2017.03.02
tensorflow - Docker Toolbox로 윈도우에 설치하기.  (0) 2017.02.16
tensorflow - 윈도우에서 사용하기  (0) 2017.02.16
반응형

Redbeard: Boilerplate-free native app development

 

Redbeard makes it faster and easier to create native apps without a boilerplate. It’s a complete framework with tons of components.

redbeard

Homepage: http://www.redbeard.io/
Docs: http://www.redbeard.io/documentation/introduction
Demo Page: http://www.redbeard.io/samples

 

 

 

 

 

 

 

반응형
저작자표시

'프로그래밍 > App' 카테고리의 다른 글

What is GitHub Pages?  (0) 2016.12.29
Every iPhone Speed Test Comparison 2016!  (0) 2016.09.23
[APP] Parse  (0) 2016.04.07
이유 있는 선택 Go 언어  (0) 2016.03.04
[Framework] DEEP Framework: A serverless web framework  (0) 2015.11.18
반응형

GoPro 앱 | 데스크톱용

http://ko.shop.gopro.com/APAC/softwareandapp/gopro-app-%7C-desktop/GoPro-Desktop-App.html?utm_campaign=ET_Product_Launch_GDA-Studio-Owner-Null-Country_0422016&utm_medium=email&ExactTarget=true&utm_source=Product&utm_content=download-bt-cta#/start=1



옮기고, 편집하고, 즐기기.
GoPro 사진 및 동영상을 쉽게 옮겨서 즐기고, 빠르게 편집하여 마음에 드는 장면을 공유하세요.

GoPro App | 데스크톱용 v1.3.0(GoPro Studio 포함)

시스템 요구사항 >















옮기고, 편집하고, 즐기기.

데스크탑용 GoPro App을 사용하면 GoPro 사진 및 동영상을 매우 간단하게 옮기고 즐길 수 있습니다. 자동으로 장면을 한곳에 옮겨 정리해 두면 최고의 장면을 빠르게 찾을 수 있습니다. 가장 마음에 드는 사진 및 동영상을 빠르게 편집하고 Facebook 및 YouTubeTM에 바로 공유하거나, GoPro 템플릿, 슬로우 모션 효과 등을 비롯한 기타 고급 편집 기능을 이용할 수 있는 GoPro Studio 앱 번들을 사용할 수 있습니다.

주요 기능
  • GoPro 사진 및 동영상을 옮기고, 정리하고, 공유하는 데 최적화된 기능
  • 버스트 및 타임랩스 사진을 보고 편집할 수 있는 강력한 기능 포함
  • 최고의 순간을 빠르게 찾아주는 HiLight Tag(하이라이트 태그) 기능
  • 짧은 클립을 만들고 공유기 쉽도록 해주는 간단한 동영상 자르기 도구
  • 보다 고급 기능을 사용할 수 있는 GoPro Studio와 함께 제공
  • 최적화된 성능을 위한 최신 기능의 GoPro 업데이트








반응형
저작자표시

'운동일지 > etc' 카테고리의 다른 글

캐틀벨 Bent Press  (0) 2017.07.13
How to do Pull ups For Beginners Workout  (0) 2017.02.17
FITNESSWEIGHT PLATES32 Weight Plate Exercises  (0) 2016.02.17
2016-01-15 스쿼시  (0) 2016.01.15
스쿼기 1일차 시작  (0) 2016.01.14
반응형

https://www.parse.com/

 

The open source Parse backend.

Setup your self.

hosted Parse API today.

 

설명 : https://www.parse.com/docs/kr

 

 

반응형
저작자표시

'프로그래밍 > App' 카테고리의 다른 글

Every iPhone Speed Test Comparison 2016!  (0) 2016.09.23
[Mobile Dev] Redbeard: Boilerplate-free native app development  (0) 2016.08.03
이유 있는 선택 Go 언어  (0) 2016.03.04
[Framework] DEEP Framework: A serverless web framework  (0) 2015.11.18
[Machine Learning] PredictionIO - https://prediction.io/  (0) 2015.11.11
반응형

Offline.js is a library that automatically alerts users when they’ve lost internet connectivity. It then captures AJAX requests that were made while offline, and recreates them when internet connectivity is restored.

offline.js

 

Homepage: http://github.hubspot.com/offline/docs/welcome/

 

GitHub: http://github.com/hubspot/offline

 

Docs: http://github.hubspot.com/offline/

 

 

Offline

 

Note to users pre-0.6.0: Offline previously used a cloudfront hosted file as one of it's methods of detecting the connection status. This method is now deprecated and the image has been removed. Please upgrade to Offline 0.7.0+.

Improve the experience of your app when your users lose connection.

  • Monitors ajax requests looking for failure
  • Confirms the connection status by requesting an image or fake resource
  • Automatically grabs ajax requests made while the connection is down and remakes them after the connection is restored.
  • Simple UI with beautiful themes
  • 3kb minified and compressed

 

 

 

. 

 

반응형
저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[UI] PatternPack: Easy pattern library creation and maintenance  (0) 2015.11.25
[Editor] Trix: An open source rich text editor : 오픈소스 에디터  (0) 2015.11.16
embed 소스 경로 교체하기  (0) 2015.10.27
유니코드_아스키코드_한글표  (0) 2015.10.13
word-break:break-all 과 word-wrap:break-word 차이  (0) 2015.10.08
반응형

Inserted Android reference links as the first attempt to improve API documentation. More will follow soon.

Also found out accidentally that updated Configuration class is not generated in the latest commit, so I added it as a separate commit.

You can merge this Pull Request by running

  git pull https://github.com/guersam/scaloid wip-improve-apidoc

Or view, comment on, or merge it at:

https://github.com/pocorall/scaloid/pull/69

Commit Summary

  • Generate Configuration class as changed in afb19ef8
  • Add link to Android reference for each generated class

File Changes

Patch Links:

 

반응형
저작자표시

'프로그래밍 > App' 카테고리의 다른 글

[json] Soulmate: Develop a fast autocomplete feature  (0) 2013.12.16
UUhistle.org: A program visualization tool  (0) 2013.12.05
[APP] smart TV, 스마트 TV 환경  (0) 2013.11.05
[APP] LG Smart TV - http://developer.lge.com/  (0) 2013.10.31
KNOX - 삼성. 기능은?  (0) 2013.10.31
반응형
LG Smart TV - http://developer.lge.com/   스마트TV

 

회원 가입 후 SDK를 다운 받을 수 있다.

 

SDK 설치 전에  Virtual Box를  다운로드 후 설치 한다.

 

* Virtual Box : https://www.virtualbox.org/wiki/Downloads

 

Virtual Box는 LG DTV Emulator NetCast 3.0/40(2012/ 2013VM) 에서 사용하기 때문에

 LG DTV Emulator NetCast 2.0(2011) 만 이용할 경우에는 필요없다.

현재 운영체제에 맞는 설치파일을 다운로드하자.

 

Virtual Box 설치 후 Safari를 설치해야 한다.

 

그 다음, Smart TV SDK를 설치한다.

 

Developing > Using SDK

Installation Guide

This section includes the following guides to explain how to install the LG Smart TV SDK on your PC.

Ÿ System Requirements

Ÿ Installation Guide (for Windows)

Ÿ Installation Guide (for Linux)

Ÿ Installation Guide (for Mac)

Ÿ LG IDE Plugin Installation Guide

 

설치완료 후 "LG IDE" application을 실행하면 된다.

 

아니면 이클립스에 추가 할 수도 있다. (Install New Software)

 

 

* 프로젝트 생성

  : LG IDE 에서 [File] - [New] - [LG Web Project] 선택

    프로젝트 생성시 SDK버전은 최신으로 선택.

 

  index.html 파일을 수정해보고.

 

실행은 LG IDE 툴바에서 [History/Run Configuration]을 선택해서 해당 Emulator를 선택.

그리고, [Run]

 

 

.

 

 

반응형
저작자표시

'프로그래밍 > App' 카테고리의 다른 글

[scaloid] Improve API documentation (#69)  (0) 2013.11.06
[APP] smart TV, 스마트 TV 환경  (0) 2013.11.05
KNOX - 삼성. 기능은?  (0) 2013.10.31
[APP] Fiddler: A cross-platform web debugging proxy  (0) 2013.09.09
[APP] 안드로이드 버전별, 화면별 분포  (0) 2013.08.05
반응형

Fiddler: A cross-platform web debugging proxy

 

Homepage: http://fiddler2.com/
Twitter: https://twitter.com/TelerikFiddler

 

 

 

반응형
저작자표시

'프로그래밍 > App' 카테고리의 다른 글

[APP] LG Smart TV - http://developer.lge.com/  (0) 2013.10.31
KNOX - 삼성. 기능은?  (0) 2013.10.31
[APP] 안드로이드 버전별, 화면별 분포  (0) 2013.08.05
개발자를 위한 Mac 개발환경 세팅 References.  (0) 2013.07.29
[APP] appium - native nad Hybrid mobile app  (0) 2013.07.10

+ Recent posts

티스토리툴바