Case Study: Page Flip Effect from 20thingsilearned.com
Introduction In 2010, F-i.com and the Google Chrome team collaborated on an HTML5-based educational web app called 20 Things I Learned about Browsers and the Web (www.20thingsilearned.com). One of the key ideas behind this project was that it would best be presented in the context of a book. Since the contents of the book is very much about open web technologies we felt it was important to stay true to that by making the container itself an example of what these technologies allow us to accomplish today. We decided that the best way to achieve the feeling of a real world book is to simulate the good parts of the analogue reading experience while still leveraging the benefits of the digital realm in areas such as navigation. Getting Started This tutorial will take you through the process of creating your own page flip effect using the canvas element and plenty of JavaScript. Before we get started it's a good idea to check out the demo so that you know what we're aiming to build. Markup Logic
Fonts2u.com
Icon Archive - 28,600+ free icons, buddy icons, xp icons, vista
ColorBox Examples
A lightweight customizable lightbox plugin for jQuery View Demos Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content.Lightweight: 10KB of JavaScript (less than 5KBs gzipped).Appearance is controlled through CSS so it can be restyled.Can be extended with callbacks & event-hooks without altering the source files.Completely unobtrusive, options are set in the JS and require no changes to existing HTML.Preloads upcoming images in a photo group.Currently in use on a million-plus websites. Instructions & Help The FAQ has instructions on asking for help, solutions to common problems, and how-to examples. Usage Colorbox accepts settings from an object of key/value pairs, and can be assigned to any HTML element. Settings Public Methods Event Hooks Hey,
Les Couleurs, Bien Plus Qu’une Affaire De Goût
« Les couleurs sont de véritables compagnons de vie dont l’intervention ne se limite pas à un simple souci de pigmentation. » La relation complexe qui nous lie au quotidien se fait à deux niveaux, alternant entre cause et conséquence. Dans le premier cas, les couleurs viennent directement influencer notre état d’esprit, donc notre comportement. Dans le second, elles constituent l’outil adéquat pour exprimer un sentiment, matérialiser l’intangible, et témoigner d’un ressenti. A titre d’exemple, on constate que notre bonne humeur née du climat des beaux jours s’exprime par une explosion de couleurs dans notre garde-robe. Le quid des couleurs est d’autant plus complexe lorsque se mêlent des différences de significations selon les cultures. Vous êtes responsable marketing et souhaitez créer ou renouveler un logo? Sachez que le choix des couleurs n’est pas le fruit du hasard. Mark Zuckerberg n’a pas choisi la couleur “bleue” par hasard. Imaginez à présent le logo de Facebook en rouge.
Génération prospect & CRM - Nom d'entreprise visiteur site web |
Dans toutes vos communications et pub imprimées ou numériques votre site web est mentionné7 Affaires sur 10 en B2B commencent par une recherche sur Internet: Seuls 2 à 3 % d'entre eux soumettent leurs détails de contact: visiteurs « incognito »IL FAUT SEULEMENT CONNAÎTRE VOS VISITEURS - ESSAI LIBRE Solution à la demande (On Demand) accessible par tout navigateur (Browser)Génération de prospects par votre site web en B to BGénération de Leads sans interférer avec le visiteurLe CRM augmente vos ventes en combinant: le comportement du visiteurl'information décisionelle (Business IntelligenceIntégration sans soudure de votre site web et GRC pour : une information sur les visites en temps réel (alertes)pas de téléchargement de donnéespas de duplication des donnéesUn GRC intégré avec votre système d'emails La vente assistée par ordinateur.Réduisez de manière significative vos coûts pour : Comparer les coûts : livre blanc. Prospectez depuis votre site web (Lead Generation) Moins de coûts pour :
30 Fantastic New jQuery Plugins
With jQuery now being used in over 40% of all web sites, the demand for up-to-date and feature-rich plugins has never been greater. Thankfully, the community has always met its popularity head on by offering a constant influx of new jQuery plugins that constantly push the boundaries of functionality even-further. We haven’t actually had a good look at plugins in quite a while, so today, we thought we would bring you up-to-date with some of the latest and greatest. CodeExplorer CodeExplorer is an enitrely unique code formatting plugin that will not only format the code with colors and spacing, but will also display it in an entire folder structure. CodeExplorer Subway Map Visualization Plugin The amazing Subway Map Visualization plugin allows you create, interactive subway map visualizations with HTML. Website Tour with jQuery Website Tour with jQuery allows you to, as its name clearly states, create a tour on a website with jQuery. jQuery Embedded Help System Flurid – The Fluid CSS Grid
30 Logos with Hidden Messages
30 Logos with Hidden Messages Nowadays, as a graphic designer, it’s hard to come up with great and meaningful concept for a logo and satisfy the customer needs. As more and more trends pass over the internet, many creatives got trapped in this vortex and focus their logo designs for short term periods and not long ones. If you want your next logo to stand out and be world wide recognized it’s time for a little help. You may also like the following logo design inspiration articles: 1. As the name of the footwear company suggests you’ll find the number 5 and number 10 incorporate in the graphic. 2. A classic one. 3. The arrow suggests that the Amazon.com has everything from “a” to “z” and also reprezents a customer smile. The letter “I” is smartly replaced with a zipper. 5. Great idea to use variations of number “8″ to create the eight logo. 6. 247 black/white Between “2″ and “7″ in the negative space is number “4″. 7. 8. Pretty simple put poweful. 9. 10. 11. 12. 13. 14. 15. Timeless logo. 16.
Guides et outils pour la création de site Web 2.0.
