CSS3 Patterns Gallery Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. Submission guidelines If you have a new pattern to submit, please send a pull request. Does it present a new technique? Best jQuery Plugins of 2012 Nearly 6 years after the initial release of jQuery, it’s more popular than been. This can mostly be attributed to the community that’s been built up around it. This community of developers is constantly building plugins that allow web developers and designers to easily add amazing functionality to their projects. Continuing our “Best of 2012″ series, the focus this week is on jQuery plugins. Arctext.js Arctext.js is a jQuery plugin that let’s you do exactly that. Jquery Transit Super-smooth CSS3 transformations and transitions for jQuery — v0.1.3 SlabText A jquery plugin for producing big, bold and responsive headlines. stellar.js Parallax has never been easier. Get turn.js Is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5. Flexslider 2.0 FlexSlider is an awesome, fully responsive jQuery slider plugin. hammer.js A javascript library for multi-touch gestures. iPicture About the Author Related Posts 2781 shares Best Free Fonts of 2012 Read More
How to automatically post links to your latest blog articles on social media websites - realmacsoftware A place for customers to chat about Realmac and its products - RapidWeaver, Clear and Ember! Hello, This is something I was asked about by a client a few weeks ago, and I decided to writeup my findings and present this information as a 'how to' for other RapidWeaver users: This is useful if you maintain a blog via RapidWeaver or another publishing platform. A free service like TwitterFeed monitors your blog RSS feed for new articles. It serves as a useful method to promote your blog. -Will.
The Complete Text Transcripts of Over 100 Barack Obama Speeches Grille d’audit pour analyser et évaluer la qualité d’un site web Pour évaluer la qualité d’un site web, on fait ce que l’on appelle : un audit. C’est un outil managérial qui permet de vérifier que votre site/blog/boutique en ligne répond correctement aux différentes « bonnes pratiques » et que celui ci est bien adaptés à votre cible : les internautes. C’est audit facilitera grandement la conception de tous vos wireframes, spécifications fonctionnelles et assurer que le site répondent aux besoins du client. L’audit d’un site à une place très importante dans la phase de conception web. TELECHARGER LA GRILLE D’AUDIT POUR SITE WEB (pdf) On peut ainsi différencier plusieurs dimensions dans cet audit : Pendant l’audit mettez vous à la place d’un utilisateur normal qui vient d’arriver. Il faut également prendre en compte la particularité d’un blog ou bien d’un site de e-commerce qui ne répondent pas aux mêmes contraintes techniques, et aux mêmes attentes vis à vis des internautes. Télécharger la grille d’audit pour site internet (pdf)
Screen Capture · ariya/phantomjs Wiki Since PhantomJS is using WebKit, a real layout and rendering engine, it can capture a web page as a screenshot. Because PhantomJS can render anything on the web page, it can be used to convert contents not only in HTML and CSS, but also SVG and Canvas. The following script demonstrates the simplest use of page capture. It loads the Github homepage and then saves it as an image, github.png. var page = require('webpage').create(); page.open(' function () { page.render('github.png'); phantom.exit(); }); To run this example create a new file called 'github.js' which is in the same directory as the phantomjs.exe file. phantomjs github.js Beside PNG format, PhantomJS supports JPEG, GIF, and PDF. In the examples subdirectory, there is a script rasterize.js (30 lines) which demonstrates a more complete rendering feature of PhantomJS. phantomjs rasterize.js tiger.png which gives the following tiger.png:
Infographics Showcase - Infographic Reviews - Submit Infographic - Part 2 Filed under: Business Infographics, Legal Infographics, People Infographics | Comments Off The Special Risks Bureau has compiled a list of the most expensive body parts celebrities have insured, and used them to create the most valuable celebrity couple in the world. Body parts include Gene Simmons’ tongue, Rod Stewart’s voice, Cristiano Ronaldo’s legs, Julia Roberts smile, Jennifer Lopez’s bum, and Mariah Carey’s legs. Infographic Design: B+ Simple design that showcase the many different celebrity body parts that are insured. Infographic Information: A The information is easy to understand and something that most people may not even realize. Download this infographic. Filed under: Business Infographics, Historical Infographics | 1 Comment » Ten Motives has created an infographic depicting the history of smoking. Infographic Design: A The timeline design works well to showcase the history of smoking. Download this infographic. Filed under: Home Infographics | Comments Off Infographic Design: B
Sneakpeekit.com, des gabarits papier pour esquisser vos sites réactifs Lorsqu’on est dans la phase de création d’un site, il est toujours plus facile d’essayer des choses « à la main » sur papier. Mais on perd beaucoup de temps à dessiner le gabarit sur papier quadrillé, pour toutes les tailles que l’on souhaite supporter pour son Webdesign. Le site Sneakpeekit.com propose des gabarits A4 à télécharger et imprimer pour un grand nombre de tailles courantes pour les sites réactifs (mobile, tablettes, navigateur, …) et pour différents systèmes de grilles connus. Les gabarits sont proposés en deux finitions, avec ou sans grille. Parfait pour gagner du temps et de la précision dans ses webdesigns et les définir comme des pros. Téléchargez les gabarits à imprimer Sneakpeekit.com
jQuery Cheat Sheet Selectors #id, HTML tag, .class $(‘#myID’);, $(‘body’);, $(‘.myClass’); This is similar to regular CSS selectors. elem1, elem2, elem3 $(‘#myID, p, .myClass’); Multiple elements being selected at once. ancestor descendant $(‘#myID .IDsChildren’); This is similar to regular CSS selectors. parent > child $(‘body > #content’); Here we are selecting all #content that is only one level deep from the body tag. prev + next $(‘#myID + ul’); Selects the ul that immediately precedes #myID prev ~ siblings $(‘#myID ~ ul’); :first or :last $(‘ul li:first’); Selects the first li within any ul. :not(?) $(‘ul *:not(li)’); Selects all elements that is has ul as a parent and is not an li. :even or :odd $(‘ul li:even’); Selects all li that are an even. :eq(index) $(‘ul li:eq(1)’); Selects the second li inside of any ul. :gt(index) or :lt(index) $(‘ul li:gt(3)’); Selects all li that have an index greater than 4. :contains(“text”) $(‘div:contains(“test”)’); Selects all div that contain the text, “test”. :empty $(‘div:empty’); :has(elem) :parent
Frugal for Life What is it about being frugal, why do it? Actually, some people don’t do it at all, they have decided that what they want and desire is what they are going to get and they feel they deserve that lifestyle. I have no trouble with that; more power to ya, live long and prosper and may you die with the most toys. However, for me, I find little value in the things around me. When I was a teenager, things were my identity, I had a little saying that I stole from a Queen song, "I want it all, and I want it now." Quite a few years ago I was given a leather jacket, I always wanted one because I thought they were cool and thus, I would be cool. As the years passed and I was in some hard times, I needed money for necessities and didn’t know what to do, until I saw the jacket in the closet in all it’s shiny newness and cleanliness. It killed me to take that jacket in, but I had to and to do it, I had to distance myself from the experience so I could get it done. Frugality is also about moderation.