background preloader

Holmes.css - CSS Markup Detective

Holmes.css - CSS Markup Detective
What does it do? The holmes.css file will display either an error (red outline), a warning (yellow outline), or a deprecated style (dark grey outline) for flags such as: Missing required attributes on tags, such as name attributes on inputs (lots of these) Potentially improvable markup, such as links with href="#" Deprecated and Non-W3C Elements - see W3C.org's article on obselete tags Non-W3C Attributes - as above, just the most important ones since there are MANY Thanks to Anthony Mann, holmes now displays an informative error message when you hover over the element. How do I use it? Simply download a version of the CSS, minified or normal (with docs), and include a stylesheet link to it on your page. In terms of configuration, such as changing the flag colours: go nuts! Why should I use it? Remember too that these are just guidelines: if something is flagged but you can't change it for a good reason, don't worry about it :) Also use a validator if you want to be 100% sure. Browser Support Related:  Web Development

Font sizing with rem Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable. There are two main techniques that are extolled: Size with pxSize with em Let's review these two approaches before I reveal the magical third. Sizing with px In the early days of the web, we used pixels to size our text. I, personally, have been of the camp that px-based layouts provide the consistency I prefer and users have enough tools available to adjust their view that accessibility is less of a concern. Sizing with em That whole inability to resize text in IE has been a continuing frustration. The technique modifies the base font-size on the body using a percentage. The problem with em-based font sizing is that the font size compounds. Sizing with rem But what pitiful browser support do we have to worry about?

Fathom.js, présentations, diaporamas en JavaScript | Webmaster – Ressources et outils gratuits pour votre site internet – Free Tools| Free Tools, Le meilleur des outils gratuits pour webmaster jqmPhp | HTML Code Generator for jQuery Mobile Framework | jqmPhp mrdoob/three.js - GitHub lorempixum - placeholder images for every case Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade

The internet is our social network. | Friendika What if social networks were more like email? What if they were all inter-connected, and you could choose which software (and even which provider) to use based purely on what they offered you? Now they are! Friendica is bringing them all together. All of these can be included in your Friendica "social stream" where you may interact with them using a familiar conversational interface - and perhaps arrange them into private conversation groups. Note: Two-way and private communications are not yet available on all networks, and in a few cases these abilities are not possible due to limitations in the underlying communications formats. You wouldn't have to give up any of your existing friends. But wait, there's more... Friendica is also the most technically advanced and feature-rich decentralised Facebook alternative currently available for the indie web. Friendica is decentralised, open source, secure, private, modular, extensible, unincorporated, and federated. Oh, and Friendica is free.

CSS Selectors and Pseudo Selectors and browser support This page has not been updated for some time and some of the browser versions are obsolete - I'm working on a better format for the page, so check back every now and then :) The following is a range of CSS tests of the most common browsers' support for selectors and pseudo selectors. The tests includes basic stuff from the good old days of CSS1 and funky stuff from the future (CSS3). If you feel like reading more about the selectors and which attributes they support, the W3C is the place to go! If you spot any errors (it happens to us all...) or have any comments, I'm on Twitter as @overflowhidden. Click here to see this page's history. :hover only works for a-elements in IE6. History (not complete): 2011.04.13: I've discovered a bug in Google Chrome regarding the adjacent selectors and created a test page to demonstrate the problem. 2010.03.18: Opera 10b3 replaced with Opera 10.5 beta.

Related: