As CSS3 sediments itself into the browser, we can look to improvements in CSS4 that should help simplify CSS files (partly be reducing repetition). The :matches() pseudoclass looks very good, ut the most important bit so far is the subject selector ‘$’ which will make selection of a parent element possible for the first time …
Some cute CSS-based speech/thought bubbles. Mostly they use pure CSS, but a couple require additional markup.
Tab Atkins writes a brief but too oft required glossary of CSS terms.
A very clear example of the formatting differences between block and inline display using CSS. Really useful if going beyond CSS101.
Using JS to asynchronously load CSS can improve load times. This is interesting, but for me falls into the category of rarely useful. There will be cases where this is needed, but the maintenance then moves to a specialism that is costly.
An extensive summary of the web technology stack.
Some background thoughts on “Responsive Web Design” (i.e. one of the things I espouse during web design lectures). If the web page contains the information and the CSS describes they layout, then it’s hard to do anything but a design that is responsive.
Some notes on HTML page structures that dynamically reflow on devices with differently sized screens.
Just what the doctor ordered. CSS Lint to complement JSLint
A preliminary view of Internet Explorer 10′s capabilities. Microsoft are playing a crazy catchup game again, hoping their browser (which is most definitely not part of the operating system) can be good enough that people won’t need to download or use competitor browsers. It seems silly that they’re still in this game. Netscape (and Joshua) …
XUL flex box comes to CSS. The potential to simplify multi-column and dynamically sized tabular content, whilst not polluting the markup. Much rejoicing may follow.
Library for prettifying code. Nice.
jsFiddle looks a lot like JSBin – an editor in the cloud that an be embedded and used in other pages.
An example of how to use JS Fresnel
HTML and CSS Tutorials, References, and Articles. A well written set of tutorials. A welcome alternative to W3Schools which I despair at for its bland, unhelpful and uninspiring content.
Remy Sharp’s HTML5 demos. These are useful demonstrations of functions rather than wizzy canvas candy.
Some very pretty HTML5 & Canvas experiments.
An HTML5 cheatsheet covering: doctype, rounded corners, box and text shadows, border images, columns, svg, canvas & text rotation.