Web development

Facebook Twitter
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

D3.js - Data-Driven Documents

D3.js - Data-Driven Documents
HTML5 – Drag & Drop 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.
Winning-design.png (918×6966)
Une conception responsive rendue possible pour tous vos e-mails 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.
Over 1000 D3.js Examples and Demos | TechSlides 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. Conical Gradients in CSS
Webgl Academy : tutorial to learn WebGL
Cross-hatching GLSL shader
OAuth that just works.
An example: Webserver This simple web server written in Node responds with "Hello World" for every request. To run the server, put the code into a file example.js and execute it with the node program from the command line:


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 : 5 HTML5 Javascript APIs to keep an eye on — Adnane Belmadiaf's Blog 5 HTML5 Javascript APIs to keep an eye on — Adnane Belmadiaf's Blog
The web technology today has improved dramatically and the way scripting is done on websites have changed drastically over the years now. 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. Minifying a JavaScript file basically means to compress the file by removing all the unnecessary characters from the file which does not affect the functionality. How to Minify a Javascript File? | MoreOnFew.com - More on Front End Web ! How to Minify a Javascript File? | MoreOnFew.com - More on Front End Web !
Fuse.js | K. Risk - JavaScript Refined Lightweight fuzzy-search, in JavaScript. Download: fuse.js - (9 kb) development fuse.min.js - (1.58 kb) production Why? If you need a lightweight, fast way to search through a list of items, and allow mispellings, then Fuse.js is for you. Fuse.js | K. Risk - JavaScript Refined


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.

Lab & Demos

SoFresh! - It makes your CSS yummy. What is SoFresh? Tired of refreshing your browser when editing CSS files? SoFresh is a bookmarklet shamelessly copied based on the excellent CSSrefresh. It allows you to select which files you want to refresh (or not). They are resfreshed everytime you save them, so that you don’t need to refresh your browser.

The pro's guide to CSS layouts

net magazine is the number one choice for the professional web designer and developer. 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.
Advertisement Since our last round-up of useful CSS techniques1, 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. Powerful New CSS- and JavaScript-Techniques (2012 Edition)
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
Front-end Code Standards & Best Practices | Roundarch Isobar
NicEdit - WYSIWYG Content Editor, Inline Rich Text Application