PUBLIC MARKS from decembre with tags tool & browser

The Google Labs N-gram Viewer is the first tool of its kind, capable of precisely and rapidly quantifying cultural trends based on massive quantities of data. It is a gateway to culturomics! The browser is designed to enable you to examine the frequency of words (banana) or phrases ('United States of America') in books over time. You'll be searching through over 5.2 million books: ~4% of all books ever published! There are lots of different things you can check, like your favorite word (Supercalifragilisticexpialidocious) or person (President Taft; Chief Justice Taft) or part of the holiday (Christmas Tree).

Let's take a look at what it takes to build a grid overlay with CSS. It will be responsive, easily customizable and make heavy use of CSS variables (known more accurately as "CSS custom properties"). If you aren't familiar with custom properties, I'd highly recommend reading What is the difference between CSS variables and preprocessor variables? and watching Lea Verou's enlighting talk on using them. This grid overlay that we're building will consider a developer tool, as in, a tool just for us, not really our users. So, let's not worry too much about browser support (If you do care, check out caniuse… data on custom properties). While it's impossible to preprocess custom properties to behave exactly the same as native support, if you use them just like you would preprocessor variables, tools like the postCSS plugin cssnext can transform them into CSS compliant with older browsers.

Let's look at some ways we can use the browsers DevTools to do design work. There are a few somewhat hidden tricks you mind find handy!

you can use Firefox menu->Developer->BrowserToolbox to examine UI elements and play with CSS. After you open it, click OK in the main browser window, wait a few seconds for the toolbox to initiliaze, then use the first button in its toolbar to pick an element (bookmarks button in your case).

« What’s my browser size ? » est une page internet qui indique quelles sont les dimensions (hauteur et largeur) de la fenêtre de votre navigateur. Particulièrement utile dans le cadre d’intégrations responsive, ce service constitue une bonne alternative aux extensions des différents navigateurs.

Utilité de -prefix-free ? -prefix-free est un petit fichier JavaScript qui ajoute à la volée le bon préfixe propriétaire selon le navigateur affichant la page. Plus besoin, donc, d'ajouter dans la feuille de style les différentes propriétés propriétaires ! -prefix-free adapte la propriété CSS3 au navigateur.

You can inspect the Firefox user interface directly with DOM Inspector. (Which is not the same Inspector as in the Web Developer menu.) [addons.mozilla.org] https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/Click the icon in the upper-left corner of DOMi, the one with a pointer on it, then click anywhere in the browser to select an element; that element will be highlighted in the left column. Right-click the highlighted entry to display a context menu: "Copy Selector" suggests selectors for the element, "Set Pseudo-classes..." lets you switch on :hover. Notice that the browser itself is a document with its own URI, chrome://browser/content/browser.xul, Most of the browser chrome is XUL, but some, such as the Stylish editor, is HTML embedded in XUL. https://developer.mozilla.org/en-US/docs/XUL

Browse random Favorites photos that have been favorited by others......

When I do need to print, HP's addon gives me the option to combine multiple web pages on one sheet of paper, eliminate elements I don't need to print, and it even allows saving to PDF. Always nice to see the big boys release something great for free.

The universal, high-speed-everywhere web isn't quite a reality yet, as anyone who's used a relative's dial-up or a seriously weak airport connection can testify to. Web page re-formatting tool Finch gives you just the text, ma'am, from any site you plug into its address box, stripping Flash, JavaScript, stylesheets, and even images from the layout. Tools like this often crop up for mobile phones, such as Google's Mobilizer, but Finch is made for the desktop browser. Some sites will work better with their graphical navigators removed than others, of course, but for anyone stuck with a fist-poundingly slow connection, or paying for every megabyte, Finch is a great bookmarket to keep handy.

This is a brand new Firefox extension that allows you to create a backup of all your installed extensions and themes. The backups are created in an installable xpi format so you can easily port them to another computer.

Flickrfox (Firefox Extension)Flickrfox Flickr dans la barre de tache de Firefox et sidebar. Flickrfox lets you browse flickr photostreams in a sidebar in firefox. It makes managing groups, searching tags, and keeping up with your contacts easy, and it’s a fun way to explore flickr.