JavaScript

Agregar SVG a una página web

La pérdida de calidad que resulta del aumento de una imagen de píxeles más allá de su resolución es un problema que se torna serio en los tiempos del diseño web responsivo, por lo que presentar imágenes GIF, PNG y JPG adaptadas a las diversas pantallas se convierte en un reto. Por ello, los gráficos vectoriales en formato SVG cada vez son más populares. ¿Qué hay detrás de esta tecnología lanzada en 2001 como norma? ¿Cómo se inserta este formato en los proyectos web? [...]  

Consejos para optimizar páginas web

Entre los diversos aspectos que entran en juego en la creación y mantenimiento de una página web, hay uno al que no se le da la importancia que se merece: la funcionalidad de la propia página. A pesar de implementar un diseño web responsivo, en muchos casos el tiempo de carga es muy elevado, por más que este esté considerado como un criterio decisivo para el comportamiento de los usuarios. En nuestra guía encontrarás información acerca de las medidas que puedes tomar para optimizar el rendimiento de tu página web. [...]  

Correo seguro: protege tu dirección de correo electrónico

Los spambots, también llamados Email harvesters o programas “cazacorreos”, recorren Internet de forma incesante a la búsqueda de direcciones de correo que más tarde podrán utilizar para acciones de publicidad agresiva, para enviar phishing o para distribuir todo tipo de malware. Y, por lo general, tienen bastante éxito. La legislación vigente dicta a los propietarios y administradores de páginas web la obligación de mostrar de forma visible su información de contacto, también la digital. ¿Deja esto la puerta abierta al robo masivo de direcciones electrónicas? Descubre las diferentes maneras de proteger tu dirección de contacto sin incumplir la normativa. [...]  

Rich cards: el nuevo formato de la búsqueda de Google

En mayo de 2016 Google anunció la implementación de una de las últimas y más grandes modificaciones en la representación visual de sus resultados de búsqueda: las rich cards. Debido a que más de la mitad de las solicitudes hechas al motor de búsqueda más popular del mundo se hacen a través de dispositivos móviles, no es de extrañar que el nuevo formato de salida esté especialmente diseñado para tablets y smartphones. Ahora bien, ¿qué son las rich cards? y ¿cómo se implementa esta nueva tecnología en un proyecto web? Visita nuestra guía e infórmate al respecto. [...]  

Tutorial Bootstrap: los primeros pasos

En el mundo online, Bootstrap es una de las favoritas cuando se trata de elegir una solución de diseño responsivo para un proyecto web. Sin embargo, ¿qué es realmente Bootstrap? ¿Cómo funciona este framework de Twitter que fue pensado inicialmente como una herramienta de optimización interna? ¿Es posible que usuarios sin muchos conocimientos en programación le saquen el mayor provecho a este framework? [...]  

Aprender a programar: introducción y conceptos básicos

Bienvenidos a la era digital: un consumidor medio pasa varias horas sentado frente a su ordenador o revisando la pantalla de su smartphone. Contar con conocimientos adicionales sobre el funcionamiento de los programas que utilizamos a diario y, que muchas veces facilitan nuestro día a día, nunca está de más. Afortunadamente, la oferta de recursos para aprender a programar es cada vez más amplia. Hemos seleccionado algunas plataformas de cursos, vídeo tutoriales y comunidades online que serán de gran ayuda a la hora de aproximarse a HTML, C++ y PHP. [...]  

¿Qué es el XSS o Cross Site Scripting?

¿Has escuchado alguna vez hablar del llamado Cross Site Scripting o XSS? Por medio de este procedimiento personas sin autorización consiguen introducir archivos maliciosos en los navegadores y servidores web sirviéndose de sus vulnerabilidades y ejecutándolos de forma anónima. Pero ¿sabes en qué consisten exactamente este tipo de ataques y cómo se pueden proteger tanto administradores como usuarios? [...]  

Fundamentos del desarrollo web

El desarrollo web actual tiende a los contenidos interactivos y se distancia de las páginas web estáticas. Aún cuando HTML y CSS siguen siendo los fundamentos sobre los que se suele erigir toda página web, cada vez es más común que los desarrolladores web recurran a lenguajes de programación que se administren desde el servidor a fin de crear páginas web dinámicas. A este respecto, los lenguajes de programación como JavaScript, ofrecen la posibilidad de programar páginas web de modo que estas puedan reaccionar ante la interacción de los usuarios. Échale un vistazo a nuestra guía para conocer más sobre el desarrollo de páginas web. [...]  

Tutorial: marcado con microdatos según Schema.org

Los microdatos constituyen una metasintaxis sencilla y flexible para el marcado semántico de los contenidos web. La aplicación de un repertorio unificado de microdatos según el estándar de schema.org garantiza la compatibilidad con la mayoría de navegadores y con los crawlers de los buscadores más populares, lo que permite a desarrolladores y administradores web sacar el máximo provecho de las nuevas formas de representación de contenidos en las SERP como rich snippets, breadcrumbs o sitelinks. [...]  

Tutorial: marcado con RDFa según Schema.org

RDFa es un estándar recomendado por W3C para la incorporación de metadatos en HTML, HTML5, XHTML y dialectos XML y es considerado el fundamento de la web semántica. Gracias al proyecto schema.org, los webmasters disponen de un vocabulario estandarizado para la estructuración de datos. En este exhaustivo tutorial te mostramos cómo usar este lenguaje y cuáles son sus principales limitaciones. [...]