Tag Archive for 'HTML'

HTML5 Priority of Constituencies

In case of conflict, consider users over authors over implementors over specifiers over theoretical purity. In other words costs or difficulties to the user should be given more weight than costs to authors; which in turn should be given more weight than costs to implementors; which should be given more weight than costs to authors of the spec itself, which should be given more weight than those proposing changes for theoretical reasons alone. Of course, it is preferred to make things better for multiple constituencies at once.

W3C

(Translated: “It’s all about the user baby!”)

CSS typography posters

Whilst looking for a practical application for the (new) CSS3 border-image property this evening I stumbled upon this typography wonder:

nicolasGallagher-cssTypographyExperiment

Nicolas Gallagher CSS Typography Experiment

Now at first glance it’s nothing special, but once you discover this is pure HTML/CSS comboliciousness were dealing with here… well, I got my Firebug on to inspect a little closer and sure enough it’s all image-free. The depression set in once I discovered this was accomplished/published nearly a year ago, back in February of this year (2010).

NB the advanced use of CSS for the heart shape and great use of masking using the :before/:after pseudo-element.

Mozilla Drumbeat festival: ‘Learning is learning, and learning is good.’

Drumbeat – Mozilla’s flagship festival focusing on net-neutrality, openness, and freedom of learning and expression – begins today in Barcelona, Spain. After spending an evening scoping out the scheduled events, workshops, and folks involved, here are some of my MASSIVELY cool highlights and things to watch out for in 2011:

Universal Subtitles

I was impressed to hear Robin Christopherson, Head of Accessibility Services at AbilityNet, sing the praises of YouTube’s auto-captioning tool at FOWD 2010 earlier this year. Mozilla‘s new open source tool – Universal Subtitles – aims to help translate even more videos into a format capable of being easily consumed by deaf and hard of hearing users, as well as ensuring that popular search engines – like Google – can access and archive important video content for years to come. View a video introduction to the new Universal Subtitles tool in all its HTML5 glory.

Google’s SEO starter guide

Best .mp3 to .ogg audio file converters

If you, like me, have been dabbling in HTML audio embedding recently, then there’s a likelihood you’ll have found out there’s little cross-browser consensus for embedding HTML5 audio. There’s a high chance, if you’ve been using tools like jPlayer, that you will need two types of duplicate audio files:

  1. .mp3 and;
  2. .ogg

Here are two useful – free -conversion tools I’ve found over the past few weeks:

Enjoy!

Form input labels with (HTML5) placeholder attributes

Update 16/12/2010

I used this jQuery placeholder plugin to do the job today and it worked nicely.

The new HTML5 specification introduces the form input placeholder attribute, which allows us to define a hint to help users fill out input fields. If you’re using a WebKit-based browser right now you should find working examples of the new input placeholder in use on this page.

Working with form elements, especially labels, can present a dilemma for many…

Proportionator (alpha 1.0)

Update 26/11/2010

Pending feature requests for v1.1 (beta):

  • Custom aspect ratios
  • Default radio input
  • Full form entry validation
  • Height to width conversion
  • Outputs image place holders
Update 30/11/2010

Proportionator gets a new home: http://www.proportionator.co.uk/. The project also welcomes the very talented @_alanshaw on-board to help get some of these feature requests out the door. Boo yar!

Try Proportionator?

Proportionator (beta 1.0)

Proportionator (beta 1.0)

Problem:

Simply put; you’d like to be able to insert media (notably images) into your new WordPress 3.0 posts and pages – and any other website page – and ensure the dimensions fill the column width, helping to:

What the 80/20 Rule Tells Us about Reducing HTTP Requests

Most performance optimization today are made on the parts that generate the HTML document (apache, C++, databases, etc.), but those parts only contribute to about 20% of the user’s response time. It’s better to focus on optimizing the parts that contribute to the other 80%.

Yahoo! Interface Blog

html5homi.es

Like I need any more encouragement: http://html5homi.es/

^ html5homi.e

^ html5homi.e

html5readiness.com

A wonderfully visual HTML5/CSS3 browser support resource I revisited this evening, buried in my bookmarks:

http://html5readiness.com/ screenshot

HTM5 Readiness screenshot

http://html5readiness.com/