ScriptShow Blog

Chat

scriptshow — Sun, 22 Jan 2012 23:22:27 +0000

Otro Chat, muy sencillo y adaptable a cualquier Sitio Web. Este Script PHP, de 456 bytes (456 bytes), sí, medio Kb. y un HTML de 2,54 Kb (2.605 bytes), icluidos CSS y JScript, es todo lo que se necesita; ni AJAX ni Librerías JS de 200 Kb… Así de simple!.

Ver online

HTML 4.01

scriptshow — Sun, 01 Jan 2012 13:33:47 +0000

Aunque ya vamos por HTML 5, la versión anterior tiene aún vigencia, resiste bien…

Listado HTML 4.01 de elementos:

a : Anchor
abbr : Abbreviation
acronym : Acronym
address : Address
applet : Applet
b : Bold
base : Base URL
base : Base Font Size
bdo : Bi-Directional Override
big : Big
blockquote : Blockquote
body : Body
br : Break
button : Button
caption : Table caption
center : Center align
cite : Citation
code : Computer code
col : Table column
col : Table column group
col : Table column group
dd : Definition description
del : Deleted text
dfn : Instance definition
dir : Directory list
div : Division
dl : Definition list
dt : Definition term
em : Emphasis
fieldset : Form control Group
font : Font
form : Form
frame : Frame
frameset : Frameset
h1 : Header 1
h2 : Header 2
h3 : Header 3
h4 : Header 4
h5 : Header 5
h6 : Header 6
head : Head
hr : Horizontal Rule
html : HTML document root
i : Italics
iframe : Iframe
img : Image
input : Input
ins : Inserted text
isindex : Single line prompt
kbd : Keyboard input
label : Label
legend : Legend
li : List Item
link : Media Independent link
map : Client side image map
menu : menu list
meta : Meta information
noframes : No Frames
noscript : No script
object : Object
ol : Ordered List
optgroup : Option group
option : Select an option
p : Paragraph
param : Named property value
pre : Preformatted text
q : Quotation
s : Strike through text style
samp : Sample program output,Scripts
script : Script statements
select : Option selector
small : Small text
span : Generic style or language container
strike : Strike through text
strong : Strong emphasis
style : Style info
sub : Subscript
sup : Superscript
table : Table
tbody : Table body
td : Table data
textarea : Textarea of a form
tfoot : Table foot
th : Table header cell
thead : Table header
title : Title of document
tr : Table row
tt : Tele type
u : Underline text style
ul : Unordered list
var : instance of a variable or program argument

Imágenes de fondo con efecto Fade

scriptshow — Tue, 06 Sep 2011 09:26:44 +0000

Hemos visto algunos Scripts para cambiar el fondo de un Sitio Web con efectos diversos. Ahora, toca lo del efecto de transición de una imagen a otra de forma progresiva, aumentando y disminuyendo la opacidad. El resultado es muy atractivo, y se consigue con muy pocos recursos, sin enormes Librerías JS, sólo con 1,90 KB (1.950 bytes). Veamos el Script:

http://www.w3.org/1999/xhtml” xml:lang=”es” lang=”es”>

:: BG IMG BIG FADE ::

http://scriptshow.wordpress.com“>

Seguiremos haciendo experimentos sencillos, sin derrochar un solo Kb.

Scripts disponibles para descargar. Pulsa aquí

Si lo prefieres, envía un EMail a:

scriptshow@hotmail.com

Slide Background Image

scriptshow — Thu, 04 Aug 2011 23:16:50 +0000

Siguiendo con el interesante tema de la imagen de fondo ajustada al tamaño de la ventana del Navegador, traemos aquí un sencillo pero potente Script que, con muy pocos Kb. (menos de 2,5Kb.), realiza unos efectos para presentar imágenes de fondo ajustadas sin perder la proporción original de la imagen. Ésto, se consigue con librerías JS de entre 100-200kb. muy conocidas; pero, se pueden conseguir resultados similares sin derrochar recursos innecesariamente. El desarrollo, creado desde cero, nada tiene que ver con esos framework, se basa en un sólo Script que ocupa un 1% del total.

En fin, vamos a lo práctico:

Scripts disponibles para descargar. Pulsa aquí

Si lo prefieres, envía un EMail a:

scriptshow@hotmail.com

Queda abierto cualquier comentario, sugerencia, etc. relacionado con el tema.

Imagen ajustada con proporción

scriptshow — Sun, 31 Jul 2011 13:43:11 +0000

Bueno, cansado de ver cientos de Scripts para ajustar un fondo ó imagen al tamaño de la ventana del navegador, decidí ponerme manos a la obra. Todos conocemos las enormes Librerías (100-200Kb.) para tal menester… Algunos sabemos que se pueden conseguir resultados más que aceptables con muy pocos recursos: 440 bytes (la mitad de 1Kb.). Pues sí, con 100 veces menos y un poco de dedicación, está demostrado aquí:

Resize Fluid Image

Lo he simplificado al máximo para ver el efecto deseado; no obstante, se puede adaptar para diferentes propósitos: fondo de Web Site, tamaño de imagen según pantalla, etc. La imaginación es el único límite…

CMS

scriptshow — Sat, 30 Jul 2011 11:53:59 +0000

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:

CMSimple Web

CMSimple XH

Quick.Cms

Esto es un experimento “FullSimple Background Image” adaptado a CMSimple 3.X Si interesa, lo trataremos como un pequeño proyecto.

Ver online

PHP

scriptshow — Sat, 30 Jul 2011 10:18:58 +0000

PHP es un lenguaje interpretado muy flexible y utilizado para crear Webs interactivas. Es sabida su aplicación en: Blog, Libros de visita, Formularios, Listas de correo, Tiendas online …

Existen Scripts creados para infinidad de aplicaciones, no obstante, intentaremos aportar algo con un toque personal.

Algunas referencias obligadas:

Imagen ajustada al tamaño de la ventana

scriptshow — Thu, 22 Apr 2010 22:57:43 +0000

Saludos,

parece despertar interés el tema de la Imagen a pantalla completa, redimensionada al tamaño de la ventana del Navegador. Hay Scripts para hacer esto posible, también con CSS Style; pero, es más sencillo y compatible hacerlo con HTML, simplemente. Veamos como:

Es sorprendente, con menos de 0.5Kb. y HTML. A menudo, vemos como se utilizan inadecuadamente librerías JS (Framework) para conseguir efectos que son posibles con muy pocos recursos. Si el tiempo me lo permite, intentaré crear un Script compatible de (2-4 Kb), que cubra las espectativas actuales.
En fin, con un poco de imaginación ya tenemos la base de una Web personal, ¿única?…

Un apunte: para evitar las barras de scroll en algunos Navegadores actuales, se precisa CSS. Es evidente que la imagen se ajusta al espacio visible del Navegador, sin guardar la proporción original.

Capa fija con CSS-JScript

scriptshow — Sun, 13 Sep 2009 11:14:32 +0000

Se trata de una capa con efecto fade que permanece en primer plano sin afectarle la posición de las barras de scroll. Está realizada en CSS y JavaScript. Se han añadido unas expresiones para corregir algunos fallos en IE5x, IE6x, etc.

El código es:

Este texto siempre estará en la parte superior de la página

Scroll …

Espero sea útil.

Fotografía

scriptshow — Fri, 17 Jul 2009 22:14:21 +0000

Curiosidades sobre el apasionante mundo de la Fotografía. Programas, aplicaciones, utilidades gratis para el tratamiento de imagénes.

Artweaver es uno de esos programas para tratamiento de imágenes que nada tiene que envidiar a otros de “renombre”. Es una potente herramienta que, cuando la pruebes, sabrás a qué me refiero…

Por ahora es gratuita y sin limitaciones.

Otro interesante programa para añadir efectos y mucho más. Se trata de PhotoScape un magnífico editor de fotos gratuito, con el que puedes hacer algunas sencillas tareas en pocos clicks. Muy intuitivo, en unos minutos obtendrás resultados sorprendentes; olvídate de pesados tutoriales, vé a lo práctico, pruébalo.

Algunos enlaces relacionados:

Y, algunos más…