About James Hopkins
Articles by James Hopkins
Styling scrollbars the Webkit way
An interesting implementation has recently made its way into the latest Webkit nightlies – a detailed method of styling scrollbars using a combination of new pseudo-elements and pseudo-classes.
Example
Although the new syntax can seem complicated at first, Webkits implementation gives authors the ability to completely alter the look and feel of scrollbars of overflow sections, listboxes, [...]
Apple publish updated proposals for Transforms, Transitions & Animations
For those of you not on the www-style mailing list, you may not be aware that Dean Jackson announced today that Apple have published updated proposals for Transitions, Animations and Transforms. This news comes after the recent decision by the CSSWG at their October F2F meeting that it is very likely that the CSSWG will [...]
Summary of the two current CSS Constants proposals
There’s been an apparent need (voiced by the web community) for CSS-based Constants ever since the conception of CSS (even though there are many established server-side preprocessors in existance). From reading blogs and the like, people are either very much in favour or very much against the idea, but the feature’s mixed reception hasn’t stopped [...]
Recent news in the world of CSS
From the October F2F CSS Working Group minutes (Apple’s proposal); Apple presented their proposals for Animations and Transitions, made remarks on Transforms, gradients, reflections. All four major browser vendors are interested in these proposals, and it is very likely that the CSSWG will accept to work on them. Exciting stuff!
Hakon presented a proposal for a [...]
CSS WG publishes new Working Draft of Level 3 Backgrounds and Borders
This information was released today on the Working Group blog and there looks to be some major updates.
The shorthand syntax for border-radius has been updated so that you can now specify different irregular curves on an element – this was a well-known abiguity that Peter pointed out in the former Working Draft.
Handy new background-position syntax [...]
Level 3 features in the wild
The beauty about working on a site that is specifically targeted for one the most popular mobile devices around (aka the iPhone) is that the vendor with the least CSS support (*cough* IE *cough*) doesn’t exist on it (purely because of its inadequate CSS support in this case).
Depending on the browser matrix you have to [...]
Latest Webkit nightlies now support CSS Variables
Dave Hyatt informs us that the latest Webkit nightlies now support an experimental implementation of CSS Variables.
The news comes only days after Daniel announced on his blog that he and Dave were in the process of finalizing a new version of the spec based on both feedback from readers and the Webkit implementation.
Nightlies can be [...]
Webkit provides implementation of CSS-based gradients
I don’t have time at the moment to write a good summary, but the link to the announcement is below which includes some examples
CSS Gradients in Webkit
Webkit introduces ‘background-clip:text’
Yesterday Dave announced that the team have introduced a new proprietary value for the CSS3 ‘background-clip’ property.The new value “…causes the background image to clip to foreground text (including decorations and shadows). The shape of the foreground content (including alpha transparency in the content) is applied as a mask to clip background drawing for the [...]
Webkit now up to 92/100 on Acid3
It was announced yesterday on the Webkit Blog that their latest nightlies now score 91/100 on Acid3. EDIT:- As of last night, the latest nightlies now score 92/100.
Kudos to the Webkit guys for obtaining such a high score after Acid3’s launch only earlier this month; I recommend you subscribe to the blog to keep up [...]
IE8 Beta Released
So, MS have finally pulled their finger out and released it
Link to installers
WARNING – the word on the street is that it IE8 automatically overwrites any IE7 installation so bear that in mind!
MS reverse decision on IE8’s opt-in standards compliancy mode
Yesterday, Dean Hachamovitch announced that IE8 will, by default, interpret web content in the most standards compliant way it can. This decision is a change from what they announced initially which prompted a huge amount of feedback (good and bad) within the web community.
Dean goes on to mention that the change of heart was due [...]
Tooltips with CSS3
As this is my first post, I’d like to introduce myself. My names James and I’m currently working as a senior User Interface Developer for Teachers TV. Like many of you guys, I’m fanatical about web standards and about creating the leanest, most semantic markup possible. I too am excited about the new possibilities with [...]
