Majestic SEO : Backlink Checker & Site Explorer 18 CSS Effect Libraries for Creating Beautiful CSS Animations CSS animations lets you run animations smoothly, even under moderate system load. Simple animations can often perform poorly in JavaScript (unless they’re well made). The rendering engine can use frame-skipping and other techniques to keep the performance as smooth as possible and letting the browser control the animation sequence lets the browser optimize performance and efficiency by, for example, reducing the update frequency of animations running in tabs that aren’t currently visible. In this roundup, we would like to present our audience 18 Best CSS Effect Libraries that enable you to create stunning animations to make your designs more attractive and eye catching. 1. DynCSS parses your CSS for -dyn-(attribute) rules. 2. Spin kit is a collection of awesome loading spinners animated with CSS. 3. Magic CSS3 Animations is a package of CSS3 animations with special effects that you can freely use for your web projects. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. — Gavin
SEO : votre newsletter peut affecter le classement de votre site dans Google ! Ce qu’il y a de bien avec les techniques d’optimisation de référencement dans les moteurs de recherche (SEO), c’est que l’on en apprend tous les jours, que l’on soit un cador de la discipline ou un simple amateur curieux. Ce qu’il y a de moins bien c’est que l’on apprend parfois à ses dépens. Mise à jour importante : Matt Cutts de Google a apporté ce jour un démenti à cette information. Ainsi ai-je découvert via un article sur The Next Web qu’un truc qui parait aussi déconnecté du web qu’une newsletter peut avoir un impact négatif sur le classement de votre site dans les moteurs de recherche. Comment cela est-il possible ? Jake Ludington explique le principe d’email reputation : Les principaux fournisseurs de services d’email, comme Gmail, Hotmail, AOL ou Yahoo! Cela va peut-être vous paraître injuste et même intrusif : Google utilise les informations récoltées auprès de utilisateurs de son service d’email Gmail pour améliorer son filtre anti-spam. Comment éviter cette pénalité ?
CSS Quick Tip: CSS Arrows and Shapes Without Markup Nate Cavanaugh is the Director of User Interface Engineering for Liferay Inc., in which he helps guide not only the interface for end user products, but also the interface for different development methodologies. Nate currently heads up Liferay’s AlloyUI project, which is built on top of YUI3. With an extensive history in UI design and development, he is constantly looking for ways to simplify the user and developer experience alike. While responsible day-to-day for everything from UI design and Javascript development to Java integration and code refactoring, in his off time he enjoys drawing, reading, watching movies and hanging out with his wife and two dogs. Often it’s useful to show an arrow or some sort of contextual indication of what element something is related to. Today I’m going to show you a way to add in these visual hints without having to create any markup. So we didn’t want to add in custom markup to show visual relationship for one set of tabs vs. another. Caveats
Panda Update : pourquoi Google énerve les webmasters Avec Panda Update, Google s'attire de nombreuses critiques que son attitude "autiste" vis à vis des webmasters américains ne contribue pas à régler rapidement. Sur le papier, tout devait bien se passer. Le 24 février 2011, Google mettait en ligne une modification substantielle de son algorithme sur sa version américaine. Son origine ? D'un autre côté, la montée en puissance des fermes de contenus aux Etats-Unis avec le rachat de Associated Content par Yahoo et l'introduction en bourse de Demand Media. Et en toile de fond, on peut l'imaginer, une volonté de Google de "désintermédier" le Web, c'est-à-dire de supprimer les étapes inutiles entre un internaute et un contenu, et même entre un internaute et une publicité. Son résultat ? Les webmasters s'énerventSi Google a réussi à frapper un grand coup, il s'est en revanche attiré les critiques de très nombreux webmasters. D'autres encore s'énervent que Google pénalise un site dans son intégralité à cause de certaines pages incorrectes.
JavaScript Array Remove I have another handy method, that I recently developed, that allows you to simply remove an item – or a group of items – from an array. Like with my implementation of JavaScript Method Overloading I wanted something that was concise, elegant, speedy, and highly effective. So here’s the method that I came up with: and here’s some examples of how it could be used: // Remove the second item from the arrayarray.remove(1);// Remove the second-to-last item from the arrayarray.remove(-2);// Remove the second and third items from the arrayarray.remove(1,2);// Remove the last and second-to-last items from the arrayarray.remove(-2,-1); I extend that native Array prototype, if you don’t want to extend a global object, you can do something like the following, instead: Here’s a couple goals that I had for the method: To start with, most “remove” methods that you’ll find on the Internet end up making use of two slice operations (and a concat) in order to compose the final result, like so:
Microformats and RDFa deployment across the Web « Tripletalk I have presented on previous occasions (at Semtech 2009, SemTech 2010, and later at FIA Ghent 2010, see slides for the latter, also in ISWC 2009) some information about microformat and RDFa deployment on the Web. As such information is hard to come by, this has generated some interest from the audience. Unfortunately, Q&A time after presentations is too short to get into details, hence some additional background on how we obtained this data and what it means for the Web. The chart below shows the deployment of certain microformats and RDFa markup on the Web, as percentage of all web pages, based on an analysis of 12 billion web pages indexed by Yahoo! Microformats and RDFa deployment on the Web (% of all web pages) The data is given below in a tabular format. There are a couple of comments to make: There are many microformats (see microformats.org) and I only include data for the ones that are most common on the Web. Like this: Like Loading...
JavaScript is Dead. Long Live JavaScript! For 16 years, JavaScript has been the language of the web browser. This language has enabled the building of compelling web applications and contributed to the success of the web. Other scripting languages could have filled the role JavaScript does but JavaScript was in the right place at the right time. Microsoft added Basic to Internet Explorer a long time ago but JavaScript was the language in all the browsers and so it won. Since JavaScript has been cross-browser and at least good enough, the browser makers have not needed to add other language interpreters to the browsers themselves. But we still didn’t choose to use JavaScript. Still, JavaScript has been a great language. In very recent times, JavaScript has been making its most successful attempt at being a server-side language. Overall, JavaScript has been a wild success. One of the most obvious deficiencies in JavaScript is with its user interface: its syntax. The Case for Syntax Extensions: Verbose Idioms Let Modules Inheritance
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support Single Select with Groups Multiple Select with Groups Selected and Disabled Support Chosen automatically highlights selected options and removes disabled options. Single Select Multiple Select Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. Note: on single selects, the first element is assumed to be selected by the browser. No Results Text Support Setting the "No results" search text is as easy as passing an option when you create Chosen: Limit Selected Options in Multiselect You can easily limit how many options the user can select: Right-to-Left Support