Do you know http://archive.org/web/web.php ? If not you should try to check it. By this web page you are able to “travel in time” ;). Type www.onet.pl or other URL to see how these web pages were looked like in the past (e.g. 15 ears ago).
But today, all we are a part of changes that is currently happening at the Web. As you probably know The World Wide Web Consortium (W3c) is currently engaged into creation of HTML 5 and CSS3 specifications. Most of these specifications (they are divided into many smaller modules ) have still under working draft status. Besides that limitation, we are able to use what they provide today (providing we have the newest version of the web browser). If you are confused whether to use HTML5 right now you should read this article: http://tympanus.net/codrops/2011/11/24/top-10-reasons-to-use-html5-right-now/
So this post will be about new features of HTML 5 and CSS3. Let’s think about another usage of HTML5 and situations they can help, facilitate live of others and enrich some kind of experience of using the web. You can share you idea, interesting links about innovations like new frameworks for building new interface of sites, tutorial, examples, articles etc.
Here I am writing some ideas that we can start to talk about them. Innovative way of building interfaces and new approach to design are the aims that CSS3 helps to achieve them quite easy.
Let’s start talking about typography. The following article is about using web fonts as a primary design element. Using an uncommon or novelty typeface can add a lot of visual interest
http://tympanus.net/codrops/2012/05/01/effective-typography-driven-web-design/
The websites based on the parallax effect present very interesting approach for building eye-catching web sites: http://designmodo.com/parallax-design/
Which direction the design of web sites goes to? Here we have two interesting articles that deal with that:
http://tympanus.net/codrops/2011/02/21/designing-for-feature-rich-websites/
http://designmodo.com/google-interface-flat/
Making a presentation using Web Browser and HTML5 - instead of Power Point has becoming more and more popular. The following article presents several frameworks that we can use building our own presentation available on the web:
http://zoomzum.com/6-best-html5css3-presentation-frameworks/
I couldn’t finish here without mention about 3D and animations. The complex animation in pure CSS3 are still not very popular. But due to rapid development of the new products of Adobe (e.g. Adobe Edge Animate) for making animation it will change. I have an impression that these new possibilities carry a completely new approach for building a websites and presenting information on the web.
http://www.creativebloq.com/css3/animation-with-css3-712437
I realize that there are many another aspects that have not been moved here. Do you have any thoughts about that changes? If you read interesting article or know spectacular tool, sites or idea that you want to share with us - please do it. Thank You.
I've read an interesting explanation for trends in design (such as user interface design). It basically said that as new and fresh design ideas become mainstream, developers create tools to simplify implementing those designs and then they quickly become no longer “fresh and new”, but common and overdone instead. For example “rounded corners” in web design used to be all the rage, now they are gone from websites even though there is a lot better browser support for them. Over time there is progress and user interfaces do get better, but at any given time what is popular today is not necessarily what will stand the test of time. That's why I see some changes to websites as just staying with the trends and sometimes even making things worse from the usability point of view. It's quite annoying (for example the recent changes in Gmail to the Reply function).
ReplyDeleteJust my 2 cents. I think classical, ideal web design qualities exist and one day we will discover them.
DeleteThis comment has been removed by the author.
DeleteSimilarly as Microsoft which have just discovered flat two colors icons for the newest products.
DeleteYesterday I noticed that my bank used this style for its web site. For me it’s a tragedy because I invested my money for graphic card displaying billions colors – unnecessary ;-).
As regards gmail I agree with you. But i like the new feature of gmail that allows you to work event when you are off-line:
ReplyDeletehttps://chrome.google.com/webstore/detail/ejidjjhkpiempkbhmpbfngldlkglhimk
For example going on the plane you have to switch you phone off. But you can still manage you emails, the off-line mode notwithstanding.
I think until new devices development will spread in such rapid way the standardize of HTML5 is more and more harder. I my opinion it will take the same time as standardizing HTML4 (as i remember over 10 years).
I would be very careful with „eye catching” being the main driver for the form of the content we want to share or present.
ReplyDeleteLook what happened to our streets regarding the everywhere available adverts.
It spoils the beautiful nature of the environment that surround us.
The same temptation hides in web development. You can enforce a lot of new “eye catching“ techniques forgetting that the reader has a limited strength for being “instantly caught”.
Sometimes I feel exhausted while reading some web pages just because of how visually appalling they are.
I believe that all the content presentation technologies should serve the recipient and the creator.
The recipient should be able to find valuable things easily and the creator should be able to provision and do maintenance easily. As always the “catch is in the details” :).
To add something positive – I like when people agree on valuable and well thought through standards where I reckon HTML5 and CCS3 as a proper direction examples.
DeleteHaving read your comment I recall the phrase of "content is king". Typing it to the Google I found and article about why is it that. This article seems to confirm what it is trying to explain because the design of it is very ugly :) http://www.akamarketing.com/content-is-king.html
DeleteI agree that HTML 5 has some new nice futures but somehow HTML 5 miss my expectation. I have a feeling that HTML is mainly focused on presenting some media instead of being reach tag based language to define user interface. There some examples of languages like XAML (Extensible Application Markup Language) where we define user interface using markup language and in my opinion the way how everything is organized is much better then in html. The source of the problem is in World Wide Web Consortium. They try to be backward compatible and do not won’t do make any drastic changes. On the other hand I think drastic changes are needed and oly WWW Consortium is as powerful force all industry of web browser developers to be compliant with changes.
ReplyDeleteDear Piotr, I think HTML5 takes into account all the aspects of user experience and web development. So it places emphasis on not to overwhelm content with visuals. The impression you have is taken from the fact that HTML5 tags is still under developmental state compared with XAML. But in my opinion it is a good state because they could have more feedback from the users. Moreover you stir only one aspect of HTML5 – as you said, the presentation layer. It is not only for that and the presentation layer is only small addition for HTML5 specification (want to be more precise I should writing about CSS3 because CSS is responsible for presentation layer). Other are the semantic meaning of HTML5 tags, simplicity of coding (e.g. form fields, validation), performance and integration, new Java Script APIs (e.g. Web sockets, Local SQL storage, geolocation) and multimedia as you have just written but multimedia itself is only small part of others possibility.
DeleteI can see that HTML 5 has nice futures like better support for games now a days Internet games are become more and more popular so I think that support that games is nice feature also better support for mobile are great ides because now a days almost every one use their mobile to view web site or application. But Like it was said HTML5 is still under development so we will see how it will work in reality:)
ReplyDeleteIt is true HTML5 is best for coding games for the Web. The great example we have here:
Deletehttp://agent8ball.com/
This game is fully developed in clear HTML5 using JavaScript and canvas element. No Flash or SilverLight. Just pure web browser capability – without any others plug-in. You should try to play it :)
On my side of this topic I am very interested in typographic features of CSS3, I am working quite a lot with linguist web page development and I was very surprised how much attention do they pay to such details which I have totally overlooked until now and how poorly it is controlled in current standards.
ReplyDeleteEmbedding new features into web standards is good for web creators- they won’t have to discover a wheel all the time.
ReplyDeleteWhen I read Mariusz’s article – he showed us a lot of aspect which web creators should take into consideration for making their sites looking modern and attractive. When I remember my first web application I see a fact that I did it alone – I developed both logic and user interface. Now it’s impossible for me – I don’t know which standards for lloking is really modern and won’t cause problems with compatibility between old and new browser. I am interesting if I wait for times when I will create some simple web application alone again.
Mariusz – very thanks for http://archive.org/web/web.php.
Grzegorz, I agree this site gives a lot of fun :)
DeleteDeveloping web application will be much easier because you won’t need to care about fringe issue like writing all code for validation for example. In HTML5 everything will be easier due to solving big numbers of well known problems of developers just by using one single command or parameter. This is what annoy many developers (needs of going round in order to achieve base functionality like detecting screen resolution for responsive web design) but HTML5 try to fill this hole.
Great article, really thoroughly researched and very interesting.
ReplyDeleteBest HTML5/CSS3 Presentation Frameworks | ZoomZum CSS3 is the next version and most popular design technology among web designers and developers nowadays. CSS( Cascading Style Sheet)- this technology provides a way to change color, fonts, size,background, border, etc of website design.
Typography has long been an invaluable tool for communicating ideas and information. Choosing the correct typography for the website is a very important part of the design process.
Typography plays a vital role in web designing.Everybody loves a nice bit of typography.There are many different styles that are used nowadays when it comes to typography in web design.Thanks for sharing such a valuable info.
Being able to see the changes in the websites was something that was really interesting to see. When I first read your post I was wondering how some of them looked just a few years back but I could not remember. This site can really highlight the progress the world made.
ReplyDeleteAs for the sites, I don't really have any experience in designing them so my opinion can only be made from the end user perspective. I agree with the statement that many of us already made and that is: more doesn't always stand for better. I remember the times when I could enter a site dedicated to one specific topic and find the information I was looking for. Nowadays I can see a worrisome trend that the visual display of the site has become the primary thing for many and the information content gets put in second place. Often when I try to look for something on the web I enter sites that smack my face with all kinds of animations, videos, advertisements that are aimed to be pleasing for the eye but in the long run I feel just the opposite and just close the pages.
I agree that the HTML5 has big potential for creating both interesting and visually pleasing sites. Time will tell how this will work out.
The big issue that have not been risen here is accessibility. Think about the blind or hearing-impaired people. They still should have possibility of experience of the web. Until now, it was very expensive and time consuming to wait on them because it involved alternative version of your site. But HTML5 go out on the counter and offers for example semantic tags for the blind who use screen readers. Today, blind people don’t need to wait until screen reader ends to read what is it in a menu during skipping to another webpage. Due to introduction of valuable semantic tags like or , the screen reader software can know what is worth to read and what is what simply :) HTML5 code is more friendly to integrate it with Braille reader. Please read and watch about SMS for the blind and visually impaired:
ReplyDeletehttp://betalabs.nokia.com/trials/nokia-braille-reader
Getting rid of useless things from HTML5 websites and make them light, some company make a big profit of that. Using more efficient and productive Java Script API and appropriate design of web page in HTML5 is very important for big companies like Amazon. The Amazon discovered that 100 milliseconds more ( yes, 0.1s) during loading their page denote 1% reduction in sales. That fact shed new light on the problem of performance.
ReplyDelete