Cómo mejorar el rendimiento de las animaciones con CSS

Los navegadores web modernos pueden aplicar con facilidad los siguientes cuatro efectos CSS: cambio de posición, escalado, rotación y opacidad. Si aplicas cualquier otro efecto CSS en la página, es muy posible que el rendimiento se resienta y no puedas mantener los 60 frames por segundo que hacen que la página se vea tan bien. Por este motivo, todos los efectos gráficos de tus páginas se deberían reducir a las siguientes cuatro instrucciones: /* mover un elemento */ … { transform: translate(0px, 0px); } /* escalar (cambiar el tamaño) de un elemento…

Leer más

Conoce algunas novedades de Firefox 29 para programadores y diseñadores web

Firefox 29, la versión más esperada en mucho tiempo del popular navegador Firefox, se publicó el 29 de marzo de 2014. Aunque los cambios más radicales afectan a los usuarios finales del navegador, esta nueva versión también incluye novedades muy interesantes para diseñadores y programadores web. En este tutorial resumimos las novedades más importantes. Novedades en las herramientas para desarrolladores Previsualización de las transformaciones Cuando pasas el ratón por encima de una propiedad transform, el inspector te muestra una previsualización de esa transformación: Posibilidad de editar los archivos SASS o LESS El Editor…

Leer más

Aprovecha estos 5 libros para emprendedores

Nos fascina leer. Con el pasar de los años he  aprendido mucho de los libros, entre las infinidades de cosas que en ellos se esconden hasta que los abres. Es por ello que suelo cargar con alguno encima.  Hoy le he traido una selección de libros que me parecen muy interesantes e útiles para la empresa. Libros que no solo te cuentan cosas sino que te impulsan a salir de tus límites y reflexionar acerca de que estás haciendo y cómo lo estás haciendo. Aunque soy de leerme “tochos” y de…

Leer más

Aprende acerca de los tipos de lenguajes de programación

En el siguiente tutorial, hablaremos de los  dos tipos de lenguajes que existen evidentemente diferenciados; los lenguajes de bajo nivel y los de alto nivel. El ordenador sólo entiende un lenguaje conocido como el código binario o código máquina, consistente en ceros y unos. Es decir, sólo utiliza 0 y 1 para codificar cualquier acción. Los lenguajes más próximos a la arquitectura hardware se denominan lenguajes de bajo nivel y los que se encuentran más cercanos a los programadores y usuarios se denominan lenguajes de alto nivel.  Lenguajes de bajo…

Leer más

Cómo trabajar con bases de datos MySQL en Python

En el siguiente tutorial, nos avocaremos a un tema particular, el cual es prácticamente imposible evitar ser abarcado en el desarrollo de un sistema informático. Me refiero a lainteracción con bases de datos. ¡Comencemos! Trabajando con bases de datos MySQL en Python No abordaremos aquí, conocimientos básicos sobre MySQL, uso, instalación ni configuración. Sin perjuicio de lo anterior, haré una breve introducción. Structured Query Language (SQL) SQL es el lenguaje de consulta estructurado utilizado para el acceso a bases de datos relacionales. Si bien SQL como lenguaje, posee ciertos estándares, el lenguaje de…

Leer más

Aprende acerca del manejo de archivos, diccionarios y funciones con Phyton

En el siguiente tutorial hablaremos acerca de diccionarios Conocidos en otros lenguajes como Hashes (Perl), arreglos asociativos (PHP) o hashmaps (Java), los diccionarios en Python son contenedores de pares clave-valor. A simple vista, son simplemente arreglos o listas cuyos índices son cadenas en vez de ser números enteros. Internamente la diferencia es mucho mayor, ya que se implementan como tablas hash en vez de listas. Pero no vale la pena entrar aquí en esos detalles, cuando podemos encontrar descripciones precisas en Wikipedia: Lista, Tabla Hash. Los diccionarios no preservan el orden de los elementos: éste depende…

Leer más

Aprende cómo crear archivos RTF con un documento con datos almacenados

En muchos desarrollos web surge la necesidad de crear documentos que proceden de la combinación de un documento origen con los datos almacenados en la Intranet/Extranet de la empresa, algo parecido a lo que se consigue con la combinación de correspondencia de Word.  Ejemplos prácticos pueden ser los siguientes:  Generación de etiquetas a partir de una base de datos de clientes o artículos  Certificados o diplomas para los alumnos de un curso  Listados de participantes en un evento.  El control de la impresión desde un documento HTML es algo bastante…

Leer más

Personalización de documentos con PHP

En PHP tenemos muchas funcionalidades desarrolladas desde el principio y sin necesidad de instalar ningún añadido en nuestro servidor. Es el caso de subir archivos a un servidor web por HTTP y a través de una página con un formulario, donde se permite seleccionar el archivo que queremos cargar de nuestro disco duro.  El ejemplo se encuentra bien documentado en un montón de páginas para desarrolladores, sin ir más lejos en la página de la propia tecnología: http://www.php.net/manual/es/features.file-upload.php. Nosotros en este caso vamos a intentar ir un poco más allá, realizando…

Leer más

Aprende las propiedades básicas de archivos Photoshop (.psd)

En el siguiente tutorial les explicaré cuales son las propiedades que se establecen al crear un nuevo archivo “*.psd” en Photoshop, me pareció buena idea ponerlo para que muchos sepamos (me incluyo) que para crear un *.psd no es solo CTRL + N. Name Nombre del archivo, por lo general todo buen newbie, lo deja en blanco, así que realmente no afecta. Width y Height Establece el ancho de nuestro documento, al lado de este otro menú podremos escoger la unidad en la que estableceremos nuestros valores de medida, de esta forma si…

Leer más

Crea un efecto de salpicadura de agua en Photoshop

Para la presente ocasión explicaremos de una forma sencilla como realizar un efecto de salpicadura de gotas de agua en Adobe Photoshop. Para lo cual cabe destacar que esta técnica puede emplearse también en otro tipo de proyectos que involucren la realización de gotas de agua con apariencia realista. Paso 1 Abrimos un nuevo documento, de un tamaño acorde con la imagen que queramos hacer, en mi caso las dimensiones fueron de 440 x 293 píxeles. Para mayor comodidad visual, recomiendo trabajar, en este caso, sobre un fondo blanco. Con este fin puedes crear un rectángulo…

Leer más