¿Como es posible?

¿Como lo usamos?

var docElm = document.documentElement;
if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
}

document.addEventListener("fullscreenchange", function () {
    fullscreenState.innerHTML = (document.fullscreen)? "" : "not ";
}, false);

document.addEventListener("mozfullscreenchange", function () {
    fullscreenState.innerHTML = (document.mozFullScreen)? "" : "not ";
}, false);

document.addEventListener("webkitfullscreenchange", function () {
    fullscreenState.innerHTML = (document.webkitIsFullScreen)? "" : "not ";
}, false);

html:-moz-full-screen {
    background: red;
}

html:-webkit-full-screen {
    background: red;
}

html:fullscreen {
    background: red;
}

Más Info

• Native Fullscreen Javascript API
• Using the Fullscreen API in web browsers
• Fullscreen (W3C)
• Demo

Artículos relacionados

• Parsea XML con Javascript
• Manipulacion de imagenes con Javascript
• JSONPath, usando XPath con nuestro JSON
• Canvas 3D, ¿el futuro del javascript?
• Alternativa a innerHTML usando Prototype

jQVMaps es un plugin para jQuery con el que podras renderizar mapas vectoriales en SVG, dando soporte a navegadores no tan modernos mediante VML.

Los mapas generados por el plugin pueden actualizarse dinámicamente y enlazarse con datos en formato JSON, imprescindible para generar presentaciones de datos asociados al mapa.

Actualmente contiene mapas del mundo, américa, europa y alemania. No obstante, existe un pequeño script en Python con el que podrás convertir cualquier mapa en formatos como Shapefile para usarlos con el plugin.

Vía Webification

Entradas relacionadas

• FitVids y FitText, dos plugines de jQuery para tus diseños sensibles
• Mailcheck, evita errores en los correos de tus usuarios
• Servir imágenes de alta definición para pantallas Retina
• Responsive Slides, un slider responsivo en 1kb
• Camera, un slideshow con jQuery compatible con los móviles

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

original post: http://www.webmasterlibre.com/2012/05/09/jqvmaps-mapas-svg-con-jquery/

jQuery Map Marker es un plugin que facilita poner varios marcadores en un mapa utilizando Google Mapd API V3. Utiliza JSON para las ubicaciones que deben ser suministradas mediante coordenadas de latitud y longitud. Los pasos para su uso son los siguientes:

Incluir los ficheros javascript necesarios:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/mapmarker.jquery.js"></script>

Crear un conteneder para tu mapa y asignarle un identificador:

<div id="map" style="width: 550px; height: 450px; border:2px solid red;"></div>

Aplicar el plugin al elemento usando un código similar al siguiente:

<script type="text/javascript">
        $(document).ready(function(){
                //set up markers 
                var myMarkers = {"markers": [
                                {"latitude": "31.42866311735861", "longitude":"-98.61328125", "icon": "img/house.png", "baloon_text": "This is <strong>Texas</strong>"},
                                {"latitude": "35.101934057246055", "longitude":"-96.6796875", "icon": "img/castle.png", "baloon_text": "This is <strong>Oklahoma</strong>"},
                                {"latitude": "38.61687046392973", "longitude":"-98.876953125", "icon": "img/house.png", "baloon_text": "This is <strong>Kansas</strong>"}
                        ]
                };
                //set up map options
                $("#map").mapmarker({
                        zoom        : 5,
                        center        : 'United States',
                        markers        : myMarkers
                });

        });
</script>

jQuery Map Marker » »

En Windows, existen numerosas alternativas para convertir PDFs a diversos formatos, pero concretamente para una conversión al formato EPUB no hay muchas. La más usada suele ser Calibre, aunque por aquí también hemos hablado de otras, como Hamster Free eBook. Y hoy traemos una más: Free PDF Converter.

Como indica su nombre, se trata de un conversor de PDF a varios formatos, no solamente a EPUB. También es posible realizar conversiones a texto plano, imágenes, HTML y SWF. Tiene una interfaz muy sencilla que refleja lo simple que resulta su manejo, el cual quizá puede resultarnos excesivo si lo que buscamos es realizar personalizar y controlar el cambio de formato a nuestro gusto.

Para hacer la conversión todo lo que tenemos que hacer es añadir el archivo o archivos que deseamos convertir (puede hacerlo por lotes, pero sólo hacia un sólo formato), seleccionar el formato en la parte de abajo y pinchar en “Convert”. Contamos con algunas opciones de configuración pero son realmente mínimas.

Ya se ve en el nombre: el programa es gratuito. Funciona en Windows desde XP hasta Windows 8, tanto en 32 como en 64 bits. Sobre todo, lo que ofrece es una conversión rápida, aunque tanto la velocidad y la calidad del resultado variará en función del archivo de origen, como siempre suele pasar.

Vía | AddictiveTips
Enlace | Free PDF Converter

Una pseudo clase que los diseñadores vienen solicitando desde hace tiempo, y que no termina de aparecer, es la que permite aplicar un estilo a las primeras palabras de un texto de forma automática. Esta pseudo clase se llamaría (si seguimos la linea de otras pseudo clases) :first-word(x), donde x sería el numero de palabras a las que se le aplicaría un estilo.

Lamentablemente :first-word(x) no existe, al menos hasta ahora, para solucionar esta falencia es que existe el plugin jQuery StyleWords.

StyleWords nos permite aplicar un estilo CSS a las primeras x palabras de un texto. Esto es realmente muy útil a la hora de dar un estilo a nuestros textos, utilizarlo es de lo más simple.

Ejemplo de uso:

<p>Lorem ipsum dolor sit amet.</p>
<script src="jquery.js"></script>
<script src="dist/jquery.styleWords.min.js"></script>
<script>
jQuery(function($) {
  $('p').styleWords(2);
});
</script>

Resultados:

<p><span class="styleWords">Lorem ipsum</span> dolor sit amet.</p>

Este plugin cuenta con varias opciones de configuración. Como podrán ver en el ejemplo, el plugin agrega un tag a las x primeras palabras de un determinado elemento, este tag puede ser fácilmente modificado, por ejemplo podemos elegir utilizar strong en lugar de span. Todas estas opciones están correctamente documentadas en el sitio oficial del plugin.

Web: styleWords

El checkbox es uno de esos elementos a los que uno no suele prestarle demasiada atención. Esto se debe a que su función es tan simple que no nos detenemos a analizar como mejorar su aspecto estético. Gracias a CSS3 podemos realizar cambios visuales de manera simple y rápida.

CSS3 Checkbox Styles es un excelente ejemplo de como mejorar y modificar el aspecto visual de un checkbox de forma simple y utilizando solamente hojas de estilo para lograrlo. El resultado, simplemente excelente:

Este fantástico recurso es compatible con la mayoría de los navegadores modernos, salvo Internet Explorer 8. Una lastima.

El funcionamiento de este recurso es muy interesante. Lo que el autor hizo fue ocultar los checkbox originales por lo limitado que resulta la modificación del aspecto visual, en su lugar muestra estos elementos mucho más atractivos y divertidos, los mismos al cambiar su estado hacen lo mismo con el checkbox original que se encuentra oculto. Muy simple pero no por eso menos efectivo

Web: CSS3 Checkbox Styles

WordPress es sin dudas la plataforma que muchas personas han asimilado como ideal para llevar adelante ciertos tipos de proyectos que requieren una actualización periódica. Sin dudas se ha convertido en la más utilizada por su funcionamiento y las posibilidades de personalización que ofrece.

Dentro de las opciones de personalización, podemos contar con diseñadores que ofrecen su trabajo de forma gratuita y nos permiten, en muy pocos pasos, lograr instalar y optimizar el contenido según lo que necesitamos. En este caso, quiero compartir con ustedes Base, un template diseñado por la gente de WebDesignerWall.

Descargar Base | WebDesignerWall

Base es una plantilla gratuita completamente blanca con algunos detalles de color que despliega la información de forma clara y concisa. Es ideal para aquellos que necesitan centrar la atención sobre el contenido sin abarrotar la vista con detalles decorativos excesivos. Una excelente opción para quienes buscan mostrar un blog limpio y de estilo minimalista.

NailThumb es un plugin jQuery para la creación de imágenes miniatura, evitando los clásicos problemas de distorsión que ocurren al escalar imágenes sin respetar las proporciones originales.

A diferencia de otros plugins similares, NailThumb reconoce el tamaño de las miniaturas directamente desde las hojas de estilo, esta pequeña pero gran diferencia nos brinda mayor flexibilidad a la hora de implementar esta clase de soluciones.

Crear miniaturas de imágenes con jQuery:

jQuery('.claseImagenes').nailthumb();

Un detalle muy importante, y que no puedo dejar de comentar, es que este plugin no hace una redimensión real de la imagen, esto quiere decir que el tamaño de la imagen no se reduce ya que utiliza el archivo original, el plugin tan solo se encarga de escalar la imagen, o bien de ocultar los sectores de la misma en caso de ser imposible escalar manteniendo la proporción original.

El plugin tiene la opción de incorporar animaciones, algo que agradecerán las personas que tengan galerías de imágenes y que desean darle más vida a su sitio web.

Web: jQuery NailThumb

En el momento de analizar la performance de nuestro sitio puede ser útil Helium, un JavaScript que permite obtener un informe detallado sobre los estilos que se están utilizando (o no) en una o más páginas.

Hace un tiempo había conocido a CSS Usage, una extensión para Firebug que permite realizar el mismo trabajo, sin embargo esta ya no es mas actualizada.