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? 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. Looking for something to do this weekend? HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck. 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

Php-odt is a php library that help you create an ODT (Open Document Text) file, partially compliant with the Oasis OpenDocument specifications v1.1. How it works? OpenDocument files, "odt" files for example, are actually ZIP archives. 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?

10 jQuery Plugins for Easier Google Map Installation

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. They also all come with a varied degree of docs, some are extensive and some non-existent, so choose your plugin wisely. 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. Closest websafe color is: #9999cc. #86b0bb color description : Slightly desaturated cyan. 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. 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

Ils se présentent sous la forme suivante : un simple fichier nommé .htaccess (pas d’extension, juste le nom « htaccess » avec un point au début pour le cacher sur Linux). Ils ont beaucoup de possibilités qui vous permettront d’améliorer vos sites, que ce soit pour l’ajout de nouvelles fonctionnalités, pour l’expérience utilisateur, le SEO, les performances Web, etc. Ils vous permettront même parfois de simplifier la vie du développeur et de lui faire gagner de la productivité. Autrement dit, tout ce qu’il faut pour « bien faire le web », selon la formule consacrée d’Openweb.

Attention, certaines propriétés de ces fichiers peuvent être extrêmement puissantes et, à la moindre erreur de syntaxe, le serveur répondra à toute demande par une erreur 500. Textillate.js. Textillate.js A simple plugin for CSS3 text animations.

Textillate.js

Download on Github About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. 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.

Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Cyberduck – FTP, SFTP, WebDAV, Cloud Files, Google Drive & Amazon S3 Browser for Mac & Windows. Color Trends + Palettes :: COLOURlovers. 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. 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. 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 The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. This means that tooltip styles can easily be changed without having to create any images.

Monsieurdacatine. KineticJS HTML5 Canvas Framework. Sigma.js | 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. Here’s an example sprite: The purpose of this post is not to show how it makes a site faster, but cover some best practices when creating a CSS sprite. Don’t wait until you are done slicing to begin spriting. Leaflet - a JavaScript library for mobile-friendly maps.

Programr | 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. 10 Cool jQuery Developed Games. CAKE - Canvas Animation Kit Experiment. Popcorn.js | The HTML5 Media Framework. PeepCode | Programming and Development Tutorial Screencasts for Web Developers and Alpha Geeks. Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development. Pickle. Jeux de caractères et interclassements de connexion. 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.

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. HTML5 - CSS3. CSS.

CSS3

Javascript / jQuery. Php.