WayBack Machine

http://web.archive.org

Landing Pages

What is a Landing Page?

A landing page is any web page that a visitor can arrive at or “land” on. However, when discussing landing pages within the realm of marketing and advertising, it’s more common to refer to a landing page as being a standalone web page distinct from your main website that has been designed for a single focused objective. This means that your landing page should have no global navigation to tie it to your primary website. The main reason for this is to limit the options available to your visitors, helping to guide them toward your intended conversion goal.

Great example

Single Page Applications

SPA - Definition

A Single Page Application is a web app that fits on a single page with a goal of providing a more fluid user experience.

It is a web app in which the majority of interactions are handled on the page.

Some examples

Progressive Web Application (PWA)

What is PWA?

A Progressive Web App uses modern web capabilities to deliver an app-like user experience.

Key points:

1. Responsive
2. Secure: HTTPS
3. Push notifications
4. Fast: smooth animation
5. Instant loading over Service Workers
6. Home-screen shortcut (instead of bookmarks)

What is Web Graphics Library (WebGL)?

• WebGL - a Web API for rendering 3D graphics within web browser
• Open Standard maintained by the Khronos Group
• First shipped in March 3, 2011
• No plug-ins, based on OpenGL
• GPU accelerated image processing as part of the web page canvas
• Can be mixed with other HTML elements
• JavaScript / WebAssembly + OpenGL Shading Language (GLSL)
• GLSL is executed on a computer's graphics processing unit (GPU)
• First version shipped in 2011

Use cases of WebGL

• Art
• Games
• Presentation focused websites

What Are Shaders?

• Small "programs" that runs on the GPU
• Have a well-defined set of input/output values, some built-in and some user-defined
• Written in OpenGL Shading Language (GLSL)
• GLSL syntax is kinda like C
• Generally regarded as fairly advanced, but it is actually much simpler than it looks

Shader Effect Examples

• Shaders can be used to create cool effects like lightning, shadowing, refraction, and more

Getting Started

Key points:

• It is a binary format produced by a compiler (not a programming language)
• Is focused on C/C++ (Emscripten compiler)
• Fully integrates with JavaScript
• Uses WebAPI directly
• Works in the same context/thread as other JavaScript code.
• Runs in a sandbox, so it is secure

How Does WebAssembly Work?

Getting Started

What is WebVR?

WebVR is an experimental Javascript API that provides access to Virtual Reality devices, such as the Oculus Rift or Google Cardboard, in your browser.

Key points:

1. Render Web Content in VR
2. Access to devices being used for Virtual Reality
3. Focus on Head-Mounted Displays and Sensor devices

Frameworks and libraries

Getting Started