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.” 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. 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

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? 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. 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. The jQuery JavaScript The MooTools code translated to jQuery. 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. Capturing Audio & Video in HTML5. Introduction.

Capturing Audio & Video in HTML5

Cyberduck – FTP, SFTP, WebDAV, Cloud Files, Google Drive & Amazon S3 Browser for Mac & Windows. Color Trends + Palettes. 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: To use the Nivo Slider you have to include jQuery, the Nivo Slider script and the Nivo Slider CSS on your page. 2. Flip is a jQuery plugin that will flip easily your elements in four directions. Options Include: Tipped - The jQuery Tooltip. Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library.

Tipped - The jQuery Tooltip

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

CSS Spriting Tips « Mozilla Webdev

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. The problem with waiting until you’ve built the site is all your CSS and images have already been created. 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. 10 Cool jQuery Developed Games. It’s time to have fun! So we’ve listed a collection of 10 cool jQuery based games. 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. 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.