HTML5 – Drag & Drop 26 novembre 2013 Ahhh le Drag & Drop ! Cette action si commune et si intuitive qui consiste à faire glisser un élément graphique du bout de sa souris d’ordinateur, pour aller le lâcher au dessus d’une zone d’accueil… Et bien chers lecteurs j’ai le plaisir de vous apprendre que cette fonctionnalité très appréciée des internautes fait partie intégrante de la spécification HTML5 proposée par le W3C ! Je vous propose d’en découvrir les rudiments à travers un exemple.
Une conception responsive rendue possible pour tous vos e-mails Vous avez probablement entendu parler de l’importance du responsive design lors de la construction des sites Web, mais cette conception est encore plus importante pour la gestion des e-mails. L’e-mailing est un tel milieu personnel que l’adaptation de votre message marketing à la taille de l’écran du destinataire peut être vital pour qu’il est un impact. Selon les recherches de Google, 82% des utilisateurs vérifient leurs e-mails sur des appareils mobiles, alors qu’une enquête GetResponse montre que 42% des abonnés suppriment les e-mails qui ne s’affichent pas correctement sur les téléphones mobiles. GetResponse, un logiciel de marketing dédié à l’e-mailing, est récemment devenu le premier sur le marché à proposer la possibilité de créer des e-mails vraiment responsive. Un concepteur peut créer un e-mail qui aura fière allure si celui-ci est visionné sur un appareil de bureau ou un mobile.
Here is an update with over 2000 D3js examples. One of the best things that I like about D3 is the ridiculous amount of awesome demos available online and last night I have stumbled on an excel sheet with 1,134 examples of data visualizations with D3. If you are just starting out with D3 you will appreciate the well organized API docs and really great tutorials and cheat sheets but there is nothing like seeing a demo with code. There are many D3 examples online but I have not seen such a big list published anywhere so I am dropping it below, with thumbnail images of each D3 demo on link mouseover. Over 1000 D3.js Examples and Demos | TechSlides
Conical Gradients in CSS Published by Guest Author The following is a guest post by Shankar Cabus. Shankar made a really rad color wheel on CodePen and showed it to me. I thought it was an image underneath, because gradients like this aren't something CSS can natively do. Or so I thought.
Webgl Academy : tutorial to learn WebGL
Cross-hatching GLSL shader
OAuth that just works.
Lab & Demos
SoFresh! - It makes your CSS yummy.
The pro's guide to CSS layouts CSS’s next big challenge is to make flexible, dynamic page layouts that work across our ever-broadening range of devices. With solutions proposed and under discussion, Peter Gasston offers a snapshot of the future for CSS layout. Developments in CSS layout are taking the way we display website elements into a new dimension – literally, in some cases. We can rotate and scale elements; animate and transition them; make pages that respond to the capabilities of the device they’re being viewed on. And we still can’t make a decent grid without unnecessary markup or a lot of trickery.
Advertisement Since our last round-up of useful CSS techniques, we’ve seen a lot of truly remarkable CSS geekery out there. With CSS3, some of the older techniques now have become obsolete, others have established themselves as standards, and many techniques are still in the “crazy experimentation” stage. Since the release of the previous post, we’ve been collecting, sorting, filtering and preparing a compact overview of powerful new CSS techniques.
Is as awesome as Chewbacca riding a squirrel, fighting Nazis with a cross bow. - @codepo8 Foreword This little book is to aid a shared understanding of front-end development best practice at PUP. It's to help us deliver high quality content that works better, reaches more people - not only in today's browsers & devices, but in tomorrows. Front end standards
Overview This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Roundarch Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. This document's primary motivation is two- fold: 1) code consistency and 2) best practices. Front-end Code Standards & Best Practices | Roundarch Isobar
NicEdit - WYSIWYG Content Editor, Inline Rich Text Application