Home Noticias Externas CristalLab

Noticias Externas

Cristalab

Tutoriales, tips, foros, artículos y ejemplos de diseño y desarrollo web en Cristalab

Cómo funciona SQL Injection, seguro eres vulnerable

Las vulnerabilidades más comunes en aplicaciones web según la OWASP (Open Web Application Security Project) son las de tipo inyección, a través de estas un usuario malintencionado puede enviar comandos o consultas con el fin de obtener datos o realizar ciertas acciones.

SQL Injection es una vulnerabilidad que permi...

Qué es la apertura de diafragma en la fotografía

Hola a todos, en este tutorial continuamos con la serie de conceptos de fotografía que estamos aprendiendo, en esta ocasión veremos acerca de la apertura de diafragma (la cámara lytro no cuenta).

[nota:65c011b58a]No te pierdas el tutorial anterior Qué es la sensibilidad ISO en la fotografía[/nota:65c011b58a]

Al t...

Cómo subir archivos con Express.js

El framework más conocido de Node.js es Express.js que nos ayuda a manejar la parte de request and response en nuestra aplicación.

Para permitir que el cliente envíe datos usamos en nuestra configuración de la aplicación del archivo app.js lo siguiente:

var body_parser   = require('body-parser')...

Cómo subir archivos con Laravel

Una de las cosas que más admiro del framework Laravel de PHP es su documentación que si bien está en inglés es muy sencillo de entender. Entre las cosas más comunes que allí encontramos además de subir datos, es subir archivos. En este caso veremos cómo subir archivos en PHP por medio de Laravel que a mi juicio es muy ...

Animación en CSS3: after, before y hover

Una forma muy sencilla (quizás la más básica y por la que deberías empezar) de crear animaciones con CSS3 es valiéndote de pseudo-elementos y pseudo-clases.

Antes veamos lo esencial que necesitamos saber sobre estos dos recursos:
Pseudo-elementos en CSS
Pseudo-clases en CSS

Pseudo-elementos en CSS3
Los Ps...

Buenas prácticas en Node.js: Módulos

Los módulos en node.js son un objeto que extiende su funcionalidad mediante un prototipo. Esto evita tener funcionalidades separadas y regadas de una misma herramienta, como por ejemplo varias funcionalidades de una calculadora que podrían ser sumar o restar, como estamos hablando del mismo objeto calculadora podríamos...

Clases y métodos en Dart

Esta es la tercer entrega de tutoriales de Dart. Revisa los primeros tutoriales de Primeros pasos en Dart, y Tipos de datos en Dart.

Clases en Dart
Comencemos primero con las clases. En el primer tutorial les decía que Dart es un lenguaje basado en clases. Todo en Dart es un objeto, todo es una instancia de una cla...

Line-height global en CSS

Ya hablamos de cómo calcular tamaños tipográficos para Web y de cómo usar las medidas em y rem en CSS3, ahora veremos algo muy sencillo acerca del uso del line-height en nuestros textos con CSS.

El line-height es la propiedad que debemos usar para establecer los espacios entre líneas en un párrafo, es decir que se e...

Cómo funciona Google Analytics

Google Analytics tiene cuatro etapas en la recolección y muestreo de la información: primero pasa por recolectar la información, luego pasa esta información según la configuración que tengamos, luego la procesa y la deja lista para los reportes que nosotros vemos.
Recolección de datos
En la recolección de datos...

Internet entera en riesgo por el bug Heartbleed de SSL

Google y la firma de seguridad Codenomicon han reportado un agujero de seguridad para el software OpenSSL que puede afectar a más de la mitad de los servidores del planeta. El error tiene el código CVE-2014-0160.
Qué es Heartbleed
Este es el nombre que ha recibido el agujero de seguridad, que permite que ataca...

Cómo abrir un .Ai con Inkscape

Debido a que estoy tomando un curso, (sí, con Mejorando.la y sí, es el de Frontend) he visto que muchos de mis compañeros usan Linux y tienen problemas para abrir y manipular archivos de Adobe Illustrator (.ai) en Inkscape, así que decidí compartir aquí unos plugins que he encontrado para poder hacer esto mas fácilment...

Cómo capturar la selección de un usuario con jQuery

En este sencillo tutorial aprenderemos a capturar con jQuery cuando un usuario copia contenido de una página y la cantidad de caracteres.
Capturar el evento de copiarPrimero vamos a escuchar el evento ‘copy’ por medio de jquery, para esto colocamos:

>  $("body").on('copy', functi...

Partes de un usuario en Google Analytics

Cuando estamos viendo un reporte en Google Analytics nos encontramos con 3 términos claves para entender lo que estamos viendo: Usuario
Sesión
Interacción

Usuario
El usuario en Analytics es identificado por un ID único que se guarda en una cookie en tu navegador, este ID permitirá saber a Analytics si eres un...

La tipografía en tiempos de Responsive

Muchas veces nuestros sitios no quedan 100% legibles, no por fallas de diseño o de identidad gráfica, sino porque simplemente no logramos optimizar correctamente los textos que contienen.

El diseño tipográfico tiene muchos siglos, es por eso que, de a poco, muchas de las prácticas tipográficas impresas se están ada...

5 apps iPad para músicos y sonidistas

Desde la aparición del iPad, uno de los escenarios en los que mejor ha sabido encajar, es en el de la producción musical. Los fabricantes de instrumentos tradicionales, al ver esta tendencia, no se quedaron por fuera de este vagón, y también lanzaron versiones para iPad de sus instrumentos más usados o crearon nuevas a...

Permisos en *NIX: los comandos chown y chmod

Los sistemas operativos UNIX-like o también llamados *NIX como: Linux, FreeBSD, Unix, Mac OS X (que está basado en FreeBSD), utilizan sistemas de ficheros muy robustos con una seguridad increíble, basada en permisos de usuarios y por grupos de usuarios, y para lograr este cometido se puede utilizar tanto una interfaz g...

Qué es el Bounce Rate en Analytics

En Google Analytics, el Bounce Rate o porcentaje de rebote nos indica la cantidad de visitas que entraron a nuestra página y que en un lapso de 30 minutos (1 sesión en Analytics) no hicieron ninguna interacción.

Tengamos en cuenta que una interacción en Analytics se basa en recibir un evento o un pageview, es decir,...

5 formas de centrar un DIV horizontal

La forma de centrar cajas con CSS depende mucho del display, position y el uso que quieras darle. En este tutorial veremos varias formas de centrar cajas horizontalmente.

Centrar una caja con tamaño fijo y display:block
El display:block es un estilo por defecto en muchos tags como div, article, section, header, foo...

Qué es la sensibilidad ISO en la fotografía

En este tutorial les compartiré algunos conceptos básicos de fotografía, para que de a poco puedan tomar más control de la cámara fotográfica, y así, en algún momento, sean capaces de abandonar el modo automático y tomar las fotografías de la manera en la que ustedes quieran.

Porqué es mejor tomar fotografías en mo...

De la fotografía al pincel, el arte digital de Marcela Bolívar

Marcela Bolívar es una diseñadora y artista digital de Cali, Colombia. Su trabajo se basa en la manipulación y collage fotográficos junto a la pintura digital. Conocí su trabajo hace unos años cuando participé de unas exposiciones del colectivo de arte Hystericalminds, en donde se reúnen grandes artistas para generar t...

Cómo usar Icon Fonts en tus mockups en Illustrator

A veces cuando estamos en el proceso de diseñar interfaces y UX y ya sabemos de antemano que utilizaremos un Icon Font (fuente de íconos) para nuestra web, una manera sencilla y rápida de poder utilizar los mismos íconos que usaremos en la versión final y maquetada de nuestra web es usar también los Icon Fonts desde Il...

Tipografía creativa con lettering.js y CSS3

Lettering.js es una librería para jQuery que nos puede ayudar a simplificar el proceso de maquetado de nuestro encabezado si decidimos hacerlo 100% tipográfico y con CSS3. Con esta alternativa podemos trabajar muy sencillo con web fonts y además trabajar con responsive design sin estar subiendo un archivo de imagen com...

Tutorial de AMFPHP y Actionscript 3

AMFPHP es un famoso sistema del lado del servidor para usar Remoting en PHP en conexión con Flash. En este tutorial veremos cómo instalarlo y adaptarlo a Actionscript 3, Flash CS4 y Flex.

Programación orientada a objetos en Visual Basic .NET

Un completo manual de programación orientada a objetos en Visual Basic .NET, donde hablamos de herencia, encapsulación, polimorfismo, proyectos en VB.NET y todo lo que abarca el OOP en Visual Basic.

Tutorial de Visual Basic .NET

En este tutorial básico crearemos una aplicación usando los Windows Forms de .NET y el lenguaje Visual Basic .NET. Todo usando el IDE Microsoft Visual Studio 2008 y Visual Basic 2008.

Tutorial de PHP y YAML

YAML es un formato de serialización de datos que nos permite crear archivos de variables fácilmente leíbles. En este tutorial usaremos YAML o YML para archivos de configuración en PHP.

Crear una base de datos en MySQL

En este tutorial veremos cómo crear una base de datos de MySQL, crear tablas y ejecutar comandos de MySQL con phpMyAdmin, sin necesidad de tener conocimientos extensos de SQL.

Coloreado de dibujos en Flash

En este tutorial de coloreado digital, veremos el proceso de entintado de personajes y dibujos usando Adobe Flash como herramienta.

Efectos de sonido en FL Studio

Hay muchos tipos de efectos de sonido en FL Studio (antiguo Fruity Loops). En este tutorial veremos los efectos de audio Delay, Reeverb, Flanger, Phaser, Chorus, Compressor, Clipper, Fast Distortion y Vocoder.

Diseño web para iPhone

El diseño web en iPhone requiere conocimientos de HTML 5, CSS y Javascript especial para usar todo el poder de Safari Mobile. En este tutorial hablamos de cómo crear sitios web optimizados para iPhone y navegadores Webkit como Android.

Anuncio

Noticias

Noticias

Design by MedioVirtual.com