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