Bienvenido
Feb
04

Las diburemeras, parte 2

por mariano | dibusoft | Sin Comentarios

Agux y elMono!

Bueno, como ya les conto Martín en el post anterior, ya están terminadas las remeras para pasear por la oficina durante esta temporada. Las remeras están serigrafíadas por unos amigos que arrancaron hace poco y se están dedicando a esto. Si les interesa pueden escribirles a magiachaman [at] gmail.com

Aca les muestro algunas fotos de las remeras:

Mesa de remeras

Remera Dibusoft Back

Ahora, si les interesa la serigrafía y andan con ganas de hacer sus propias remeras, les recomiendo que visiten el blog de Kalipo [español].

Tags: ,

Feb
02

Remeras Dibusoft

por Martin | dibusoft, general | Sin Comentarios

Luego de unas largar vacaciones, llego a la oficina y me encuentro con muchas novedades interesantes para este nuevo años, también a estas les sumamos todas las nuevas ideas que me traje de mi relax en Bariloche. A medida que bajemos este Brainstorming de ideas y las podamos hacer un poco más reales concretas, las vamos a ir publicando en nuestro blog.

Igualmente mi post en particular es para comentarle sobre las nuevas remeras que ya gozamos disfrutamos todo el Staff de Dibusoft®. A mi gusto salieron muy bonitas. Y como segunda tanda de remeras creo que mejoramos mucho, pero sabemos que siempre se puede mejorar. Y a ustedes que les parece?

Modelo de las remeras

Remeras Dibusoft mmdv

Continuar leyendo »

Tags: , , ,

Ene
03

Fiesta de fin de año

por agustin | dibusoft, general | 1 Comentario

Fiesta de fin de año

Acompañando la época festiva a la que nos tiene acostumbrados el mes de diciembre sumamos, una vez más, otra gran celebración: la fiesta de fin de año de Dibusoft®. Después de varias idas y vueltas con el asunto de la organización, el evento tuvo lugar el domingo 23 del último mes de 2007 y culminó en una cena maravillosa.

Continuar leyendo »

Tags: , ,

Dic
21

Felices fiestas

por Martin | dibusoft, general | 1 Comentario

Felices Fiestas

Tags: , ,

Dic
17

Nuestro Regalo

por Martin | dibusoft, general | 1 Comentario

Para esta navidad y fin de año queríamos hacer un pequeño regalo a todos ustedes, pero no sabíamos por donde comenzar. Después de maquinar un poquito a nuestro compañero El Mono, se le ocurrió hacer unas tarjetas libres para estas fiestas.

La idea es simple, creo que es un lindo regalo también. Así que Ani comenzó a volar un poco la imaginación y hacer una producción en serie de tarjetas digitales para publicar en nuestro Blog.

Después de algunos días de trabajo, por fin y con la fecha muy cerca de las fiestas pudimos terminar nuestro regalo. Así que estimados amigos, aquí les dejamos las tarjetas para que la utilicen a gusto, y puedan enviarlas a todos sus clientes. Espero que les guste.

thumb Tarjeta Azul

Continuar leyendo »

Tags: , , , , ,

Nov
28

Semantic Coding

por Martin | servicios, tutoriales | 3 Comentarios

W3C

Antes de comenzar a escribir sobre código semántico, hare una pequeña introducción sobre algunos conceptos.

Un poco de Historial

Hace algunos años en Argentina construir un sitio web, se decía que era solo para entendidos. Pero una vez que estabas mínimamente preparado y con las herramientas correctas parecía ser algo bien simple. Con un buen diseño en Photoshop 4, un buen maquetado con frames en Front-Page y algunas tablas en el contenido de tu sitio. Ya disfrutabas de tu sitio web en el cyber espacio alojado en geocities de modo gratuita.

Hoy con la popularidad de Internet, el acceso con banda ancha, el crecimiento en software y hardware, las wiki y los blogs entre otras cosas. Abrieron la puerta a muchos “especialistas” o “webmaster”. Que, con un poco de lectura de HTML y manejo de photoshop dicen estar listos para construir Sitios Web. Sin ánimo de ofender a nadie, hacer un Sitio Web no es solo un buen diseño y un maquetado breve en HTML/xHTML. Sino que se debe tener en cuenta muchos más detalles, que hacen a la calidad, navegabilidad, portabilidad, accesibilidad y posicionamiento en buscadores.

Código semántico

W3C nos ofrece recomendaciones de varios tipos de documentos en HTML/xHTML, CSS y JavaScript. Para poder generar un sitio válido, semánticamente correcto y bien dividido.

Estas recomendaciones en cierta forma nos dejan tranquilo que nuestro sitio web funcionara para cualquier navegador. Siempre y cuando el navegador respete las recomendaciones del W3C.

Si analizamos un poco los documentos que nos ofrece W3C para cada doctype ya sea HTML 4.01, XHTML 1.0, etc. Podemos observar que existen muchísimas etiquetas (TAGS) disponible, de las cuales ni conocemos o nunca hemos usado. Sería un buen momento para meter carne al asado como dirían algunos. Es hora de conocer un poco más allá de TD, TR, BR, STRONG, BODY, HTML.

En sí el concepto de código semántico lo que nos quiere transmitir, es que cada contenido o texto perdido por el sitio este encerrado por la etiqueta que le corresponde y no por cualquier otra. Por más que nuestro sitio se vea bien y lo hayamos probado en safari, firefox, ie y opera.

¿Que ganamos con eso? Mucho. Entre ellos velocidad y agilidad en la carga de nuestro sitio web. También ayuda con el SEO (optimización para motores de búsqueda), que nuestro código sea entendible y legible. También no debemos olvidar que no solo existen los browser para la lectura de HTML, sino que existen los lectores de Feed o RSS y miles de aplicaciones que interpretan código. Por lo cual mientras más se adecue a las recomendaciones mucho mejor.

Este código es pobre semánticamente

HTML:
  1. <div class="page-heading">Titulo de la pagina</div>
  2. <div class="text-paragraph">Algo de texto explicando de qué se trata este sitio.</div>
  3. <a class="menu-item" href="/item-1">Menu item 1</a>
  4. <a class="menu-item" href="/item-2">Menu item 2</a>
  5. <a class="menu-item" href="/item-3">Menu item 3</a>

Este código es rico semánticamente

HTML:
  1. <h1>Titulo de la pagina</h1>
  2. <p>Algo de texto explicando de que se trata este sitio</p>
  3. <ul class="menu">
  4.         <li><a href="/item-1">Menu item 1</a></li>
  5.         <li><a href="/item-2">Menu item 2</a></li>
  6.         <li><a href="/item-3">Menu item 3</a></li>
  7. </ul>

Les dejo algunas de las etiquetas más utilizadas:

  • STRONG: Aplica formato de Negrita al texto.
  • CITE: Para hacer citaciones o hacer referencia a otro recurso.
  • P: Indicar Párrafo
  • H1, H2, H3, H4, H5, H6: Para indicar títulos o elementos de cabecera.
  • EM: Indicar cursiva
  • ABBR: Abreviaciones
  • VAR: Indicar una instancia de variable
  • ACRONYM: Indicar acrónimo

En resumen, lo que debemos hacer es entender la posibilidad de etiquetas que nos ofrece el doctype con el que estemos trabajando, para saber y analizar cual de ellas utilizaremos como mejor opción.

Aquí les dejo un link donde tienen información técnica sobre este tema de código semántico: http://brainstormsandraves.com/articles/semantics/structure

Espero haber podido orientarlos.

Tags: ,

Page 2 of 4«1234»
dibusoft mmdv