Control de tamaños de fuentes con Sass

" Trabajando en un proyecto nuevo con mi framework de css me di cuenta que no había creado una manera de mantener el tamaño de las fuentes consistentes. He descubierto que me gusta mantener las fuentes consistentes, así un tamaño pequeño es siempre el mismo tipo..."

Unidades de medida en CSS

" Las unidades de medida en CSS es de los temas que más suelen preguntarme, sobretodo ¿Qué unidad uso para tamaños de fuentes? y la respuesta como a casi todo es: depende. Para empezar es importante saber que CSS hay varios tipos de salida: Braille Embossed..."

El escritorio de un desarrollador web (v. Wakkos)

" Inspirado (picao) por el post de Carlos Azaustre sobre cómo es su zona de trabajo, me he animado a poner el mío. Una foto publicada por Daniel Martinez (@wakkos) el 28 de Mar de 2014 a la(s) 2:20 PDT Ordenador Principal Creo que la principal..."

Aprender a preguntar

" Emails como este llegan a menudo a mi inbox, y normalmente se quedan sin respuesta: El tema esta basado en Foundation Zurb 4.3.2, especificamente con “SECTION”, he situado un TAB vertical dentro de un TAB horizontal, a nivel de los tabs funcionan todos correctamente, el..."

Acción y Reacción

" Hoy es un día de esos que no quieres que llegue nunca. Mi abuelo nos ha dejado y aunque era algo que esperábamos, no deja de entristecerme. Quería dejar un trocito suyo en la red, ya que gracias a él estoy aquí metido: Me compró..."

Ayuda al usuario a rellenar formularios con CSS

" Antes de meternos de lleno con CSS quiero dejar algo claro: Si algo puede fallar, va a fallar. Y si alguien tiene todas las papeletas para fallar es nuestro amigo CSS y por eso es importante que todo tipo de validación en CSS sea validada..."

Estilos para alinear imágenes en WordPress

" WordPress tiene por defecto un sistema de alineaciones cuando editamos o creamos una entrada, estos alinean las imágenes a la izquierda, derecha o centro, dependiendo de la elección del autor. Cuando creamos un tema de cero, esos estilos que agrega WP no estarán en nuestro..."

Velocidad de tiempo de carga en diseño web

" Si hacemos caso a las estadísticas un 50% de los usuarios saldrán de una web que no cargue en 5 segundos. Yo no soy mucho de creer en las estadísticas, pero es lo que yo hago: navegando por mi timeline de Twitter me encuentro con..."

Entendiendo los Sprites

" Siempre cuesta entender un poco el funcionamiento de los sprites cuando los vemos por primera vez, así que vamos a intentar definirlos lo más simplemente posible: “Una imagen en Sprite es un conjunto de imágenes agrupadas en una sola imagen” Sin sprite lo que hacemos..."

Convencer al cliente de un Diseño Responsive

" Esta es una pregunta que se me hace en TODOS los cursos que imparto sobre Responsive Web Design en EscuelaIT: ¿Cómo convencemos al cliente que DEBE hacer su web adaptable a todos los dispositivos? Muchos de ellos dirán: NO necesito eso. Seguramente me habréis escuchado/leído..."

¿De verdad es responsive la nueva web de Microsoft?

" Muchos dicen por ahí que Microsoft a rediseñado su web para que sea adaptable a diferentes resoluciones y dispositivos, Responsive Design. Siento diferir. Lo que ha hecho Microsoft es simplemente un ajuste de anchuras, no se readapta nada en la web y quiero dejar claro..."

display:table-cell y su oportunidad en el Responsive Design

" Hace una semana estuve en Freiburg, Alemania asistiendo a la #SmashingConf y la verdad es que aprendí mucho de grandes como Lea Verou, Andy Clarke, Nicole Sullivan, Brad Frost y un gran line up de estrellas en esto del diseño y desarrollo web. Una de..."

Tabla de unidades válidas en CSS

" Aquí hemos creado para el curso de Responsive Design, en Escuela.it una tabla de las unidades de medida válidas en CSS Os podéis descargar el PDF: unidades válidas para CSS..."

Funciones básicas para plantillas de WordPress

" Aquí hay una pequeña compilación de funciones básicas o más utilizadas a la hora de crear nuestras plantillas en WordPress   CSS Agregar la información relativa al tema. Agregar al inicio del archivo style.css /*  Theme Name: Nombre Tema Theme URI: www.misitio.com Description: descripcion del..."

Propiedades de los Mediaqueries

" Ya que debemos usar responsive web design en todos nuestros diseños, es importante saber como se comportan los mediqueries. Aquí tenéis un esquema con las propiedades de los diferentes “queries” en mediaqueries, más abajo os podéis descargar el PDF. También os podéis descargar el .PDF: propmediaqueries..."

Favoritos y Herramientas de @Wakkos

" Barra de marcadores Japonés Curso de Lengua Japonesa Gunkan por Juan José Ferres Serrano Denshi Jisho – Online Japanese dictionary Tae Kim’s Japanese guide to Japanese grammar Kirai – Un geek en Japón by Héctor García — Enlaces para aprender Japonés Alla en el chorizonte:..."

Curso Online Responsive Web Design

" Mañana (14/05/2012) empieza el curso de Responsive Web Design con los amigos de Desarrollo Web en su proyecto Escuela.It. Estaremos cumpliendo un programa bastante interesante para llegar a controlar al máximo el diseño adaptable o Responsive Design: Algo está pasando Nuevas maneras de navegar por..."

Que exigir a tu diseñador web

" Al contratar a un diseñador web para que cree nuestra web debemos tener en cuenta tecnologías y tendencias de las cuales podemos aprovecharnos. Y debemos exigirle que las utilice! Muchos clientes quieren dejar todo en manos del diseñador, pero son ellos los que conocen su..."

Fuego animado en Photoshop (archivo .PSD)

" Jugando con Photoshop: This one was made lont time ago with the ol’ good Image Ready. Grab the PSD: planet_psd And make your tests! Jugando con Photoshop: Hemos logrado esto con el antiguo Image Ready! Podéis descargar el PSD: planet_psd Se pueden hacer cosas chulas!..."

Escalado de imágenes con Photoshop Content Aware II

" En este tutorial seguimos trabajando con Photoshop Content Aware y el escalado de imágenes y vamos a hacer lo contrario que en el anterior: en vez de contraer una imagen porque tenemos un espacio más pequeño, vamos a “estirarla” a un área mayor. Tengo una imágen de..."

Escalado de imágenes con Photoshop Content Aware

" Hoy traemos un poco más de Photoshop y Content Aware: un tutorial para redimesionar imágenes sin perder la proporción de los objetos en ella. Muchas veces tenemos una imagen que es perfecta para una composición (Web, Revista, Anuncio de prensa) pero resulta muy grande para..."

Máscaras y Content Aware

" Hoy vamos a componer una imagen a partir de otras dos en Photoshop. En este tutorial veremos como usar máscaras, content-aware y modos de fusión para hacer una composición especial. Trabajaremos con las siguientes imágenes:   Vamos a abrir ambas imágenes en un mismo documento..."

Capas de Ajuste en Photoshop

" Una de las características interesantes de Photoshop son las capas de ajuste o Adjustment Layers, esta ventana se encuentra en “Window – Adjustment” (Ventana – Ajustes) y podemos ver una gran colección de ajustes que podemos hacer a una imagen: tonos, contrastes, niveles… Si dejamos..."

Maquillaje Rápido en Photoshop

" En Photoshop tenemos la posibilidad de aplicar retoques de postproducción muy complejos a fotografías pero también podemos utilizar “retoques” simples y rápidos, que muchas veces son mis favoritos. Veamos el mini (miiiiini) tutorial: Uno de los procesos que más utilizo a la hora de dar..."

Diseñar tira de película con Photoshop en pocos pasos

" Vamos a diseñar en pocos pasos una tira de película en Photoshop: Creamos un documento nuevo (600×400 px es buena medida para empezar) Cargamos una forma libre llamada “Film” – película en español, corregidme si me equivoco ya que el Photoshop en Español no es..."

Subexposición y Sobreexposición en Photoshop

" Subexposición y Sobreexposición (Dodge and Burn) no son cosa de Photoshop (al menos en un principio) y todas aquellas personas que hayan trabajado en cuarto oscuro o revelado lo saben: Tapamos ciertas partes de la foto con un cartón o foam para que no pase la luz..."

Desenfocar fondo con Photoshop

" Hoy vamos a hacer un desenfoque de fondo tal como quedaría con una cámara fotográfica, ya que a veces no es posible lograrlo con la cámara, pero para eso tenemos photoshop y algún tutorial ;). Vemos que tenemos las esquinas superior izquierda e inferior derechas..."

Zoomify: Creando zooms con interactividad en Photoshop

" Una herramienta que poca gente conoce desde Photoshop CS3 es Zoomify, el concepto es muy simple: piensa en Google Maps y su manera de hacer zoom hacia detalles de los mapas, pues de este modo crea Zoomify una aplicación para hacer zoom a tus imágenes de alta..."

3 Acciones para agilizar tu trabajo en Photoshop

" Os dejo 3 acciones que me he creado y son las que más utilizo mientras diseño,  las tengo como shorcuts (atajo) en el teclado (F2,F3 y F4) Crear marco Crear borde insertado Redondear esquinas..."

Proceso por lotes en Photoshop

" A veces tenemos MUCHAS fotos o imágenes a las que queremos aplicar algún parámetro, efécto, tamaño, tipo de imagen, cambiarlas a: .JPG .GIF. TIFF y más. Photoshop tiene una bonita función para poder aplicar una acción a todo un conjunto de imagenes, solo tenemos que..."

Humor

" Hoy nos ha llegado este simpático correo que hemos querido compartir con todos vosotros: ¿Qué hacer con las moscas muertas? 1º Matas unas moscas, con cuidado. 2º Déjalas secar al sol 1 hora. 3º Toma las moscas, agarrate lápiz y papel…y ¡deja fluir tu imaginación!..."

La importancia de la lógica en el SEO

"   Empecemos por decir que SEO no es una ciencia y no siempre sumar dos estrategias dan el mismo resultado. Son ya 10 años desde que pareció el término de SEO y a pesar de toda la documentación disponible, sigue siendo un tema “oscuro” para..."

Don’t argue: IE6 must die.Antología de exploradores" alt="Don’t argue: IE6 must die.Antología de exploradores"> -->

Don’t argue: IE6 must die.Antología de exploradores

" La web ha evolucionado en los últimos 10 años: de páginas de texto puro a aplicaciones interactivas y desafortunadamentealgunos navegadores (en realidad solo hablo de IE) ya no soportan estas características. Entonces porque no se motivan a las empresas a actualizar? Aún veo empresas con..."

Optimize your business reach in internetMaximiza el alcance de tu PYME en internet" alt="Optimize your business reach in internetMaximiza el alcance de tu PYME en internet"> -->

Optimize your business reach in internetMaximiza el alcance de tu PYME en internet

" Con los tiempos que corren, es difícil que una pequeña empresa no tenga página web, pero quiere decir eso que tiene presencia en internet? no siempre. Nuestra web puede darnos más clientes o ser simplemente un folleto escondido en un cajón que nadie ve...."

5 tools every web designer must use5 herramientas online a utilizar en diseño web" alt="5 tools every web designer must use5 herramientas online a utilizar en diseño web"> -->

5 tools every web designer must use5 herramientas online a utilizar en diseño web

"   En Cool Village tenemos siempre unas pestañas abiertas en nuestro Chrome (planteando pasarnos a Firefox4) que nos facilitan el proceso de diseño web: Fuentes, Diagramación, Colores, Efectos CSS y más… SOn servicios gratuitos que se encuentran en internet y a los cuales nos hemos..."

4 errores frecuentes en la concepción de nuestra web

"     ¿Quién no ha visto una web y ha dicho “mis ojos mis ojos”? todos por seguro. Sabemos ya lo importante que es la presencia en internet, lo que puede ayudar a tu empresa a posicionarse en este siempre competitivo mercado pero entonces, porque hay tantas..."

Pump it UpPump it Up" alt="Pump it UpPump it Up"> -->

Pump it UpPump it Up

" Characters designed for the National Tourney of Pump it up 2011, organized by Puispain Diseños realizados para el Torneo Nacional de Pump it Up 2011, organizada por Puispain..."

Creatividad, antología de como robar ideas

" Una vez leí un artículo en una revista (si, era una Playboy) que se titulaba “Cada día somos más ignorantes” y dejaba en evidencia como al estar en constante desarrollo toda la humanidad era cada día más difícil seguir esos desarrollos y por ello, desconocer..."

Cool Village day of workOtra de Coolvillage!" alt="Cool Village day of workOtra de Coolvillage!"> -->

Cool Village day of workOtra de Coolvillage!

" Real Life like CoolVillage vignette.     Pequeña viñeta con Wakkos y Sombrerera al mas puro estilo “Real Life”! (click para ver en grande) =D  ..."

Madhatter

"   Imagen vectorial de uno de mis tantos dibujos de Alicia y el Sombrerero Loco, haz click para ver en grandote!..."

Ilustración: Calle

"   Técnica mixta. Cuadro empezado con acuarelas y café, finiquitándolo en Photoshop Viva la Experimentación!!!!..."

Mujer Rolliza

"   A la Sombrerera siempre me han gustado las mujeres rollizas. Esta ilustración fue hecha en digital con Photoshop con un tableta a media marcha..."