Home Noticias Externas CristalLab

Noticias Externas

Cristalab

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

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...

Tipos de datos en Dart

Ya habíamos hablado que Dart es un lenguaje con tipado estático opcional, por lo que si el programador lo desea puede agregar un tipo de dato a las variables que cree. Pero no hemos hablado sobre qué tipo de variables existen en Dart y por qué utilizarlas.

Google recomienda utilizar tipos de variable por cuatro razo...

Animación con Keyframes en CSS3

Seguro has visto animaciones impresionantes con CSS3, quizás las más vistosas usaban efectos tridimensionales (antes de entrar en ese área conviene manejar muy bien los bidimensionales) y quizás cuando hayas visto el código que se necesita para provocar esas animaciones te sorprenda que sea tan breve en la mayoría de l...

Paga tu taxi en Bogotá desde tu celular con Tappsi

Llevo un mes viviendo en Bogotá y una de las tantas cuestiones que fui observando como diseñadora es el tema de la usabilidad en las ciudades. ¿Qué pasa cuando uno es extranjero y debe enfrentarse a una ciudad nueva? Uno de los primeros consejos que me dieron fue que me descargara la aplicación Tappsi para pedir taxis ...

Las medidas em y rem en CSS3

En CSS existen varias maneras de darle tamaño a los textos. Ya vimos en el tutorial anterior cómo calcular medidas tipográficas en la Web, ahora veremos qué pasa con los sistemas de medidas en CSS3.

Medidas en CSS
Actualmente hay varias maneras de darle tamaño a un texto. Las más usadas son:
PX: píxeles
PT: pun...

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...

Genera tus reportes internos con el estilo de Analytics

Muchos conocemos Google Analytics y su forma usable e intuitiva de graficar los datos al momento de ver reportes, pero estos son reportes que se quedan en esta herramienta. Muchas veces, al momento de generar reportes internos, queremos tener el mismo estilo de datos y para esto tenemos diversas librerías de Javascript...

Diego D. Gonzalez, realizador del Kratos oficial de God of War

Diego Gonzalez, o DDG Collecciones como se lo conoce en la web, es un escultor de Rosario, Argentina, que trabaja profesionalmente para empresas tanto nacionales como internacionales, generando modelados de piezas originales para su posterior producción y venta masiva. Su trabajo es increíblemente perfecto y es muy rec...

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.

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.

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.

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.

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.

Transiciones de filtros en After Effects

Aprenderemos a usar transiciones de filtros en Adobe After Effects sobre animaciones complejas, composiciones anidadas y edición gráfica de las animaciones creadas.

Deformar bitmaps con el metodo drawTriangles de Actionscript 3

El método drawTriangles() de Actionscript 3 es útil al crear figuras tridimensionales a partir de triángulos, para modificar la apariencia de un bitmap y en el mas sencillo de los casos dibujar una figura vectorizada. Lo que puede llevar a su uso incluso en el desarrollo de motores 3D vectoriales en Flash.

Anuncio

Noticias

Noticias

Design by MedioVirtual.com