background preloader

HTML5 / CSS3 / JAVASCRIPT

Facebook Twitter

jQuery News Ticker. 127.0.0.1 – What Are its Uses and Why is it Important? 127.0.0.1 is the loopback Internet protocol (IP) address also referred to as the “localhost.”

127.0.0.1 – What Are its Uses and Why is it Important?

The address is used to establish an IP connection to the same machine or computer being used by the end-user. The same convention is defined for computer’s that support IPv6 addressing using the connotation of ::1. Establishing a connection using the address 127.0.0.1 is the most common practice; however, using any IP address in the range of 127.*.*.* will function in the same or similar manner. The loopback construct gives a computer or device capable of networking the capability to validate or establish the IP stack on the machine. How Does the Internet Protocol Work? The Internet Protocol (IP) is a set of rules that ensure there is a standardized method to address and communicate between computers and other network devices.

Tutorial: Interactive Pie Chart with KineticJS on HTML5 Canvas. My previous post was testing canvas animation library CreateJS, heavily promoted by Adobe and Microsoft as a good alternative for Action Script and Flash solutions.

Tutorial: Interactive Pie Chart with KineticJS on HTML5 Canvas

To be honest I wasn’t very satisfied the way it was implemented, because I really wanted to see fully objective JavaScript. But even though the improvement, in comparison to pure HTML5 Canvas syntax was impressive, I decided not give up and search for other – maybe better – libraries. After a few seconds spent on Google I found KineticJS, an older brother of CreateJS dedicated also to work with HTML5 canvas. KineticJS. Coder Projects. Things to make.

Coder Projects

Stuff to learn. HTML5, CSS3, JS Demos, Creations and Experiments. Tollens Blanc cassé / #f4edde Hex Color Code Schemes, Charts, Palettes, Paints & RGB / CMYK / HSL Conversion. PHP-ODT - Create odt files with php - Home. What is php-odt?

PHP-ODT - Create odt files with php - Home

10 jQuery Plugins for Easier Google Map Installation. At first glance the Google Map API may seem scary, I mean, were do you possibly start? You probably only want to display a simple map that displays directions to your clients address, you don’t really want an all singing and dancing interactive map with more options than necessary. There has to be a simpler way. Of course there is, and as with almost all web site interactivity, jQuery does offer some simple and easy to use plugins. The plugins below offer not only an easier method to install a map, they also offer the option to add extra functionality, should you choose to need them. An open source collaborative text editor. #86b0bb hex color. In a RGB color space, hex #86b0bb is composed of 52.5% red, 69% green and 73.3% blue.

#86b0bb hex color

Whereas in a CMYK color space, it is composed of 28.3% cyan, 5.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 192.5 degrees, a saturation of 28% and a lightness of 62.9%. #86b0bb color hex could be obtained by blending #ffffff with #0d6177. Record Text Selections Using MooTools or jQuery AJAX. One technique I'm seeing more and more these days (CNNSI.com, for example) is AJAX recording of selected text.

Record Text Selections Using MooTools or jQuery AJAX

It makes sense -- if you detect users selecting the terms over and over again, you can probably assume your visitors are searching that term on Google, Yahoo, etc. I've duplicated this functionality using my favorite JavaScript library, MooTools, and another JavaScript library, jQuery. The MooTools JavaScript The first step is attempting to grab the selected text during the mouseup within our designated container. If we find a text selection we fire an AJAX request to a PHP script which will save the text selection. The jQuery JavaScript. MetaCarta Labs. Le fichier htaccess. Les fichiers .htaccess sont des fichiers de configuration du serveur Apache, le serveur le plus répandu sur le Web.

Le fichier htaccess

Textillate.js. Howler.js - Modern Web Audio Javascript Library - GoldFire Studios. Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new technologies often referred to as HTML5.

howler.js - Modern Web Audio Javascript Library - GoldFire Studios

However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. The problem is that only the latest browsers support this new-fangled browser audio, so what are we to do? Capturing Audio & Video in HTML5. Many browsers now have the ability to access video and audio input from the user.

Capturing Audio & Video in HTML5

However, depending on the browser it might be a full dynamic and inline experience, or it could be delegated to another app on the user's device. On top of that, not every device even has a camera. So how can you create an experience that uses a user generated image that works well everywhere? Start simple and progressively If you want to progressively enhance your experience, you need to start with something that works everywhere. Cyberduck – FTP, SFTP, WebDAV, Cloud Files, Google Drive & Amazon S3 Browser for Mac & Windows. Pens picked by the Editors of CodePen. JS Bin [unsaved] WebGL Reader.

Gephi, an open source graph visualization and manipulation software. Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout. Whatever content you have to present, you can present them in a more interactive & more responsive ways.

Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout

In this article we’d like to present 7 Impressive techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Nivo Slider Nivo Slider is a lightweight (7kb compressed) jQuery plugin for creating good-looking image sliders with 9 unique transition effects. Features Include: Tipped - The jQuery Tooltip. Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. Canvas graphics. Monsieurdacatine. KineticJS HTML5 Canvas Framework.

A lightweight JavaScript graph drawing library. CSS Spriting Tips « Mozilla Webdev. One of the most effective ways of speeding up a website’s render time is to reduce the number of HTTP requests required to fetch content. An effective method to achieve this is via CSS sprites, which is combining multiple images into one large image and using CSS to only display parts of it. Leaflet - a JavaScript library for mobile-friendly maps.

Online IT Lab. Learning To Code Apps? Programr, The Codecademy For Higher-Level Languages, Adds Support For Android. Programr, an online lab for learning to code – yep, sort of like Codecademy, but for higher-level languages, has just introduced Android coding support. With the added option, aspiring student developers can create Android apps right in the browser. When the project is complete the apps can be downloaded into APK format, then loaded up on your Android devices, shared with friends or sent off to the Android Market…Google Play store.

Thematicmapping.org. Map Scripting. Ovi Maps API and Mapstraction API Demos. OpenLayers: Home. Introduction à OpenLayers. Ce tutorial est un aperçu rapide des possibilités d'OpenLayers. Il vous permettra de comprendre globalement le fonctionnement de cette bibliothèque Javascript OpenSource tournée vers la cartographie. - Intégration d'OpenLayers - Afficher une carte - Enrichir l'interface - Ajouter des marqueurs - Intégration d'OpenLayers - La dernière version d'OpenLayers est librement téléchargeable à l'adresse suivante : OpenLayers (link is external). Une fois dézippé, placer le répertoire OpenLayers dans votre environnement de développement Web (ex: le localhost d'apache)

. - Afficher une carte - Nous allons aborder ici une partie un peu longue et compliquée. L'une des premières étapes est de créer un nouvel objet map grâce au constructeur OpenLayers.Map (1), il prend comme paramètre l'id de la balise qui contiendra la carte. Le résultat est visible sur cette page : exemple 1. - Enrichir l'interface - Comme vous avez pu le constater dans l'exemple 1, OpenLayers dispose d'une interface par défaut.

10 Cool jQuery Developed Games. It’s time to have fun! So we’ve listed a collection of 10 cool jQuery based games. So minimize your IDE, check the boss is not looking and burst into some gaming courtesy of jQuery4u. Have fun! CAKE - Canvas Animation Kit Experiment. The HTML5 Media Framework. Programming and Development Tutorial Screencasts for Web Developers and Alpha Geeks. Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development. What Is It? Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles: Responsive Grid Down To Mobile. Pickle. Jeux de caractères et interclassements de connexion. Considérez le problème suivant : vous avez une colonne dont les données sont stockées en UTF-8, et votre client (par exemple, un script PHP) utilise ISO-8859-1.

Comment manipuler les données de la colonne ? Dataveyes est une start-up de visualisations interactives de données. The cross-browser WebSocket for realtime apps. Blockly - A visual programming language. JqPlot Charts and Graphs for jQuery. Chico UI, MercadoLibre's open source web tools. Highcharts - Interactive JavaScript charts for your webpage.

Technical Details. Réaliser des graphiques avec JavaScript, 12 outils. Le besoin de créer des interfaces métier interactives et "illustrées" via les applications web revient de plus en plus souvent. Bien nous en fasse à nous développeurs web où, enfin, nos pairs de l'applicatif lourd sont contraints de ne plus nous prendre pour des rigolos (yeah fuck). Mais après tout, une appli de gestion sans un histogramme, un camembert ou encore des courbes, c'est pas vraiment une appli cool pour nos "managers" Je vous propose donc de faire un tour rapide de ce qui existe pour générer des graphiques avec JavaScript.

N'hésitez surtout pas à partager à propos de ce que vous connaissez/utilisez, comme d'hab. Raphaël Licence MIT, à peu près tous les types de graphiques. Morris.js. IcoMoon. Infographics & Data Visualizations. Infographic Creation Made Easy with Visual.ly Create. Visualising Data.

Cms

Inspiration / démos. Javascript / jQuery. Scorm xml. Html 5 starter kit. Map scripting. Tutoriels divers. Canvas. <video> CSS, HTML. DEV. Canvas. CSS3. Javascript / jQuery. Php.