background preloader

Web development

Facebook Twitter

D3.js - Data-Driven Documents. HTML5 – Drag & Drop. 26 novembre 2013 Ahhh le Drag & Drop !

HTML5 – 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.

Et bien moi, je ne t’ai pas attendu ! Winning-design.png (918×6966) 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.

Une conception responsive rendue possible pour tous vos 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. D3.js - Data-Driven Documents.

Over 1000 D3.js Examples and Demos. Conical Gradients in CSS. The following is a guest post by Shankar Cabus.

Conical Gradients in CSS

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. Shankar found a way to do it with newfangled tech. When I create filters, shadows, transformations or gradient backgrounds in CSS, it feels amazing. Despite all this evolution, CSS still has limitations. In 2011, Lea Verou started a thread about implementing a native CSS conical gradient, creating a draft specification which has already been introduced to W3C's official draft. - The Database of JavaScript Libraries. Charts.

Webgl Academy : tutorial to learn WebGL. Cross-hatching GLSL shader. OAuth that just works. Node.js. The Opa Framework for Javascript. Bootstrap. Need reasons to love Bootstrap?


Look no further. By nerds, for nerds. Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!) 5 HTML5 Javascript APIs to keep an eye on — Adnane Belmadiaf's Blog. In my last post , i have talked about HTML5 APIs, so thought it will also interesting to write about some new old Javasript APIs. Since CSS has been improving over the time and today you can achieve what was only done with Javascript with CSS only, on the other side Javascript have to improve and follow the evolution, so today Javascript can do a lot of things, like accessing hardware(camera, microphone, gamepad, GPU), accessing the filesystem and websocket.

Battery Status API The Battery Status API allows any webpage to inspect the state of the device's (Laptop, phone or tablet) battery through javascript : As you can see you need to do more checks to make your code cross-browser compatible, i have done some researches and i have found battery.js a tiny wrapper for the Battery Status API : Gamepad API Gamepad API allows you to connect your console gamepad into your computer and use it for browser based games. Source : The Edge of HTML5. - More on Front End Web ! The web technology today has improved dramatically and the way scripting is done on websites have changed drastically over the years now. - More on Front End Web !

Gone are the days when JavaScript was used to just validate forms. JavaScript now holds the major share of the website code. But this also resulted in JavaScript files being heavier which in turn has its own effects like slower loading of the page etc. The JavaScript files are now much heavier and that requires us to minify and pack the JavaScript files so that the file size becomes much lesser without compromising on the quality or the functionality.

K. Risk - JavaScript Refined. Lightweight fuzzy-search, in JavaScript.

K. Risk - JavaScript Refined

Download: fuse.js - (9 kb) development fuse.min.js - (1.58 kb) production. Web Developer Checklist. Sly. Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support.


It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything. Dependencies jQuery 1.7+ And that's it. Compatibility Sly works in every desktop browser, and due to some divine intervention, even in IE6+, but that is a complete accident. Mobile Sly does touch events, and I'm generally trying to make it work everywhere, but the fact is that mobile is not tested.


Browserhacks. Lab & Demos. SoFresh! - It makes your CSS yummy. The pro's guide to CSS layouts. Net magazine is the number one choice for the professional web designer and developer.

The pro's guide to CSS layouts

It's here that you find out about the latest new web trends, technologies and techniques – all in one handy package. Each issue boasts a wealth of expert tips and advice, including in-depth features and over 30 pages of advanced front and backend tutorials on subjects as diverse as CSS, HTML, JavaScript, WordPress, PHP, and plenty more. Powerful New CSS- and JavaScript-Techniques (2012 Edition) Advertisement Since our last round-up of useful CSS techniques1, we’ve seen a lot of truly remarkable CSS geekery out there.

Powerful New CSS- and JavaScript-Techniques (2012 Edition)

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. Today we finally present some of these techniques. Use them right away or save them for future reference. Leading Enterprise Java Web Framework.

Front end standards. Is as awesome as Chewbacca riding a squirrel, fighting Nazis with a cross bow. - @codepo8.

Front end standards

D3.js - Data-Driven Documents. Front-end Code Standards & Best Practices. Introduction◊ This document contains the guidelines and best practices for the front-end web development team at Isobar. Each item here represents either: A reminder to follow existing standards or industry conventions,guidance on what constitutes professional patterns and organization, or a decision we've made favoring one method over its alternatives. What this document is not is a series of explanations as to how front-end technologies work; a basic familiarity is assumed. It also does not provide evaluations of the pros and cons of various alternatives unless there is common confusion about which option is best; when appropriate we pick what we consider to be the best solutions and present them. The very best of creative JavaScript and HTML5.

Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) NicEdit - WYSIWYG Content Editor, Inline Rich Text Application. Selenium web application testing system.