Aquí publicamos algunos experimentos basados en código nativo. No precisan librerías, frameworks, etc.
Veamos los ejemplos:
Demo – 1
Demo – 2
Demo – 3
Demo – 4
Continuará…
Un concepto basado en puro HTML y CSS, sin Javascript ni librerías de terceros. Sí, es posible con una centésima parte de lo que ocupan estos scripts. En concreto, menos de 2Kb. toda la página. Es flexible y adaptable a cualquier proyecto Web. Compatible con los navegadores: IExplorer 8+, Opera 12+, Safari 5+, Firefox 30+, entre otros…
Puedes ver un ejemplo en: Vídeo Test
Hemos visto muchos Parallax a día de hoy; todos muy complejos y dependientes de enormes librerías de terceros… Pero, la realidad es otra bien distinta: hay quien lo hace posible con un simple Script. ¡Muy SIMPLE!. Compuébalo aquí o aquí
Un experimento Compatible con IExplorer 8+ (sin <!DOCTYPE html>), otros Navegadores, etc.
Coméntanos tu opinión… Seguro que ha cambiado.
Es sabido el interés que tienen los Sitios basados en imágenes, fotos ocupando toda la pantalla. Sí, toda la pantalla del monitor completa. Se puede conseguir pulsando la tecla de función [F 11] con el Navegador abierto. También, hay opciones basadas en Flash, HTML5, Canvas… Pero, ¿es posible con JavaScript puro?. La respuesta es, con algunas limitaciones, sí. La compatibilidad con los Navegadores es el otro «Caballo de batalla». No obstante, vale la pena probar. Para empezar, veamos lo que hay al respecto:
http://sindresorhus.com/screenfull.js/
http://www.thecssninja.com/demo/fullscreen/
http://html5professor.com/tutoriels-18.html
http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html
http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/
http://www.longtailvideo.com/blog/26517/using-the-browsers-new-html5-fullscreen-capabilities
Native Fullscreen Plug-in para WP:
http://wordpress.org/extend/plugins/native-fullscreen/
Etc…
Espero que, salvando barreras de idiomas, saquemos algo en claro. Es un tema que está de «actualidad». Personalmente, he dedicado algún tiempo en los últimos años, me gustaría desarrollar algo sencillo y compatible, en base a lo ya publicado. En fin… Aquí está la primicia:
<!DOCTYPE html>
<html>
<head>
<title>full-screen</title>
<style type=”text/css”>
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
</style>
<script type=”text/javascript”>
function fullscr() {
if (document.body.requestFullscreen) {document.body.requestFullscreen();}
if (document.body.msRequestFullScreen) {document.body.msRequestFullScreen();}
if (document.body.mozRequestFullScreen) {document.body.mozRequestFullScreen();}
if (document.body.webkitRequestFullScreen) {document.body.webkitRequestFullScreen();}
if (typeof window.ActiveXObject !== “undefined”) {
var wscript = new ActiveXObject(“WScript.Shell”);
if (wscript !== null) {wscript.SendKeys(“{F11}”);}
}
}
function fullcls() {
if (document.exitFullscreen) {document.exitFullscreen();}
if (document.cancelFullscreen) {document.cancelFullscreen();}
if (document.mozCancelFullScreen){document.mozCancelFullScreen();}
if (document.webkitCancelFullScreen) {document.webkitCancelFullScreen();}
if (typeof window.ActiveXObject !== “undefined”) {
var wscript = new ActiveXObject(“WScript.Shell”);
if (wscript !== null) {wscript.SendKeys(“{F11}”);}
}
}
</script>
</head>
<body>
<button onclick=”fullscr(); return false”>Fullscreen</button> <button onclick=”fullcls(); return false”>Normal</button>
</body>
</html>
Como dije, tenía pendiente algo sencillo, compatible con: IExplorer 7+, Firefox 20+, Opera 12+, Safari 5+, etc. en Windows. La página del ejemplo ocupa 1,28 Kb. , para que más…
CMS son las siglas de (Content Management System) Sistema Administrador de Contenidos. Hay muchos CMS, para diversas aplicaciones. Algunas de las más populares son: Blogs, EComercios, Portales, etc. Elegir bien es tarea difícil, hay que dedicar el tiempo preciso para encontrar lo que mejor se ajusta a nuestro proyecto. Para empezar, podemos visitar algunos sitios relacionados:
También quiero destacar algunos proyectos sencillos, alternativos a los mencionados, muy interesantes… Los CMS sin Base de Datos, cumplen un papel fundamental a la hora de construir un Sitio Web dinámico, accesible, rápido, etc. En este sentido, hay opciones que han demostrado estar a la altura de los «grandes». Ya hemos probado la eficacia y flexibilidad de estos «pequeños» Administradores de Contenidos. Veamos algunos elaces:
Esto es un experimento «FullSimple Background Image» adaptado a CMSimple 3.X Si interesa, lo trataremos como un pequeño proyecto.
PHP es un lenguaje interpretado en el lado servidor, muy flexible y utilizado para crear Webs interactivas.
Existen Scripts / snippets para realizar desarrollos y aplicaciones Web.
Algunas referencias obligadas:
Un poco de todo, algunos enlaces a un click de distancia.
Recomendamos:
Codrops – useful drops of code
Etc…
Un saludo
Sitio Web con algunos experimentos y snippets propios, al margen de cualquier librería, framework, etc. Desarrollos útiles y sencillos, adaptables a cualquier Sitio sin complicaciones.
Website with some experiments and snippets themselves, independently of any library, framework, etc.. Develop useful and simple, adaptable to any site without complications.
ScriptShow WebSite
ScriptShow WebBlog
ScriptShow Descargas
ScriptShow Correo
Enlaces relacionados con Diseño Web y Programación Web. Si crees haber visto todo, es posible que cambies de opinión cuando visites:
Seguiremos…
https://scriptshow.wordpress.com
Un Saludo.
Bienvenidos a este Bolg. Intentaremos traer temas relacionados con la Programación Web. Sin grandes pretensiones, acercaremos algunos aspectos de este apasionante mundo.
Welcome to this Bolg. We will try to bring topics related to Web Programming. Without great pretensions, we will approach some aspects of this exciting world.
Si lo prefieres, envía un EMail a:
Un saludo