The document discusses trends in web design for 2020, including progressive web applications that function like mobile apps, the use of artificial intelligence and chatbots, WebAssembly for compiling code to run in browsers, augmented and virtual reality technologies, and the RAIL concept for website performance involving quick response times, animation, and idle work. Examples of companies using progressive web apps are provided.

1. WEB DESIGNING
ARAVALI COLLEGE OF ENGINEERING & MANAGEMENT
(ACEM, FARIDABAD)
1 9/8/2020

2.  Web designing is the process of creating websites. It includes
webpage layout, content production and graphic design.
i. HTML defines the structure of content.
ii. CSS defines the look and feel of content.
iii. JavaScript controls the behavior of content.
WEB DESIGNING
2 9/8/2020

3. 2020 TRENDS IN WEB DESIGNING
3 9/8/2020

4.  Known as progressive web applications.
 It function like native mobile app.
 Progressive web applications takes advantage of the latest
technologies to combine the best of web and mobile app.
 Example:
Alibaba
Twitter
Forbes
1. PWA
4 9/8/2020

5.  AI mimics human intelligence and enhances a solution’s cognitive
functions like learning, data collection/analysis, and multi-tasking
automation.
 Chatbots powered with AI and machine learning proved getting
quick answers in an emergency, resolving a complaint, etc.
2. ARTIFICIAL INTELLIGENCE &
CHATBOTS
5 9/8/2020

6.  WebAssembly is a game-changer in the web development world.
With the help of WebAssembly, you can compile programming
language code into byte code that runs in a browser.
 WebAssembly is built with high-level goals:
i) Harness hardware capabilities to be portable and efficient
ii) Support non-browser embedding
3. WEBASSEMBLY
6 9/8/2020

7.  Virtual Reality (VR) and Augmented Reality (AR) technologies sound
promising in the future due to the capability of changing the interaction
way with websites.
 Users can immerse in the virtual world by means of Virtual Reality
technology.
 Augmented Reality (AR) shows the sight of a virtual world in this real
world along with making the user experience much better.
4. AUGMENTED REALITY & VIRTUAL
REALITY
7 9/8/2020

8.  The concept involves faster load times and excellent website
performance.
 Response: There is a quick response with every input. The feedback is
provided in less than 100 milliseconds.
 Animation: Visual animation includes scrolling and dragging. The goal
is to complete every frame within 16 milliseconds.
 Idle: This entails that work done in the background, especially work not
needed during the initial load. The work is grouped in blocks in less
than 100 milliseconds.
 Load: The paint gets under 1 second. Once the paint is accepted, the
goal is to keep the app responsive to the user.
5. RAIL CONCEPT
8 9/8/2020

9. 9
Aravali College of Engineering And Management
Jasana, Tigaon Road, Neharpar, Faridabad, Delhi NCR
Toll Free Number : 91- 8527538785
Website : www.acem.edu.in
9/8/2020