ORANGESIDE.org :: v0.2
OrangeSide v0.2 Logo

presentación

ORANGESIDE.org es un proyecto personal, estructurado a modo de portfolio / blog, que pretende ser un espacio en el que poder mostrar y compartir trabajos y proyectos.

La filosofía en la que se basa es tan clara para mi como difícil de explicar, así que prefiero no utilizar mis propias palabras, si no las de alguien a quien respeto mucho, y cuya reflexión es mi meta:

Vale ser creativo, inventar cosas nuevas, sorprender, innovar, intentar maravillar a los dem�s con lo que haces, ser feliz haciendolo, disfrutar de tu trabajo, sentirte mejor al terminarlo, relizarte, saborear el momento, carpe diem, vivir al filo del siguiente segundo, imaginar lo no imaginado, so�ar el ma�ana, despertarse con una idea, amar lo que haces, sentirse ni�o otra vez y otra y otra, jugar con las ideas, hoy soy un vaquero, ma�ana un astronauta, mi nave despega y el humo de la ignici�n deja una estela, la corto y la pego en mi book junto a una receta de pastillas para la alegría, respiro ondo... es como el sexo, es como el amor, respiro otra vez ...
microbians

OrangeSide todavía no tiene ni una forma ni un fondo muy definidos pero poco a poco van apareciendo cosas. Así que, mientras se define una estructura definitiva (si es que eso llega algún día), este se va a convertir en su pequeño escaparate.

Espero que os guste, sentíos libres de escribirme y contarme qué os parece.

Borja Delgado [ orange ]

proyectos

PORTUGAL'05

{ fotografía }

Portugal ' 05

portugal'05

La belleza es el nombre de algo que no existe,
que yo doy a las cosas a cambio del placer que me producen.
No significa nada.
Entonces, ¿Por qué digo de las cosas: son bellas?
Fernando Pessoa

Portugal ' 05

SEMINARIOS CSS olymp trade entrar

{ enseñanza }

Seminario CSS Valencia

seminario css

En el marco de los Seminarios de Domestika, he impartido 2 cursos relacionados con el Desarrollo Web Ajustado a Estandares. En concreto de Iniciación a la programación en XHTML y CSS.

El primero de ellos fué realizado el 26 de Febrero, en las instalaciones de CICE (Madrid), y el segundo en la Casa del Alumno de la Universidad Politécnica de Valencia.

En ambos cursos el resultado ha sido bastante positivo, y espero poder seguir contribuyendo a la magnífica iniciativa que son los Seminarios de Domestika.

APUNTOLAPOSPO

{ programación }

ApuntoLapospo

apuntolapospo


ApuntoLapospo

apuntolapospo

Después de mucho tiempo desarrollando maquetas maestras o realizando consultoría, me he hecho cargo del desarrollo completo de un sitio web. Ha sido para trabajar codo con codo con el Estudio de Iolanda Astor, un auténtico placer.

Me he encargado del diseño técnico del site, de la gestión de su base de datos y del desarrollo completo de la web.

Lo más destacable del proyecto ha sido la gestión interna de contenidos, con un gestor muy completo y complejo. Respecto a la programación del lado del cliente se han respetado los estándares XHTML, CSS y las normativas de accesibilidad.

El sitio en concreto es el de la empresa de postproducci�n Apuntolapospo

JUANJEZ NIKIS

{ programación }

Juanjez Nikis

juanjez nikis


Juanjez Nikis

juanjez nikis

Tengo el placer de anunciar el nacimiento de un proyecto que le hará la sombra a las principales multinacionales de la moda ... Juanjez Nikis.

Me he encargado del desarrollo de las maquetas XHTML + CSS, y he de decir que ha sido un pequeño reto
;)

OFFF'05

{ fotograía }

OFFF 05

offf05

He sido el fotógrafo oficial del OFFF 2005, 3 días de muchas fotos, poco sueño, buena gente y mucho aprender.

Aqui se pueden ver algunas fotos publicadas en la web del festival, espero poder hacer un minireportaje por mi mismo.

Mi primer trabajo como fotógrafo "profesional", gracias Héctor y Aimee por la confianza puesta en mi.

LIBRITO TIPOGRÁFICO - BÍPEDOS Y DÍGITOS

{ diseño }

Bipedos y Digitos - NG

bipedos y digitos - foto karramarro

Pues junto con un montón de gente que se reúne de tanto en tanto bajo el nombre Bípedos y Dñigitos, he estado todo un fin de semana de emoción en emoción y manos a la obra.

No seré yo el que diga qué es exactamente lo que hacemos, pero al final queda todo englobado en una serie de obras numeradas y que se reparten entre los autores.

En la imagen podeis ver algunas fotos del resultado final, cortes�a de Karramarro. Adem�s aquí podeis ver un minireportaje fotogr�fico del proceso de creación

Todo un placer.

OPENSISTEMAS

olymp trade forex { programación }

opensistemas


imágenes confidenciales :(

He desarrollado para la agencia Open Sistemas las maquetas maestras de una aplicación web de gesti�n de correo.

Los requerimientos en cuanto a calidad de las mismas eran muy altos, debiendo cumplir los estándares XHTML, CSS y las normativas de accesibilidad.

Además los navegadores objetivos cubrían un amplio abanico, prácticamente la totalidad de los navegadores de PC, aunque en las plataformas Mac y Linux las maquetas se veían sin problemas.

MOJÁCAR EN BLANCO Y NEGRO

{ fotografía }

Moj�car en Blanco y Negro

mojácar

Moj�car
blanco y negro
colores planos, l�neas quebradas
claroscuros
texturas en tierra de nadie

http://www.orangeside.org/mojacar/

NOTODO . com :: ARCO ' 05 Y FÉLIX CURTO

{ diseño }

Portada NOTODO ARCO ' 05

ARCO ' 05


Portada NOTODO ARCO ' 05

Félix Curto

Mis dos últimos trabajos han sido realizados para la web de NOTODO (PhotoEspaña, NotodoFilmFest etc ...).
En concreto he diseñado las portadas para ARCO 2005 : México, en colaboración con Elena Queralt, y para Félix Curto (fotógrafo)

Las dos portadas están hechas en flash ... yo no soy un experto en el tema, así que traté que la parte gráfica fuera la protagonista, alejándome de efectos y animaciones.

En el caso de la portada de ARCO, todo el peso de la portada recae en la ilustración de Elena Queralt, que reúne en ella el tema principal, ARCO y el pais invitado, México

MERCK SHARP & DHOME - UNIVADIS

{ programación }

merck, sharp & dhome


imágenes confidenciales :(

Me he encargado de un par de proyectos para la farmaceútica Merck, Sharp & Dhome.

En primer lugar he realizado consultoría a nivel europeo para su portal Univadis. El objetivo del trabajo era proponer mejoras en sus archivos maestros de generación de contenidos, de forma que se acomodasen a los estándares XHTML y CSS, mejorando además su accesibilidad y velocidad de carga.

Posteriormente me he encargado del desarrollo de las maquetas maestras que se utilizarán en los distintos subsites de la filial española de Merck.

TPI INTRANET - CRAZYLABS

{ programación }

tpi - crazylabs


imágenes confidenciales :(

He realizado una labor de consultoría para la agencia CrazyLabs, relativa a la Intranet de TPI España.

Mi cometido era analizar unas maquetas ya existentes, y realizar propuestas de mejora en su código siguiendo los estándares XHTML, CSS y las normativas de accesibilidad.

El objetivo era ampliar los navegadores diana que podían reproducir las páginas sin problemas de visualización.

olymp trade apk CURSOS CSS

{ enseñanza }

Crazy Labs - Curso CSS

crazy labs

He impartido 2 Cursos de Programación para la agencia CrazyLabs.

El principal objetivo de los mismos era servir de iniciación a la maquetación con CSS, enmarcado dentro de una filosofía más amplia como es el Desarrollo Web Ajustado a Estándares.

VISUALRELAX en ARTE Y DISE�O

{ fotografía }

VisualRelax en Arte y Dise�o

AyD

Arte y Diseño ha publicado un completo perfil de los fundadores y colaboradores de VisualRelax, junto con una entrevista, asi como una galería de 3 páginas con fotografías publicadas en el Blog

Ni que decir tiene que es para nosotros todo un orgullo que una publicación del prestigio y la tirada de Arte y Diseño se fije en un proyecto tan personal como VRX

BARES | MEDAS

{ fotografía }

Bares | Medas

bares|medas


Bares | Medas

bares|medas

Este es el primero de lo que va a ser una larga lista de colaboraciones "fotográficas" junto con Elena Queralt.

Bares Medas: "Este es un cuaderno fruto de un viaje, que nos llevó durante 23 días y más de 3.000 kilómetros de una punta a otra del Norte de España, desde Estaca de Bares (Galicia) a las Islas Medas (Girona)

No pretende ser una guía de viaje, ni una descripción de los lugares por los que pasamos. Simplemente es un recuerdo personal de lo que vimos y aquellos detalles en los que nos fijamos."

http://www.orangeside.org/baresmedas/

VISUALRELAX v.2

{ programación }

VisualRelax v.2

visualrelax


VisualRelax v.2

visualrelax

A punto de comenzar su segundo año de vida hemos sacado una nueva versión de VisualRelax

Nuevo diseño, nuevas funcionalidades y nuevas ganas en este proyecto ál que le tengo tanto cariño y del que soy cofundador junto con Txuma Campos ( altctrlsupr )

Txuma se ha encargado del diseño y yo de la programación XHTML / CSS, además de todo el Backend PHP

Espero que os guste
http://www.visualrelax.com

LOMOSPAIN

{ programación }

LomoSpain . COM

lomospain

Ya está online LomoSpain, un site para el que he desarrollado algunas funciones

La programación del sitio web es de esas en las que da gusto participar: Programación orientada a objetos, plantillas, SSL y un montón de detalles que rezuman calidad y saber hacer. Toda la planificación y desarrollo principal ha corrido a cargo de Zárate, que ha hecho un gran trabajo, mis felicitaciones

La dirección del proyecto y el diseño del site ha corrido a cargo de Kelapsus

http://www.lomospain.com

DIPUTACIÓN DE BARCELONA

{ programación }

Rajadell

rajadell


Rajadell

rajadell

Este ha sido mi primer trabajo en colaboración con el estudio de diseño de Iolanda Astor (un auténtico placer)

Conjuntamente hemos desarrollado para la Diputación de Barcelona, el sitio web del ayuntamiento de rajadell

Yo me ocupé de crear las plantillas maestras del site cumpliendo todos los estándares de XHTML, CSS y de accesibilidad

BELIO

{ programación }

Belio

beliomagazine


Belio

beliomagazine

He desarrollado para la revista de diseño Belio toda la gestión dinámica de contenidos de su sitio web beliomagazine.com

Ha sido una placer volver a trabajar, después de la exposición Energías Renovadas, junto con los hermanos I.A.
;)

OFFF 2004

{ fotografía }

OFFF'04

OFFF'04

En la edición de OFFF 2004 me han seleccionado algunas fotografías para su catálogo de artistas.

Además he participado como integrante de Domestika en una obra colectiva realizaba mediante foto y vector

Siempre es un placer participar en este tipo de eventos
:)

ACENS patrocina OrangeSide

{ noticia }

ACENS

acens

A partir de ahora ACENS, el principal provevedor de hosting en España, patrocina OrangeSide, sirviéndole un alojamiento de primera calidad.

Gracias a ACENS por creer en este proyecto y a Rafa por luchar por él.

;)

Centro Cultural Conde Duque

{ programación }

orangeside - conferencia conde duque

conde duque


orangeside - conferencia conde duque

conde duque

El día 5 de Marzo tuve el placer de dar una conferencia en el Centro Cultural Conde Duque de Madrid sobre Estándares Web y CSS

Podeis acceder al contenido de la misma desde aqui: Conferencia Orange Conde Duque

La conferencia contaba con una segunda parte que trataba sobre Accesibilidad de la que se ocupó otro miembro de Domestika, Mariano Klein

A nivel personal ha supuesto un gran estímulo el poder compartir ilusiones y conocimientos en un escenario de la categoría del Conde Duque, y lo que es mejor, que un tipo de metodología de desarrollo salga de círculos técnicos y se empiece a difundir como algo corriente

OrangeSide v.02

{ noticia }

orangeside - v.02

orangeside v.02

Durante mucho tiempo he estado dedicado a otros proyectos, prácticamente sin prestar atención a mi pequeño portfolio ... y no por falta de ganas, ni de ideas (la v.05 tendrá que esperar un poco más en el tintero), sino por pura y simple falta de tiempo

Pero por fin me he decidido a darle un lavado de cara, nada del otro mundo, pero al menos tiene una estructura un poco más clara. Además he adquirido un nuevo dominio, que quiero sea ya el definitivo: ORANGESIDE.org
(a los que hayais linkado mi sitio, os pido por favor que actualiceis el enlace)

Espero que os guste, dudas, quejas o sugerencias siempre son bienvenidas

Saludos!!
orange

VisualRelax

{ noticia }

orangeside - visualrelax

visualrelax

Nace VisualRelax, "un proyecto fotográfico que busca el placer visual, sin más pretensiones ( ni menos ), a través de imágenes"

Soy uno de los orgullosos cofundadores junto con un gran amigo: Txuma Campos ( altctrsupr.com )

Esperamos que sea un proyecto que perdure en el tiempo y en el que podamos expresar mínimamente nuestra forma de ver el mundo y la fotografía

Podeis ver todas mis fotos en visualrelax.com/orange

adicciones

{ diseño }

orangeside - adicciones

adicciones

'Adicciones' :: cover publicado en Domestika en Diciembre de 2003

Este era un tema muy rico, al que se le podían dar muchos puntos de vista y ser realizado con distintos estilos

Traté de buscar algún tipo de adicción que no fuera de las más "evidentes", hasta que me decidí por la gran "pasión" que se tiene en los EEUU por las armas

Así, y mediante una adaptación de su himno nacional se cerró esta cover

Energías Renovadas

{ diseño }

orangeside - energias renovadas

energías renovadas

Energías Renovadas es el título de la Exposición organizada en el Centro Cultural Conde Duque por parte de Belio (enero - marzo 2004). Agrupa obras de múltiples artistas, con un denominador común: la energía

A esta exposición fueron invitados a participar numerosos diseñadores, artistas y colectivos, que enviaron sus obras, de entre las cuales se realizó finalmente una selección ... la mia fué una de las que no fueron seleccionadas :(

Mi obra se titulaba trans.formation, y se basaba en la conocida máxima de que "la energía ni se crea ni se destruye, simplemente se transforma". Bajo esta óptica me propuse reflejar un mismo objeto desde 4 perspectivas diferentes, tratando de representar el cambio de apariencia (la transformación) de una misma esencia (el objeto)

Quise que la obra fuera abstracta, ya que de la energía percibimos normalmente sus consecuencias (calor, electricidad, etc..) pero la energía en sí misma carece de forma definida

Me gustaron además los matices orgánicos (como de foto microscópica) de las fotografías, ya que me gustaba la idea de asociar la energía a la vida, otra idea muy sugerente

Bisions olymp trade demo

{ noticia }

orangeside - bisions

bisions

Tengo el placer de anunciar que entro a formar parte de un nuevo proyecto, Bisions, una pequeña joya de internet donde se conjugan poesía y fotografía

Es difícil explicar qué es exactamente Bisions, supongo que lo más simple sería decir que son dos imágenes y un título ... pero es mucho más, es una forma de ver el mundo que te rodea, los grandes y pequeños detalles de tu vida, las alegrías y las penas ...

En fin, Morpheo dixit: "Desgraciadamente no se puede explicar qué es matrix ... tienes que verla"

designcooper.de

{ diseño }

orangeside - designcooper.de

designscooper


orangeside - designcooper.de

designscooper

'Designscoper' :: Mini sitio de diseño

Aunque la mayoría de la gente pueda pensar que vaya cosa esta, a mi me ha hecho mucha ilusión

theorangeside ha salido seleccionado en primer puesto en un pequeño sitio de recolección de links: designscoper.de

Yo no me considero diseñador, y el hecho de que alguien se fije en theorangeside ya me aporta toda una satisfacción

:D

Domestika

{ noticia }

orangeside - domestika

domestika

Pues con todo el orgullo de mi corazón he de anunciar que me han propuesto entrar a formar parte del núcleo de Domestika

He de decir que me lo he tenido que pensar, porque DMSTK lo forman gente muy muy válida, y no tenía muy claro qué podría pintar yo alli ... pero después de darle algunas vueltas me he decidido, porque con ilusión y trabajo creo que puedo aportar algo a esa gran comunidad

No dejeis de visitarla, es adictiva

:D

demencia

{ diseño }

orangeside - demencia

demencia


orangeside - demencia

demencia

'Demencia' :: cover publicado en Domestika en Junio de 2003

Lo que se quiso transmitir con esta cover es nuestro desconocimiento de lo que está pasando por la cabeza de una persona demente ... sus pensamientos, sus sentimientos, sus anhelos ...

Tendemos a sentir pena cuando vemos una persona que ha abandonado la realidad, que se encuentra volcada hacia sí misma en un espacio al que nadie puede llegar.

Pero quizá estemos equivocados, y frente a esa imagen tan dura que la locura proyecta, dentro encontremos un mundo totalmente feliz.

Eso se intenta reflejar aqui, imágenes de la locura en su dureza, frente a un mundo interno que nos daría envidia a todos.

Aunque la cover publicada fué la primera, no me he resistido a subir la segunda, que a mi me gusta más ;)

link ' o ' matik

{ programación }

lo importante

{ fotografía }

orangeside - consumismo

consumismo

'Lo Importante' :: cover publicado en Domestika en Mayo de 2003

Esta vez el tema trataba sobre el consumismo, lo cierto es que fueron muchas las ideas que esbocé en un principio, pero al final me atrajo la idea de reflejar las distintas escalas de necesidades que tiene la gente

El consumismo, al fin y al cabo, es comprar porque sí, cosas innecesarias, aunque el que las compra sí siente esa necesidad

Eh ahi una frontera no siempre fácil de ver, ¿qué es lo necesario y qué lo prescindible?, está claro que depende de nuestra posición y de nuestros recursos

Esta cover traba de reflejar precisamente esa duda, ¿qué es realmente lo importante? ¿y para quien?

vih - virus

{ ilustración }

orangeside - vih

virus vih

'VIH' :: cover publicado en Domestika en Mayo de 2003

El tema del mes eran los virus, y no existe ninguno peor que el SIDA, por eso me decidí a tratar de llamar la atención sobre él con mi cover

Uno de los problemas del SIDA es la gran variedad del formas de contagio que existen, pero decidí decantarme por la que yo considero la peor de ellas, ya que los toxicómanos aquejados de SIDA tienen la desgracia de padecer dos de las peores enfermedades de nuestros tiempos

Busqué con los tonos rojos reflejar el medio de transmisión del SIDA, la sangre, además de intentar reflejar el dolor en el que viven cada día miles de personas en esa situación

backend olymp trade plataforma

{ programación }

Imagen Metros2 01

noticias


Imagen Metros2 02

jornadas


Imagen Metros2 03

panel control


Imagen Metros2 04

panel control


Imagen Metros2 05

usuarios

'Sistema de Gestión de Contenidos' :: Panel de administración online de contenidos para Metros2 Online

Metros2 OnLine es un portal inmobiliario, dirigido a profesionales del sector, perteneciente a una revista con más de 10 años a sus espaldas, que pretende ser un punto de encuentro entre profesionales, y ofrecer un amplio abanico de posibilidades a sus suscriptores

Entre los contenidos del portal se hayan los propios de la revista impresa: noticias, reportajes especiales, editoriales, números atrasados, etc...

Aunque encontramos también muchos otros como calendario de formación mediante cursos, servicio de directorio de empresas del sector, tienda on-line, etc...

El objetivo con el que se inició el proyecto era que absolutamente toda la información del portal fuera gestionada dinámicamente, es decir a través de bases de datos

Además se pretendía que dicho contenido pudiera ser gestionado, añadido, modificado o eliminado por los propios redactores de la revista, sin ser necesario ningún conocimiento en programación para ello

Mi labor en este proyecto fue precisamente crear todo el sistema de gestión on-line del sitio los usuarios, la gestión de noticias, directorio, revista impresa ... todo absolutamente se puede actualizar desde un panel de control

Todo ello unido a un sistema de control de usuarios y estadísticas para personalizar el servicio de noticias y boletines.

Del resto del proyecto se ocuparon Kelapsus (diseño) y Zárate (programación del front-end)

flash + bbdd

{ programación }


Imagen OrganicFields 01

backend


Imagen OrganicFields 02

varios juegos

'Flash y BBDD' :: en este proyecto he desarrollado para mis buenos amigos de organicfields un sistema para almacenar records de juegos

El objetivo del proyecto era crear un sistema sencillo de acceso a BBDD desde Flash

Para ello se ha creado la BBDD en MySQL y una interfaz en PHP de forma que se pudiesen crear, administrar y eliminar una cantidad indefinida de juegos sin tener que tocar nada en la programación

El acceso a los datos se gestiona desde las películas Flash simplemente con un par de funciones y cambiando una clave que distingue a cada juego

La Base de Datos es totalmente escalable y capaz de albergar un número indefinido de juegos

En cada juego se definen una serie de características como el número de records que se van a almacenar, la longitud de los nombres, el nombre por defecto, etc.... junto con unos datos básicos de identificación del juego

Desde el panel de administración se puede acceder y modificar los records existentes en cada juego

La conexión desde flash se realiza mediante un par de funciones intercambiables entre distintas películas

La independencia de estas funciones se basa en que mediante el cambio de un par de parámetros, fundamentalmente la clave identificativa de cada juego, se puede acceder a cualquier juego alojado

Agradecimientos a Zárate por su ayuda en la integración dinámica de flash

guerra no

{ diseño }

orangeside - guerra no

guerra no

'Guerra No' :: cover publicado en Domestika en Febrero de 2003

La idea era reflejar la manipulación que el poder (junto con los medios de comunicación) hace de la información que llega a la sociedad

De esta forma pueden controlar la conducta de la misma, simplemente controlando lo que la gente sabe y lo que no

Debido a la escasez de espacio tuve que recortar una parte importante del texto en el que se hacía notar que las personas de uno y otro bando, los que luchan realmente, no los que les mandan a una muerte más o menos segura; son los mismos, es decir, el pueblo

Este fué el primer trabajo realizado como orange

no privacy zone

{ diseño }

orangeside - no privacy zone

no privacy zone

'No Privacy Zone' :: cover presentado - y no publicado :( - a Domestika en Marzo de 2003

La sociedad es cada vez somos menos sensible a un hábitat en el que es constantemente observada

Las cámaras son una parte ya tan cotidiana de nuestra vida, que no nos damos cuenta de que están ahí

El cover trataba de representar un cartel de advertencia en el que se advierte claramente que todos nuestros movimientos van a ser grabados, y nuestra intimidad reducida a la mínima expresión

Se buscaba en la persona que lo viera impacto directo con la realidad, para que el hecho de la cotidianeidad no rebajase la sensación de pérdida de privacidad

roger musik

{ diseño }

orangeside - roger musik

roger musik

'Roger Musik' :: Portadas para CDs

Me imagino que a todos nos ha pasado música algún amigo, y muchas veces viene el disco en su bonita caja transparente

Bueno, pues en lugar de buscar por la red su carátula, a veces me entretengo diseñando portadas para esos CDs perdidos del mundo

En esta caso fueron 4 que me trajo un amigo mío de Barna, que se llama Roger (hola Roger), así que me decidí a crear su particular colección: Roger Musik

Como podreis adivinar el del fondo es él

download

Logotipos

orangeside - logotipo orangeside - anagrama orangeside - texto

WallPapers

orangeside - wallpaper - luna lunera orangeside - wallpaper - light
OrangeSide v0.2 Logo Domestika . ORG Bisions . COM VisualRelax . COM
Logo ACENS

:: Hosting Sponsor

(c) Copyright 2003 - 2004 ORANGESIDE.org info (at) orangeside.org