the first website was published in 1990
comparing to today's website it's really
impressive to see how far we have come
in this video we will travel back in
time to see each step of web design
evolution in the past 30 years let's
check it out 1990 was when the world
first website was published there were
nothing much except a few texts and
links also at the time the available
public web browser wasn't graphical but
text only called line mode browser so
here is what was the website looked like
1992 was when the first image was posted
online and was edited with Photoshop
before uploaded into the Internet in
1993 mosaic the world first public
graphical browser was available this was
when the landing page design was
introduced and the first one who did
this was MTV web site here was there a
landing page in 1994 one of the world
most popular browser Netscape was
launched Netscape introduced easy access
of the Internet to the public including
graphical features like animated gif
image text formatting and table w3c was
also founded this year to create common
standard for web development 1995 the
use of table to format the HTML
structure was widely adopted
javascript was also introduced this year
starting the era of interactive content
1996 to 1999 CSS1 was introduced and
adopted during this period before that
all styles were coded inline into the
HTML so CSS is the first step to
separate content and presentation and
has become the foundation of today's web
design and development rounded corner
image was very popular trend as
border-radius was not available until ten
years later uses of table to format the
content had become a standard and at
that time an imitation of 3d effect can
be created using images like this
javascript was mainly used to create
page effect like snow fall or fireworks
flash was also a cutting-edge technology
to create website animation at that time
in 2000 flash 5 and ActionScript 1 were
introduced this was the beginning of
animated content and flash game
also the first draft off css3
specification was published during this year
2001 SVG format was introduced this is
the first vector image format for the
website it can be written in XML
2003 first version of WordPress was
created this year marked the beginning
of dynamic content and blogging era
instead of static HTML page in 2004 use
of CSS sprite was introduced by grouping
together smaller images into one and use
background position to select which
image to show this helped reduce the
number of HTML requests and size
allowing web designer to put more
graphical content on a page
in 2006 the first CSS preprocessor sass
was created this year extending CSS
features and allowed web designer to
create more complex effect in 2007 CSS
grid layout was introduced marked the
end of table and floating divs era in 2009
CSS flexbox was introduced allowing a
designer to create flexible layout
without worrying about alignment and
spacing a minimal of design concept was
also first introduced this year in 2010
the birth of responsive design instead
of creating separate mobile site the
same content could be used in different
layouts depending on the screen size
Google font was also launched this year
in creating typographic concept to be
using web design
2011 with influence of window 8 Metro of
that design was very popular bootstrap
CSS framework was also released this
year increasing web design and
development speed dramatically in 2012
media query was introduced this year
offering CSS ability to track the screen
size which is the core of responsive
design parallax scrolling concept was
also introduced this year
2014 was a year of 3D. A stable and
complete version of WebGL was launched
allowing 3d rendering with GPU power
using javascript
additionally CSS 3D transform was
starting to become very popular this
year - 2015 html5 became widely adopted
and in this year YouTube decided to draw
a Flash Player and use html5 player
instead css3 animation and transition
were introduced this year allowing fluid
and responsive buttons and menus
2016 this year was a rise of minimal
design lots of web designers tend to
drop everything down to only basic
elements mobile first and thumb friendly
design were also widely adopted this
year 2017 to present with the maturity of
design tools we started to see lots of
various design techniques to impress us
a symmetrical design, broken grid layout,
animated background using video or WebGL
and that's the past 30 years from just
text website to stunning real-time 3d
rendering it's exciting to wait and see
what's coming in the next 10 or 20 years
and that's all for this video feel free
to subscribe to stay tuned with us for
development tips and tutorial videos
thanks for watching and see you next
time bye
