background preloader

Web

Facebook Twitter

Real Time Multiplayer in HTML5. Multiplayer and browsers When you consider making multiplayer games, there are many methods available for creating a game that friends can play online.

Real Time Multiplayer in HTML5

There is a good variety of multiplayer game types - take for example a card game you play synchronously with friends. Turns are made, information is exchanged in (semi) real time and the game progresses in discrete steps. Another example, Chess, can be asynchronous. Players take their time, contemplating possible actions and play their next move one week from now. Card games and Chess both usually require communication with a server and communication with the other players in order to work online. The trouble with these methods is the delay, posting a message and waiting for a response each time is just too slow.

Luckily, in modern browsers we can take one step higher, and have a real time connection between a server and clients. The technologies that we have chosen and why Socket.io Node.js Canvas/HTML5. Pens picked by the Editors of CodePen. 45 Fresh and Free HTML5 And CSS3 Templates You Should See. Twitter Bootstrap en Español. ¿Necesitas razones para querer Boostrap?

Twitter Bootstrap en Español

No busques más. DevUp – Taller: HTML5 Responsive Developer – Javi Jiménez Villar  Tutorial de Backbone.js « Alfonso Marín Marín. Tutorial de Backbone.js Llevo un tiempo analizando y aprendiendo a trabajar con la librería Backbone.js y me parece una librería estupenda para desarrollar aplicaciones JavaScript.

Tutorial de Backbone.js « Alfonso Marín Marín

Taller DevUp12 : HTML5 y la web semántica – Jorge del Casar  Rotating Words with CSS Animations. Edit this Fiddle. Ajax Simplifications in Spring 3.0. In my last entry, I walked you through several enhancements in Spring 3 for web application development.

Ajax Simplifications in Spring 3.0

A number of you expressed interest in a follow-up entry focused on Ajax remoting. Spring 3 provides a lot in this area to take advantage of. Read on, and I'll walk you through it. Spring and Ajax Overview For the purposes of this article, when I say Ajax, I'm talking about the web browser's ability to communicate with a web server asynchronously using JavaScript.

Support for Ajax Clients Until version 3, Spring did not ship support for Ajax remoting. Now that Spring 3 is out, official support for Ajax remoting with JSON is provided as part of Spring MVC. jQuery Sliding Panel Demo. Taller de HTML5 con Axel Gonzalez y Novatecas en Telmex Hub. A Beginner’s Guide To jQuery-Based JSON API Clients - Smashing Coding. Are you fascinated by dynamic data?

A Beginner’s Guide To jQuery-Based JSON API Clients - Smashing Coding

Do you go green with envy when you see tweets pulled magically into websites? Trust me, I’ve been there. The goal of today’s tutorial is to create a simple Web app for grabbing movie posters from TMDb731. Learning jQuery in 30 days. Rather Splendid: Coda Clip Library for HTML5. Like most web developers I maintain a personal collection of code snippets & recently have been amassing a folder full of snippets related specifically to HTML5 (you won’t see any CSS3 in here..)

Rather Splendid: Coda Clip Library for HTML5

& its new tags & some sample usages. Many of these clips have been lifted from the brilliant HTML5 Boilerplate & I credit them fully for that. I have added some Coda bookmark comments (which look like <! -- ! CSS --> ) to help you navigate your code. If you are looking for the download link, scroll to the bottom of the article to find it.. Shutterstock.github.com/rickshaw/tutorial/introduction.html. 50 Beautiful Yet Free HTML5 And CSS3 Templates. HTML KickStart HTML Elements & Documentation - 99Lime.com. Setup Download HTML KickStart Include jQuery and HTML KickStart <script src=" src="js/kickstart.js"></script><!

HTML KickStart HTML Elements & Documentation - 99Lime.com

-- KICKSTART --><link rel="stylesheet" href="css/kickstart.css" media="all" /><! -- KICKSTART --> Copy Elements into your HTML Browsers HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android. Notes Don't forget to use an HTML5 Doctype <!

Buttons A.button. Resumen del curso HTML5. CSS Buttons with Pseudo-elements. In this tutorial, I'll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS.

CSS Buttons with Pseudo-elements

View demo Download source Hola, amigos. Ajax with Spring MVC 3 using Annotations and JQuery. Manual de jQuery. 50 Excellent CSS3 Techniques and Tutorials for Beautiful Design. CSS3 has got a huge potential to create very elaborate and complicated details by strictly using CSS and no images.

50 Excellent CSS3 Techniques and Tutorials for Beautiful Design

It can carry out a lot of functions as it is based on motion techniques. Many designers all over the world believe that CSS3 is a technique which has unbelievable potentiality which will be used to create wonderful designs in the years to come. At present, it is not being used varied all over the world due to a number of limitations – obsolete browsers being one of them. Many say that it would be the application of the future as it can improve the efficiency of the workflow by substituting waste workarounds as it was once used in the case of Internet Explorer 6. Unique variations on a 3×4 grid. Weekly Freebies: 12 Free CSS Sprite Generators. CSS image sprites allow you to dramatically reduce the number of HTTP requests on a site by combining many or all of the images on your site into a single file.

Weekly Freebies: 12 Free CSS Sprite Generators

This file can then be used in conjunction with CSS background positioning to implement individual images. The downside of this technique is that it’s a painstaking, involved process that requires you to manually combine your images and fiddle with the CSS to get each image to display properly. Fortunately, there are a number of free online tools that completely automate this process.

Today we have an awesome collection of twelve of these tools, each with its own unique take on the sprite generation process. jQuery Slideshow, 150 best resources. We know that all you web designers are always pulling your hair to find the freshest plug-ins to impress your web surfers and gain popularity among users, who as time goes by are less and less impressionable, especially now that no word is acceptable if it doesn’t have an image to go with it.

And let’s face it! A simple display of an image won’t even do, because there too much talent in the field and too much competition amongst millions of web developers that every day come up with a new, more esthetic and coolest way to display a group of images. Slides shows have proven to be one the most practical ways to display a group of images over time, it’s survived several stages of the web development history, and this says a lot about the plug-in. The image slider or slideshow is actually one of the uses for JQuery. 35+ Excellent jQuery Animation Techniques and Tutorials. The coming of JavaScript and various web functioning libraries has made the work of interaction easier for any website. Those who are familiar with jQuery know how it helps us in creating jQuery animation.

There are some jQuery tutorials and techniques. The power of jQuery helps the web developers to create some interesting user-interface works. They are a branch of JavaScript and make the interaction with development code easier, thus making the work fast. 5 presentaciones imperdibles sobre HTML5. Te compartimos 5 presentaciones imperdibles sobre un tema que nos apasiona: HTML5, su historia y terminología; sintaxis, desarrollo y accesibilidad; la web, navegadores y el software libre. 1. HTML5 Animation: Examples and Code from Simple to Complex. Deep down, animation in HTML5 isn't fundamentally different from any other kind of computer graphics programming. You use math to describe objects, and then to describe alterations of those objects. In HTML5, you'll be doing these calculations in JavaScript, and outputting the results to an HTML5 Canvas.

20+ Useful Firefox Add-ons for Web-developers. Mozilla Firefox in no time could attract the attention of web users away from other internet browsers because of its excellent range of add-ons. Top 50 JavaScript, jQuery Plugins and Tutorials From 2011. jQuery is amazing as you can find plugins to accomplish almost anything you want. It makes your work easy and quick. And Javascript has always been a favorite of people. we have a list of top jQuery, Javascript plugins and tutorials that will help you a lot and will definitely make your life easier. I hope you would find these apps useful.

It includes apps that will let you create loading animation, which help make your website responsive to user interaction as they would know that the server is processing their request. Then we have apps that will help you optimize your website for mobile phones. Learn Web Design, Web Development, and iOS Development - Treehouse. Data Visualization: 20+ Useful Tools and Resources. There are plenty of cool technologies available to collect and examine data. Both web and desktop applications have provided some really great interfaces to fall in love with data mining, and with the rise in popularity we have noticed an increased number of infographics created over the past few years.

Today we’ll be looking into some really cool and popular online resources for data visualization. You can see all kinds of data like human population, world condition and even human emotion presented via the visualization. Charla sobre las virtudes de Node.js. 25+ Powerful CSS Tools & Generators for Designers and Developers. The CSS tools are the Cascading Style Sheets which is quite popular among the web designers or the graphic designers. These tools assist in formatting and controlling the structured content and the layout of documents. It enhances the look of the design or the layout of a website.

Also these tools and CSS generators make the website to load faster and save your precious time. The designers may sometimes feel that the all the CSS tools are not compatible with all browsers and thus in order to overcome all these issues, there are numerous development tools that have been recently introduced which enables the download faster. Due to the rising demand of the applications that are used widely in the internet, there are many essential tools and applications that have been brought up to fulfill all your requirements. The Moo color finder is another CSS tool that assists you in creating your own color scheme allows you to make a choice from various design elements. Six CSS Layout Features To Look Forward To - Smashing Coding.

Advertisement A few concerns keep bobbing up now and then for Web developers, one of which relates to how to lay out a given design. Developers have made numerous attempts to do so with existing solutions. Several articles have been written on finding the holy grail of CSS layouts1, but to date, not a single solution works without major caveats. At the W3Conf2, I gave a talk on how the CSS Working Group is attempting to solve the concerns of Web developers with multiple proposals.

There are six layout proposals that are relevant to us, all of which I described in the talk. Portada - Video de la charla "Introducción Apache Hadoop" Ya hemos publicado en nuestro canal de Parleys el video de la charla "Introducción Apache Hadoop" que hemos coorganizado con Paradigma Tecnológico el pasado 4 diciembre en Madrid. La charla la impartieron Alejandro Gonzálezy Marco Martínez.

La tecnología que hay detrás de instagram. Lo bueno de que las empresas tecnológicas tengan un blog técnico es que nos cuentan lo que hay detrás de sus productos. Desarrollo en WebGL. WebGL es una especificación estándar que está siendo desarrollada actualmente para desplegar gráficos en 3D en navegadores web. El WebGL permite activar gráficos en 3D acelerados por hardware en páginas web, sin la necesidad de plug-ins en cualquier plataforma que soporte OpenGL 2.0 u OpenGL ES 2.0. Técnicamente es un enlace (binding) para javascript para usar la implementación nativa de OpenGL ES 2.0, que será incorporada en los navegadores.

WebGL es manejado por el consorcio de tecnología Khronos Group sin fines de lucro. CSS menu, 180 best resources. 25 Amazing HTML5 Tricks and How to Make Them. 15 Amazing CSS3 Text Effects. Integrating Tomcat with Apache. Using Apache with mod_proxy - Confluence 4. Usando CSS 3 hoy, por Germán Martínez. Instant CSS Documentation Search. Reproducir vídeos HTML5 en dispositivos móviles. 15 HTML5 Coding Tools and Resources to Help You Cut Through The Clutters of Coding. Helpful HTML5 Canvas Resources. Gallery Plugin. (2) Twitter / Cronología. An excellent Javascript/jQuery online book. 15 Fresh and Powerful CSS3 Tutorials. Build and publish an HTML5 game for iPad. Barra de mensajes de notificación con CSS. Videotutorial sobre los plugins en jQuery.