Posts Tagged: HTML


13
Apr 12

The future of the web: Instagram

I can haz filterz?

All joking aside, the future of #HTML and #CSS certainly includes advanced graphical capabilities. Some of them are described in a recent presentation given by Vincent Hardy of +Adobe and you can examples of them in the images below.

Of course, in terms of specifications, all of this is in draft at the moment and and most of them currently only supported in under development versions of browsers like the nightly version of Webkit (get it here http://bit.ly/HQb1HR) with an -webkit-filter attribute. And some of the effects are making my Mac mini go wild :)

See the full presentation here (some effects will only work on the nightly Wekbit) http://bit.ly/IsK5D0
Thanks to +Chris Coyier for the link

Google+: Reshared 1 times
Google+: View post on Google+


22
Feb 12

Responsive menus: one code to rule them all

If you haven't joined the mobile web yet, you should really start thinking about it. 66% of 24-35 year olds already own web-hungry smartphones in the United States. +Webdesigntuts shows us how you can have one piece #HTML / #CSS code for your menus for both your mobile and "full size" visitors.
Check it out here http://bit.ly/wlFH3i


14
Jan 12

Advancing the HTML experience

www.mycookingdiary.com by +Mike Matas is great example of what you can do (and how to do it properly) with #HTML and #CSS today:
- A continuous user experience using AJAX to keep the user engaged. However, each "slide" has it's own URL. This means you can bookmark it, share it, etc.
- Animation – but on user action: Yes, animations can liven up a site. But it should be controllable by the user otherwise they end up being irritating. The user needs to feel he is in control of his experience of your site
- Flexible layout: the site looks great at 800px as well as 1200px
- CSS effects to enhance the visual result: #CSS3 blur is here used to bring the attention to the main content area not as a gimmick
- Keyboard navigation: a small issue for some but shows attention to detail and professionalism

Do you have any more example sites along these lines?


26
Dec 11

Excellent #HTML5 work!

This really pushes the boundaries of what we consider can be done with HTML :)

Reshared post from +Marcin Wichary

We open sourced the code behind Stanisław Lem doodle and I wrote an article describing it. Hope you enjoy!

http://www.html5rocks.com/en/tutorials/doodles/lem/
http://code.google.com/p/stanislaw-lem-google-doodle/

Embedded Link

HTML5 Rocks – Case Study: Building the StanisÅ‚aw Lem Google doodle


13
Dec 11

CSS "Magic" :)

CSS "Magic" :)

Embedded Link

Experiments with background-clip: text
Experiments with background-clip: text – Background Image for Text


20
Nov 11

Another victory for #HTML5 and #CSS3

The next version of the Kindle books format will support HTML5 and CSS3, moving away from the Mobi format. Of course it continues to be a shame (and a non-starter for me) that Kindle doesn't support #EPUB …

Embedded Link

Kindle Format 8 Overview
Kindle Format 8 Overview


21
Oct 11

Designers: drop Photoshop, do it in HTML!

Any designers who can understand HTML raise your hands :)

Embedded Link

Prototyping in code | Feature | .net magazine
Alex Morris, user experience director at Mark Boulton Design, walks us through some of the rationale, the tricks, the processes and techniques you can employ to build HTML prototyping into your workfl…


2
Sep 11

The HTML validation games continue


And they are not going to end one way or the other. Here is a recent example. Developer/journalist Tristan Louis did a small experiment the other day:

Louis then went on to examine the code of many top Web 2.0 companies to see how they compared. All of them are using UTF-8, and all of them had errors with the validator. Only five out of the 11 sites have made the transition to HTML5, with the rest using XHTML or HTML v4. As he says, “It looks like there is still much room for improve ment in the world of HTML validation.”

Full article: The State of HTML5 Validation According to Tristan Louis – TNW.

Of course, HTML validation today is not an easy task, when some parts of the code are not even yours as TNW found

In places where we’ve embedded Facebook code on our home page, the Validator considers instructions that include the namespace declarer fb: to be erroneous. What’s more, every part of those instructions generates a single error, so the entire instruction line may be deemed guilty of ten separate counts or more of infraction. The screenshot above shows one example of an attribute (among many in the same line) that the Validator claims doesn’t exist, because the fb: namespace declaration doesn’t exist in the specification. So when Facebook doesn’t comply, we’re guilty by association.

Full article Who’s Validating the Validators? Reassessing HTML ‘Compliance’ – TNW

All in all, there will always be the need from big (private or public) organizations to ensure some level of quality (in the eyes of executives with no understanding of the medium). So HTML validation will continue to be another checkbox in a requirements list. At the same time, browsers will continue to evolve and add new features and major sites like Facebook will continue to do what suits them best (meaning that you will have non-validating code from Facebook on your site). It’s a game you can’t win but one we will continue to play…