En este artículo veremos algunas de las utilidades más comunes de
JavaScript, como por ejemplo, agregar a favoritos, páginas de inicio,
imprimir, ir atras o
adelante, entre otras.
Agregar a favoritos
Este link permite agregar a favoritos algun sitio a los favoritos.
Código:
<a
href="javascript:window.external.AddFavorite('http://www.sitio.com','Titulo
del sitio');">Agregar a favoritos</a>
Tu página de inicio
Este link permite setear en el navegador un sitio como página de inicio.
Código:
<a href="http://www.quiquenet.com.ar#" class="chlnk"
onclick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.tusitio.com');"
style="cursor: hand">Ser tu página de inicio</a>
Atrás y adelante
Permite lograr el mismo funcionamiento de los botones Atrás y Adelante del
navegador.
Código:
Atrás:
<a href="javascript:history.go(-1)">Atrás</a>
Adelante
<a href="javascript:history.go(1)">Adelante</a>
Imprimir página actual
Permite imprimir la página actual.
Código:
<a href="javascript:print()">Imprimir</a>
Cerrar ventana
Permite cerrar la página actual (si es un popup no pedirá confirmación)
Código:
<a href="javascript:close()">Cerrar ventana</a>
Mensajes en la barra de estado
Muestra en mensaje en la barra de estado al pararse sobre el link
Código:
<a href="http://www.miguelbarraza.com.ar" onmouseout="window.status=''"
onmouseover="window.status='Visita miguelbarraza.com.ar';return true ">
Visitar</a>
fuente: webexperto.com
miércoles, 8 de agosto de 2012
buenas practicas para escribir código HTML
estas son buenas practicas para escribir código HTML, que lo encontré muy
interesante, así que lo quiero citar como referencia, además puede ser
fácilmente aplicadas estas reglas a cualquier otro lenguaje que manejes.
La mejor manera de hacer que nuestros sitios web se vean y funcionen
correctamente en cualquier navegador, es escribiendo código limpio y que
respete los estándares. En la actualidad, la calidad del código HTML
presente en cada página es un factor que ayuda a mejorar -o empeorar- el
posicionamiento en buscadores, una razón de peso para preocuparnos por
escribirlo correctamente.
La lista de buenas practicas que sigue a continuación puede ser percibida
por los desarrolladores más avanzados como "básica", y puede que así sea.
Sin embargo, espero que sea de utilidad para todos, en especial para
nuestros lectores que recién se inician en este mundo del desarrollo web.
En las primeras versiones del lenguaje -hablo de muchos muchos años atrás- y
con los navegadores antiguos, muchas de estas reglas podían omitirse y cada
uno establecía su propio estilo, sin que esto preocupara mucho a nadie. Por
fortuna, las cosas han cambiado y hoy día somos mucho más exigentes con
nosotros mismos.
Existe algunas reglas que debemos respetar, sobre todo ahora que HTML5
comienza a presentarse con más fuerza. Estas reglas no las inventé yo, solo
las aprendí con mi trabajo y hoy quiero compartirlas para que todos
escribamos HTML de calidad.
Declarar el DOCTYPE correcto
Existen varias versiones de HTML, cada una con sus propias reglas,
etiquetas, elementos y atributos. La única manera de que un navegador
muestre correctamente una página web es conociendo exactamente la versión de
HTML que usa el documento que la contiene.
Para indicarle al navegador la versión de HTML que estamos usando debemos
usar la declaración <!DOCTYPE> y debe ser la primera línea de nuestro
documento. Y aquí algunos ejemplos:
DOCTYPE en HTML5
<!DOCTYPE html>
DOCTYPE HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
DOCTYPE XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Si te encuentras un poco confundido ahora, puedes utilizar esta referencia
donde se muestran las diferentes declaraciones posibles y las diferencias
entre ellas.
Recuerda cerrar las etiquetas
Un documento HTML está compuesto por muchas etiquetas que sirven para
definir encabezados, párrafos e incluso secciones enteras, usualmente vienen
en pares, una para abrir y otra para cerrar. Siempre que abras una etiqueta,
recuerda cerrarla correctamente.
Incorrecto <p>Lorem ipsum dolor sit amet
Correcto <p>Lorem ipsum dolor sit amet</p>
Nombra las etiquetas siempre en minúsculas
Tan importante como cerrarlas, es usar los nombres de las etiquetas siempre
en minúsculas. Lo correcto es <p> </p>, <div> </div>, <h1> </h1> no es <P>
</p>, <dIv> </DIV>, <H1> </H1>, . Además de que produce nauseas leer código
escrito de esa manera, es probable que los navegadores modernos no
interpreten correctamente estas etiquetas.
Utiliza ficheros externos para CSS y JavaScript
Aunque puedes crear funciones JavaScript y dar estilo a los elementos
directamente en el documento HTML, por favor, nunca lo hagas. Utiliza
siempre hojas de estilo y scripts externos en archivos separados para estos
fines.
Enlaza los CSS externos al principio
Aunque en teoría puedes enlazar los archivos CSS externos en cualquier parte
del documento HTML, lo más recomendable es hacerlo dentro de las etiquetas
<head> </head>, en la practica esto hará que las páginas se cargan
ligeramente más rápido.
Enlaza los JavaScript externos al final
En la medida de lo posible trata de enlazar los archivos JavaScript, justo
antes de la etiqueta </body>. Esto ayudará a que las páginas carguen mucho
más rápido.
No es una tontería y existe una explicación para esto: cuando el navegador
está cargando un script, se detiene por completo la carga del resto del
sitio y continua una vez que finaliza el otro proceso. Si se trata de un
script de gran tamaño, el usuario deberá esperar un poco y notará fácilmente
que algo sucede en el fondo, algo para nada elegante.
Usa el atributo "alt" en todas las imágenes
Es una regla fácil de olvidar, sin embargo hay que hacer un esfuerzo por
recordar incluir el atributo "alt" en todas las imágenes. Aunque parezca una
tontería, es necesario incluir este atributo por razones de validación y
accesibilidad.
Valida tu código
Validar el código de los documentos varias veces durante el proceso de
creación, te ayudará a descubrir errores de manera oportuna y te ahorrará
dolores de cabeza innecesarios al final, cuando pensabas que ya habías
terminado. W3C pone a nuestra disposición su Markup Validation Service que
nos permitirá realizar esta tarea de manera sencilla y nos avisará sobre
cualquier error en nuestro código.
Memoriza todas las etiquetas
Resulta muy útil repasar la lista completa de etiquetas HTML disponibles y
tratar de memorizar la mayor cantidad de ellas. Siempre puedes acceder a la
referencia, pero mantenerlas en la cabeza te ayudará a escribir código mucho
más rápido.
Si memorizar no es lo tuyo, te recomiendo buscar un editor con soporte para
HTML (hay cientos) que te ayude a agilizar el proceso, autocompletando
código y ofreciendo sugerencias.
Lee código de otros
Para cerrar, aunque no esté ligado únicamente al código HTML (ya que aplica
para JavaScript, CSS y cualquier otro lenguaje) al leer código de otros
desarrolladores, incluso mirando el código fuente de tus sitios web
favoritos puedes aprender mucho. Inspecciona ese elemento particular que
llama tu atención y aprende como lo hicieron. Revisa otros estilos y crea
uno propio.
fuente:
http://bitelia.com/2012/08/buenas-practicas-html
interesante, así que lo quiero citar como referencia, además puede ser
fácilmente aplicadas estas reglas a cualquier otro lenguaje que manejes.
La mejor manera de hacer que nuestros sitios web se vean y funcionen
correctamente en cualquier navegador, es escribiendo código limpio y que
respete los estándares. En la actualidad, la calidad del código HTML
presente en cada página es un factor que ayuda a mejorar -o empeorar- el
posicionamiento en buscadores, una razón de peso para preocuparnos por
escribirlo correctamente.
La lista de buenas practicas que sigue a continuación puede ser percibida
por los desarrolladores más avanzados como "básica", y puede que así sea.
Sin embargo, espero que sea de utilidad para todos, en especial para
nuestros lectores que recién se inician en este mundo del desarrollo web.
En las primeras versiones del lenguaje -hablo de muchos muchos años atrás- y
con los navegadores antiguos, muchas de estas reglas podían omitirse y cada
uno establecía su propio estilo, sin que esto preocupara mucho a nadie. Por
fortuna, las cosas han cambiado y hoy día somos mucho más exigentes con
nosotros mismos.
Existe algunas reglas que debemos respetar, sobre todo ahora que HTML5
comienza a presentarse con más fuerza. Estas reglas no las inventé yo, solo
las aprendí con mi trabajo y hoy quiero compartirlas para que todos
escribamos HTML de calidad.
Declarar el DOCTYPE correcto
Existen varias versiones de HTML, cada una con sus propias reglas,
etiquetas, elementos y atributos. La única manera de que un navegador
muestre correctamente una página web es conociendo exactamente la versión de
HTML que usa el documento que la contiene.
Para indicarle al navegador la versión de HTML que estamos usando debemos
usar la declaración <!DOCTYPE> y debe ser la primera línea de nuestro
documento. Y aquí algunos ejemplos:
DOCTYPE en HTML5
<!DOCTYPE html>
DOCTYPE HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
DOCTYPE XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Si te encuentras un poco confundido ahora, puedes utilizar esta referencia
donde se muestran las diferentes declaraciones posibles y las diferencias
entre ellas.
Recuerda cerrar las etiquetas
Un documento HTML está compuesto por muchas etiquetas que sirven para
definir encabezados, párrafos e incluso secciones enteras, usualmente vienen
en pares, una para abrir y otra para cerrar. Siempre que abras una etiqueta,
recuerda cerrarla correctamente.
Incorrecto <p>Lorem ipsum dolor sit amet
Correcto <p>Lorem ipsum dolor sit amet</p>
Nombra las etiquetas siempre en minúsculas
Tan importante como cerrarlas, es usar los nombres de las etiquetas siempre
en minúsculas. Lo correcto es <p> </p>, <div> </div>, <h1> </h1> no es <P>
</p>, <dIv> </DIV>, <H1> </H1>, . Además de que produce nauseas leer código
escrito de esa manera, es probable que los navegadores modernos no
interpreten correctamente estas etiquetas.
Utiliza ficheros externos para CSS y JavaScript
Aunque puedes crear funciones JavaScript y dar estilo a los elementos
directamente en el documento HTML, por favor, nunca lo hagas. Utiliza
siempre hojas de estilo y scripts externos en archivos separados para estos
fines.
Enlaza los CSS externos al principio
Aunque en teoría puedes enlazar los archivos CSS externos en cualquier parte
del documento HTML, lo más recomendable es hacerlo dentro de las etiquetas
<head> </head>, en la practica esto hará que las páginas se cargan
ligeramente más rápido.
Enlaza los JavaScript externos al final
En la medida de lo posible trata de enlazar los archivos JavaScript, justo
antes de la etiqueta </body>. Esto ayudará a que las páginas carguen mucho
más rápido.
No es una tontería y existe una explicación para esto: cuando el navegador
está cargando un script, se detiene por completo la carga del resto del
sitio y continua una vez que finaliza el otro proceso. Si se trata de un
script de gran tamaño, el usuario deberá esperar un poco y notará fácilmente
que algo sucede en el fondo, algo para nada elegante.
Usa el atributo "alt" en todas las imágenes
Es una regla fácil de olvidar, sin embargo hay que hacer un esfuerzo por
recordar incluir el atributo "alt" en todas las imágenes. Aunque parezca una
tontería, es necesario incluir este atributo por razones de validación y
accesibilidad.
Valida tu código
Validar el código de los documentos varias veces durante el proceso de
creación, te ayudará a descubrir errores de manera oportuna y te ahorrará
dolores de cabeza innecesarios al final, cuando pensabas que ya habías
terminado. W3C pone a nuestra disposición su Markup Validation Service que
nos permitirá realizar esta tarea de manera sencilla y nos avisará sobre
cualquier error en nuestro código.
Memoriza todas las etiquetas
Resulta muy útil repasar la lista completa de etiquetas HTML disponibles y
tratar de memorizar la mayor cantidad de ellas. Siempre puedes acceder a la
referencia, pero mantenerlas en la cabeza te ayudará a escribir código mucho
más rápido.
Si memorizar no es lo tuyo, te recomiendo buscar un editor con soporte para
HTML (hay cientos) que te ayude a agilizar el proceso, autocompletando
código y ofreciendo sugerencias.
Lee código de otros
Para cerrar, aunque no esté ligado únicamente al código HTML (ya que aplica
para JavaScript, CSS y cualquier otro lenguaje) al leer código de otros
desarrolladores, incluso mirando el código fuente de tus sitios web
favoritos puedes aprender mucho. Inspecciona ese elemento particular que
llama tu atención y aprende como lo hicieron. Revisa otros estilos y crea
uno propio.
fuente:
http://bitelia.com/2012/08/buenas-practicas-html
martes, 7 de agosto de 2012
Aprovechan Interés en Juegos Olímpicos como Anzuelo para Ataques de Spam, Phishing y Malware
Correos de spam con promociones de tarjetas de crédito, hashtags en Twitter,
y phishing simulando el sitio de YouTube son algunos de los ejemplos.
Los Juegos Olímpicos son una de esas ocasiones únicas en las que el mundo
entero se junta, dejando a un lado las diferencias existentes para competir
deportivamente. Los Juegos son una oportunidad para cada país de dar lo
mejor de sí y demostrar sus destrezas atléticas y proezas. Sin duda, este
espíritu de buena voluntad genera una gran cantidad de emoción tanto para
los atletas como para los espectadores, aún cuando este evento se repite
cada cuatro años.
Desafortunadamente, es exactamente esta buena voluntad la que es
aprovechada por los ciberatacantes. En el Informe de Inteligencia de
Symantec de este mes, se muestra la forma en que los atacantes están
utilizando hashtags (#) relacionados con los Juegos Olímpicos en Twitter
para propagar códigos maliciosos, agrupando las amenazas basadas en este
tema con aplicaciones de Android populares, y creando spam y estafas que
simulan ser concursos patrocinados por compañías de tarjetas de crédito,
todo con la esperanza de sacar provecho de la emoción que rodea este evento.
También se incluyen algunos casos de spammers que intentan engañar a los
usuarios para descargar software malicioso. Por ejemplo, Symantec identificó
recientemente un correo electrónico de spam que incluye una liga a un sitio
web que prácticamente imita a YouTube y que podría engañar a los usuarios.
El uso de toolkits en el panorama de amenazas es hoy tres veces mayor que el
promedio de los últimos seis meses de 2011. Si bien la aparición y el
resultado final de estos ataques ha permanecido igual desde el punto de
vista del usuario final, sí existe un cambio en términos de cómo estas
herramientas de ataques son creadas y administradas.
En el pasado, los toolkits de ataque eran comprados como aplicaciones
independientes en el mercado negro. Ahora, los exploits se están vendiendo
como plugins para toolkits con todo y hospedaje de servidores incluido o
también está la opción de rentarlo como servicio. También destaca que a
veces, los toolkits de ataque pueden estar escondidos en los sitios web
personales y de pequeñas empresas, especialmente si el servidor web no está
correctamente protegido y cuenta con los últimos parches, por lo que algunos
sitios podrían hospedar este tipo de amenazas sin saberlo.
fuente: Symantec
y phishing simulando el sitio de YouTube son algunos de los ejemplos.
Los Juegos Olímpicos son una de esas ocasiones únicas en las que el mundo
entero se junta, dejando a un lado las diferencias existentes para competir
deportivamente. Los Juegos son una oportunidad para cada país de dar lo
mejor de sí y demostrar sus destrezas atléticas y proezas. Sin duda, este
espíritu de buena voluntad genera una gran cantidad de emoción tanto para
los atletas como para los espectadores, aún cuando este evento se repite
cada cuatro años.
Desafortunadamente, es exactamente esta buena voluntad la que es
aprovechada por los ciberatacantes. En el Informe de Inteligencia de
Symantec de este mes, se muestra la forma en que los atacantes están
utilizando hashtags (#) relacionados con los Juegos Olímpicos en Twitter
para propagar códigos maliciosos, agrupando las amenazas basadas en este
tema con aplicaciones de Android populares, y creando spam y estafas que
simulan ser concursos patrocinados por compañías de tarjetas de crédito,
todo con la esperanza de sacar provecho de la emoción que rodea este evento.
También se incluyen algunos casos de spammers que intentan engañar a los
usuarios para descargar software malicioso. Por ejemplo, Symantec identificó
recientemente un correo electrónico de spam que incluye una liga a un sitio
web que prácticamente imita a YouTube y que podría engañar a los usuarios.
El uso de toolkits en el panorama de amenazas es hoy tres veces mayor que el
promedio de los últimos seis meses de 2011. Si bien la aparición y el
resultado final de estos ataques ha permanecido igual desde el punto de
vista del usuario final, sí existe un cambio en términos de cómo estas
herramientas de ataques son creadas y administradas.
En el pasado, los toolkits de ataque eran comprados como aplicaciones
independientes en el mercado negro. Ahora, los exploits se están vendiendo
como plugins para toolkits con todo y hospedaje de servidores incluido o
también está la opción de rentarlo como servicio. También destaca que a
veces, los toolkits de ataque pueden estar escondidos en los sitios web
personales y de pequeñas empresas, especialmente si el servidor web no está
correctamente protegido y cuenta con los últimos parches, por lo que algunos
sitios podrían hospedar este tipo de amenazas sin saberlo.
fuente: Symantec
viernes, 3 de agosto de 2012
leyenda del Atrapasueños
Hace mucho tiempo cuando el mundo era joven, un viejo líder espiritual
Lakota estaba en una montaña alta y tuvo una visión. En esta visión Iktomi,
el gran maestro bromista de la sabiduría apareció en la forma de una araña.
Iktomi le hablo en un lenguaje sagrado, que solo los líderes espirituales de
los Lakotas podían entender.
Mientras le hablaba Iktomi, la araña tomo un aro de sauce, el de mayor edad,
también tenia plumas, pelo de caballo, cuentas y ofrendas y empezó a tejer
una telaraña.
Él habla con el anciano acerca de los círculos de la vida, de como empezamos
la vida como bebes y crecemos a la niñez y después a la edad adulta,
finalmente nosotros vamos a la ancianidad, donde nosotros debemos ser
cuidadosos como cuando éramos bebes completando el circulo.
Pero Iktomi dijo mientras continuaba tejiendo su red, en cada tiempo de la
vida hay muchas fuerzas, algunas buenas otras malas, si te encuentras en las
buenas fuerzas ellas te guiaran en la dirección correcta. Pero si tu
escuchas a las fuerzas malas, ellas te lastimaran y te guiaran en la
dirección equivocada.
El continuo, ahí hay muchas fuerzas y diferentes direcciones y pueden ayudar
a interferir con la armonía de la naturaleza.
También con el gran espíritu y sus maravillosas enseñanzas.
Mientras la araña hablaba continuaba entretejiendo su telaraña, empezando de
afuera y trabajando hacia el centro.
Cuando Iktomi termino de hablar, le dio al anciano Lakota, la red y le dijo:
ve la telaraña es un circulo perfecto, pero en el centro hay un agujero, usa
la telaraña para ayudarte a ti mismo y a tu gente, para alcanzar tus metas y
hacer buen uso de las ideas de la gente, sueños y visiones.
Si tu crees en el gran espíritu, la telaraña atrapara tus buenas ideas y las
malas se irán por el agujero.
El anciano Lakota, le paso su visión a su gente y ahora los indios Siux usan
el atrapasueños como la red de su vida.
Este se cuelga arriba de sus camas, en su casa para escudriñar sus sueños y
visiones.
Lo bueno de sus sueños es capturado en la telaraña de vida y enviado con
ellos, lo malo de sus sueños escapa a través del agujero en el centro de la
red y no será más parte de ellos.
Ellos creen que el atrapasueños sostiene el destino de su futuro.
Lakota estaba en una montaña alta y tuvo una visión. En esta visión Iktomi,
el gran maestro bromista de la sabiduría apareció en la forma de una araña.
Iktomi le hablo en un lenguaje sagrado, que solo los líderes espirituales de
los Lakotas podían entender.
Mientras le hablaba Iktomi, la araña tomo un aro de sauce, el de mayor edad,
también tenia plumas, pelo de caballo, cuentas y ofrendas y empezó a tejer
una telaraña.
Él habla con el anciano acerca de los círculos de la vida, de como empezamos
la vida como bebes y crecemos a la niñez y después a la edad adulta,
finalmente nosotros vamos a la ancianidad, donde nosotros debemos ser
cuidadosos como cuando éramos bebes completando el circulo.
Pero Iktomi dijo mientras continuaba tejiendo su red, en cada tiempo de la
vida hay muchas fuerzas, algunas buenas otras malas, si te encuentras en las
buenas fuerzas ellas te guiaran en la dirección correcta. Pero si tu
escuchas a las fuerzas malas, ellas te lastimaran y te guiaran en la
dirección equivocada.
El continuo, ahí hay muchas fuerzas y diferentes direcciones y pueden ayudar
a interferir con la armonía de la naturaleza.
También con el gran espíritu y sus maravillosas enseñanzas.
Mientras la araña hablaba continuaba entretejiendo su telaraña, empezando de
afuera y trabajando hacia el centro.
Cuando Iktomi termino de hablar, le dio al anciano Lakota, la red y le dijo:
ve la telaraña es un circulo perfecto, pero en el centro hay un agujero, usa
la telaraña para ayudarte a ti mismo y a tu gente, para alcanzar tus metas y
hacer buen uso de las ideas de la gente, sueños y visiones.
Si tu crees en el gran espíritu, la telaraña atrapara tus buenas ideas y las
malas se irán por el agujero.
El anciano Lakota, le paso su visión a su gente y ahora los indios Siux usan
el atrapasueños como la red de su vida.
Este se cuelga arriba de sus camas, en su casa para escudriñar sus sueños y
visiones.
Lo bueno de sus sueños es capturado en la telaraña de vida y enviado con
ellos, lo malo de sus sueños escapa a través del agujero en el centro de la
red y no será más parte de ellos.
Ellos creen que el atrapasueños sostiene el destino de su futuro.
Suscribirse a:
Entradas (Atom)