Category: DOM

Web Components: concerns and opportunities

On the 21st of March I had the plea¬≠sure of par¬≠tic¬≠i¬≠pat¬≠ing in the Web Com¬≠po¬≠nents pan¬≠el at Edge Conf, and the priv¬≠i¬≠lege of giv¬≠ing the intro¬≠duc¬≠tion to the pan¬≠el. I‚Äôm a strong advo¬≠cate of Web Com¬≠po¬≠nents and it was great to be able to pro¬≠vide my opin¬≠ion on them, along¬≠side some real experts in the field, as well as hear ques¬≠tions and feed¬≠back from the com¬≠mu¬≠ni¬≠ty. The main con¬≠cern which was raised is that, as devel¬≠op¬≠ers cre¬≠ate their own ele¬≠ments, some impor¬≠tant con¬≠sid¬≠er¬≠a¬≠tions ‚ÄĒ acces¬≠si¬≠bil¬≠i¬≠ty not least ‚ÄĒ could get for¬≠got¬≠ten about.

Read the full article

Web platform technologies in Safari 6.1 and 7

At the recent unveil­ing of OSX Mav­er­icks Apple also announced Safari 7, with great­ly improved web stan­dards sup­port. It was left a lit­tle unclear as to which ver­sions of OSX it would run on, but brows­ing through their devel­op­er area this week I found a down­load­able pre-release of Safari 6.1, which I think clears that up: it seems Safari 7 will be exclu­sive to Mav­er­icks, while 6.1 will run on Lion and Moun­tain Lion, with all of the web stan­dards sup­port of Safari 7, but only a lim­it­ed set of new features.

As both ver­sions are a major update for the brows­er, bring­ing almost a year’s worth of WebKit updates, I thought it would be use­ful to take a look through the new and updat­ed fea­tures in each, as well as try­ing to iden­ti­fy where they differ.

Read the full article

JavaScript: The Selectors API

JavaScript libraries like jQuery and Pro¬≠to¬≠type are amaz¬≠ing; flex¬≠i¬≠ble and pow¬≠er¬≠ful, they stan¬≠dard¬≠ise process¬≠es and make cross-brows¬≠er script¬≠ing real¬≠ly easy. I rarely work on a project nowa¬≠days where a library isn‚Äôt used.

Their ease-of-use has a slight draw­back, how­ev­er: it’s easy to rely on them too much, and lose sight of new devel­op­ments in JavaScript. This was the rea­son for my not real­ly pay­ing much atten­tion to an excit­ing recent intro­duc­tion, the Selec­tors API, until I had cause to use it on a per­son­al project.

Read the full article

Very quick equal-height columns in jQuery

I‚Äôm hav¬≠ing a bit of a love affair with jQuery, the Javascript library, at the moment. I know my way around JS but am far from an expert, so jQuery‚Äôs sim¬≠ple syn¬≠tax is a god¬≠send for me, and pro¬≠vides huge sav¬≠ings in my devel¬≠op¬≠ment time.

One quick tech­nique I used yes­ter­day was to make three ele­ments of equal height; it’s very sim­ple and won’t cope with dynam­ic con­tent, but is per­fect­ly suit­able for sim­ple page layouts.

Read the full article

Firefox (Gran Paradiso) 3a7: ‚ÄĎmoz-initial and forms

Recent¬≠ly I was chat¬≠ting with Rapha Mar¬≠tins, and he men¬≠tioned a fea¬≠ture he‚Äôd like to see in CSS: a ‚Äėdefault‚Äô val¬≠ue for prop¬≠er¬≠ties; that is, if you change the val¬≠ue of a prop¬≠er¬≠ty, a key¬≠word that would change it back to the brows¬≠er default rather than you hav¬≠ing to spec¬≠i¬≠fy that val¬≠ue again.

That has been pro¬≠posed for CSS 3, with the ‚Äėini¬≠tial‚Äô val¬≠ue, and it‚Äôs been intro¬≠duced into the lat¬≠est pre¬≠view of Fire¬≠fox 3 (Gran Par¬≠adiso), with the brows¬≠er-spe¬≠cif¬≠ic ‚ÄĎmoz- pre¬≠fix. I‚Äôve put togeth¬≠er a quick cou¬≠ple of basic exam¬≠ples of how it will work (you will, obvi¬≠ous¬≠ly, need the lat¬≠est pre¬≠view to see them).

Read the full article

CSS in emails, HTML vs XHTML, and more

I‚Äôm back from my hol¬≠i¬≠day, with a quick look at some of the links I would have dis¬≠cussed in more detail had I been here‚Ķ

Read the full article



I‚Äôve updat¬≠ed my Speak¬≠ing page to include more con¬≠fer¬≠ences, more videos, and a lit¬≠tle on my speak¬≠ing require¬≠ments and pref¬≠er¬≠ences. I‚Äôm plan¬≠ning to cut down on the num¬≠ber of talks I give in 2014 (twelve is too many), but am always open to inter¬≠est¬≠ing offers and oppor¬≠tu¬≠ni¬≠ties, so please get in touch if you‚Äôre organ¬≠is¬≠ing an event.

[#] 1 Comment