Blog. ArtículosTutorialesLabs

Éste es mi blog. Escribo sobre diseño, Web, tecnología y cosas misceláneas. Suscríbete, explora los tags o revisa los Archivos si quieres seguir leyendo.
Y, por cierto, no te pierdas mi Portafolio.

@shesho
Mi perfil: Mi perfil en Facebook Mi perfil en LinkedIn

Blog

Flyer Salmon Valei 3

El Salmon Valei es un evento de innovación de Puerto Varas que organizan Metrik, Punto Diez y Endeavor, entre otros. He aquí el afiche y flyer que diseñé para la versión 3 del evento, que es el próximo 13 de agosto en el Hotel Meliá de Puerto Varas. Gente de la décima región, no se la pierdan. Más info en www.salmonvalei.com

Labs

Tema genérico para WordPress

Descarga el tema genérico para WordPress v.1.0 (12,7 Kb)

Con este post inauguro la sección Labs, que era parte del plan original del sitio, y que reemplaza a la categoría Downloads (lo cierto es que la mayoría de las cosas de Labs se podrán descargar también, así que no se pierden de nada :)

Bien. Buscando automatizar lo más posible mi flujo de trabajo en WordPress, me di cuenta que, al crear un tema, perdía mucho tiempo modificando y removiendo el formato del tema Kubrick (que viene por defecto). Es muy recomendable partir la construcción de un tema modificando el Kubrick, puesto que abarca gran parte de la funcionalidad que se le puede pedir a un tema, y es actualizado por WordPress en cada versión con nuevas funciones.

Lo que hice yo aquí fue remover mucho del HTML y todo el formato (clases, estilos) propio de Kubrick, dejando un tema más limpio para comenzar a trabajar. Además, añadí un par de funcionalidades que suelo usar para ahorrar tiempo (y que explicaré más adelante).

El CSS incluido son selectores comunes que “resetean” los estilos de los navegadores (similar al generador de CSS en Flash que creé como experimento) y permiten una base más confiable para diseñar. Parte del código CSS ha sido tomado de los Reset Styles publicados por Eric Meyer.

Bájenlo y úsenlo a voluntad. Recuerden, eso sí, cambiar los nombres del tema (y el autor también, no hay problema).

Descarga el tema genérico para WordPress v.1.0 (12,7 Kb)

Cualquier duda o aporte, a los comentarios. ¡Saludos!

Artículos

Pasos sencillos para mejorar la seguridad de WordPress

La seguridad es algo que todo desarrollador Web debe tener en cuenta a la hora de construir un sitio. Los sitios Web son vulnerables, en mayor o menor grado, a una gran variedad de ataques maliciosos, que van desde borrar los contenidos de un sitio o acceder a información personal hasta instalar malware inadvertidamente en ellos.

En mi caso, el tema me interesa bastante, puesto que casi todos los sitios que desarrollo en la actualidad son en plataforma WordPress.

Investigando un poco, he encontrado ciertas medidas de seguridad muy simples, que pueden mejorar la seguridad de un blog WordPress en varios escenarios. Aquí van. (Más…)

Tutoriales

Cómo hacer un cargador sencillo para aplicaciones Web

Lo había prometido anteriormente, y aquí va: en pocos pasos, veremos cómo construir un cargador para aplicaciones Web que tapa toda la pantalla mientras la página se carga, y desaparece al completarse la carga, como lo hace Gmail o Yahoo! Mail. (Más…)

Artículos

Cursores en CSS: Porque los detalles sí importan

CSS permite modificar el cursor que se usa en un determinado elemento. Si eres desarrollador Web, probablemente ya lo sabías, y quizá te preguntes ¿qué valor le puede dar a una interfaz el cambio de un cursor?

Soy un convencido que las buenas interfaces son aquellas que cuidan todos los detalles. Este artículo explicará un par de casos donde, mediante muy poco CSS, el cursor puede contribuir a una experiencia de usuario más limpia y elegante, y por consiguiente, a una mejor interfaz. (Más…)

Tutoriales

Truco: Mejores bordes redondeados en Fireworks

Uso Fireworks siempre para hacer maquetas Web, diagramas, esquemas, incluso los logos los diseño ahí. Suele ser muy frecuente usar rectángulos con esquinas redondeadas, sobre todo para hacer botones, pero a tamaños pequeños, los bordes de color quedan con ciertos artefactos y se ven poco nítidos.

Acá va (ahora que terminé mi informe de título) un tutorial muy sencillo con un truco que descubrí para lograr bordes redondeados más finos usando Fireworks. (Más…)

Tags.

Consulta el archivo con todos los posts (tanto del blog como del portafolio)