amldesign Archive

Lo has intentado, has bajado el brillo de la pantalla, has desactivado la localización, las apps que más consume…pero una terrible cuenta atrás se cierne sobre tu móvil, 10%, 5%… ¡queda poca batería! Pero, ¿de verdad se puede aprovechar aún más la …

Varios diseñadores web me han escrito preguntándome si existe alguna alternativa real al retoque de imágenes, ya que los programas de edición actuales son bastantes complejos. Aclaremos una cosa, el diseñador web controla html y css3 a la perfección, pero no tiene por …

Hoy vamos a hablaros de cómo hacer email marketing adecuadamente y algunas herramientas de email marketing necesarias para ello. El email marketing es imprescindible como una herramienta más de fidelización del usuario. Uno de nuestros objetivos es que el email que llega …

Cada vez más CSS3 y SVG nos permite jugar con los textos y la tipografía de forma creativa. Poco a poco el diseño web se va transformando en una especie de “photoshop”, donde los navegadores modernos pueden renderizar efectos de texto realmente asombrosos. Para …

El año pasado Google anunció la versión 1.0 de Polymer, se trata de una librería que combina HTML5, CSS y Javascript para crear componentes web muy buenos y reutilizables orientados al desarrollo web actual y modular. Polymer es la nueva revolución del HTML …

Las tipografías modernas han entrado con fuerza en este 2016 y su previa elección determina la composición de nuestro diseño. Pero sobre todo estas fuentes modernas son muy potentes a la hora de transmitir sensaciones, por lo que son tipografías ideales para crear logotipos (solo texto) …

Los botones Call to Action (CTA) o también llamados ‘botones de llamada a la acción’, se usan para atraer la atención de tus clientes. En esta entrada vamos a hablar de cómo colocar los botones CTA de forma estratégica de cara al comercio …

Empiezan las campañas para el día de San Valentin y ya empezamos a teclear en google “vectores san valentin” para obtener el material gráfico necesario y acompañar nuestros newsletters, banners, landings pages y otras formas de marketing con los mejores diseños. He …

Actualmente en el diseño web se usan bastante las formas geométricas, y sobre todo las formas triangulares, sin duda es uno de los efectos con photoshop más solicitados. Además vamos a darle un efecto vintage photoshop que tanto se lleva ahora para vender. En …

En esta segunda parte del tutorial básico con AngularJS vamos a definir un archivo HTML5 donde transcurrirá toda la acción de nuestra aplicación, además  instalaremos las librerías necesarias para el desarrollo y empezaremos a definir los módulos. Instalando dependencias con Bower Vamos a …

Por fin empezamos con AngularJS, este framework de javascript MVC (Modelo Vista Controlador) ha hecho mella en el desarrollo web Front End, ya que nos permite construir aplicaciones SPA (Single Page Applications) de forma ágil. Para aprender angular con fluidez en estas entradas …

Continuamos con esta segunda parte de los tutoriales para aprender javascript a nivel básico, ¡vamos con las variables javascript!, abarcando los conceptos más recientes de ECMAScript 6. Variables javascript Las variables en programación siguen una lógica similar a las variables que usamos …

Se acerca Halloween y los diseñadores pronto empezarán a teclear “vectores halloween” en Google buscando recursos gráficos para los Newsletters, Banners, carteles y otras formas de aprovechar esta fiesta para ofrecer otros productos. He recopilado de diversas fuentes vectores gratis sobre esta …

Recientemente se anunció Bootstrap 4 alpha. Se trata de la cuarta versión de este framework frontend responsivo que se ha hecho muy popular sobre todo por la gran cantidad de plantillas disponibles que tiene, tanto gratuitas como de pago. A pesar de …

La mayoría piensa que para tener una buena landing page basta con que sea atractiva visualmente. Pero la realidad es que aunque contrates al mejor diseñador web del mundo, no te garantiza que tu landing page convierta y funcione. En esta entrada vamos …

En la última entrada hablé de como montarte un buen entorno de desarrollo con Grunt.js y algunas tareas de éste, entre esas tareas la más destacada fue BrowserSync, la cual nos permitió sincronizar nuestro navegador con cualquier dispositivo y pantallas y así …

Con este tutorial tu día a día en el desarrollo web frontend, de diseñador web o incluso de programador web backend, cambiará. En solo unos minutos te vas a montar un buen entorno de desarrollo web con un solo objetivo: AUTOMATIZAR TAREAS. ¿Qué …

Las tipografías vintage han cobrado mucho protagonismo en el diseño web y en el diseño gráfico en el 2014 – 2015. Sitios web de calidad como Behance han contribuido en gran parte a ello. Estas fuentes vintage dotan de gran personalidad prácticamente …

MongoDB se ha dado a conocer como una base de datos sencilla de usar y que proporciona un alto rendimiento y alta disponibilidad. Ya hablamos de las virtudes de MongoDB en la introducción al StackMEAN (1). Una alta disponibilidad en base de …

El Glitch Art, o también conocido como el arte del error, simula con intenciones artísticas los errores inesperados que ocurren en elementos de vídeo, programas, videojuegos, etc. El término glitch hace referencia a un error no previsto en el tratamiento de información, que puede ser …

Esta es la primera entrada sobre sass dentro del Curso Html5 y sass, como ya comenté en la introducción del curso, separaremos los contenidos entre Html5 y Sass y los juntaremos cuando sea necesario. Hoy vamos a centrarnos en los beneficios que …

¿Qué tal?, he decidido crear una nueva categoría del blog para aprender UX (experiencia de usuario), como siempre digo el crear una entrada para difundir conocimiento hace que tú mismo lo vayas adquiriendo. Y creo que tanto para un diseñador web como …

Bienvenido a la primera entrada sobre html5 del Curso Html5 y Sass, recuerda que durante el curso una entrada estará dedicada a html5 y otra a sass, ambas temáticas pueden combinarse en una sola entrada cuando sea necesario explicarlos juntos. Como ya …

Este curso de html5 y Sass, no solo aumentarán nuestra productividad en el diseño de páginas web en general, si no que también nos “obliga” a escribir un código limpio, claro y preciso. Al contrario de otros cursos de html5, aconsejo encarecidamente escribir el código a …

¿Estás buscando vectores de playa? Se acerca el verano, como dirían los Stark veraniegos, y los diseñadores buscamos desesperadamente fondos de playas, fotos de verano gratis y otros recursos gráficos que nos aumenten la productividad. Ya nos ronda en la cabeza las palabras “el …

Materialize CSS se define en su web como “Un framework web frontend moderno y responsivo basado en Google Material Design”. Vamos a ver los componentes principales de Materialize CSS y a crear una sencilla web portfolio como práctica que repasa el modo de …

Breve introducción a JavaScript y a la programación Antes de meternos de lleno con Javascript, vamos hacer una breve introducción de los principios de la programación para nuestros recién llegados padawans. Empecemos por lo básico, ¿qué es un programa? Un programa es …

En los tiempos que corren están de moda las fuentes handwriting, o dicho de otra manera, tipografías que transmiten la sensación de estar hechas a mano (manuscritas) y con ese trazo fresco, con un puntito infantil, que aparentemente quedan bien con todo. …

Vectores del dia del padre para diseñadores Se acerca el día del padre aquí en España (19 de Marzo) y muchos diseñadores web y gráficos buscan recursos con esta temática para optimizar el tiempo que pasan diseñando ya sean tarjetas, banners, un newsletter …

Rutas / Routing en con NodeJS y Express Para añadir más páginas a nuestro sitio, necesitamos más rutas. Podemos hacerlo usando Express Router, que ya viene integrado en Express. Esta entrada será un tanto bestia ya que el manejo de las rutas será …

Crea tu servidor Node Sigamos adelante y vamos a ver el modo de configurar un servidor node HTTP para que podamos mandar archivos HTML entre otros, a nuestros usuarios. En la entrada anterior, solo vimos algunas cosillas por consola. En esta entrada vamos …

Instalar NodeJS Requisitos Node npm – incluido en la instalación de Node Herramientas Editor de código (Sublime Text, Brackets, etc) Terminal – usaremos iTerm2 (usuarios de Mac/Linux) GitBash + ConEmu (usuarios Windows) Postman (Chrome) RESTClient (Firefox) Instalación Simplemente entra en la web de …

Introducción Node.js es una tecnología o plataforma que permite programar con JavaScript del lado del servidor y que ha ido ganando popularidad en los últimos años. Empezó usándose en pequeños proyectos o medianas empresas y ahora puede verse en grandes compañías como Microsoft, …