Nuestro Regalo

por Martin | dibusoft, general | 7 Comentarios

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.

Continuar leyendo »

Tags: dibusoft, Felices Fiestas, Navidad, Regalo, Saludos, Staff

Semantic Coding

por Martin | servicios, tutoriales | 3 Comentarios

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

Este código es rico semánticamente

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: Semantic Coding, SEO

Alternativas a Internet Explorer

por mariano | general, informes | 7 Comentarios

IE es el navegador que viene por defecto en la mayoría de nuestras PC. Esto no quiere decir que sea el único, ni mucho menos el mejor; repito: ni mucho menos el mejor.
En dibusoft dejamos de navegar con Internet Explorer porque es lento, inseguro, tarda en actualizarse, no soporta PNG transparentes y es estéticamente feo. A pesar de esto continua instalado para testear que nuestros trabajos se visualicen correctamente en el. Esto es porque todavía muchos usuarios no conocen alternativas.

Por eso nace este post, donde la idea es contarles que alternativas gratuitas existen o, mejor dicho, por cuales optamos nosotros en dibusoft.

Firefox (Win/Mac/Linux)

Características Básicas: Es rápido, viene en español, tiene un sistema de navegación por pestañas que nos hace ganar muchísimo tiempo y se le pueden instalar extensiones que nos ayuden con nuestras tareas cotidianas.

Mi opinión:

Es mi preferido. Recomendado para todo tipo de usuarios!

Más Información | Descargar Firefox

Flock (Win/Mac/Linux)

Características Básicas: Es un navegador que viene preparado para integrarse con redes sociales como YouTube, Flickr, Facebook, entre otras. Viene en inglés y se le pueden instalar extensiones. Esta basado en el motor de Firefox.

Mi opinión:

Es perfecto para bloggear. Es el que uso a la noche. ;p

Más Información | Descargar Flock

Safari (Mac/Win)

Características Básicas: Dicen que es el más rápido y fácil de usar. Tiene una interfase impecable, un excelente rendimiento y una muy buena fluidez en la animación.

Mi opinión:

Terrible navegador, pero Firefox me compró con sus extensiones. (Igual lo tengo instalado)

Más Información | Descargar Safari

Opera (Win/Mac/Linux)

Características Básicas: Es un navegador rápido y seguro. Trae una aplicación de BitTorrent para la descarga de archivos. Bloqueo de pop-ups. Viene en inglés y también se le pueden instalar extenciones.

Mi opinión:

Para ser sincero, no lo tengo instaldo, pero tengo muy buenas referencias.

Más Información | Descargar Opera

Para más información sobre navegadores alternativos no duden en visitar el artículo de Smashing Magazine que trata muy bien este tema.

Si tenés alguna inquietud o querés contarnos que experiencia tuviste con estos navegadores podés usar los comentarios.

Hasta la próxima. Browse happy!

Comentario extra: Si están navegando con IE6 y ven los logos con un fondo gris, a eso me refería con que no soporta PNG transparentes.

Update (by Agustin): si bien Opera tiene los llamados "Widgets", ahora sabemos que éstos no son la respuesta directa a las extensiones de Firefox. La característica que destaca mucho en Opera es que la mayoría de las extensiones que Firefox tiene, están ya resueltas en el Opera de base. Además viene en varios idiomas.

Tags: firefox, ie, Mono, navegadores

Cumple Agus

por analia | dibusoft | 3 Comentarios

Ustedes diran..... son 7 gatos locos ( y eso va especialmente por el pelo de agus ) pero si!!! Dibusoft mantiene a sus empleados felices y gorditos!El dia de ayer, 21 / 11, uno de nuestros Desarrolladores / IT , Agustin Rivas cumplio años y dibusoft lo festejo con medialunas, cafe, regalos,brownie y el infaltable boneteeee!!

Felicitaciones Agussssss!!! Ya sos mayor de edad para la ley, ahora ya podes salir del pais solo (aunque ya lo hiciste...), cambiar plata y podes tomar alcohol en USA.

Tags: Agus, cumpleaños

Expresión Tipográfica

por mariano | dibusoft, general | 1 Comentario

El semestre pasado me encontraba cursando en la universidad un taller de Expresión Tipográfica, en el cuál nos motivaban a dejar nuestras computadoras y jugar trabajar con técnicas que no hallamos experimentado. El graffiti era una de esas técnicas a las cuales nunca me le había animado hasta que un sábado por la mañana decidí salir a comprar unas latas de pintura y manchar el patio de mi casa, es mi primer graffiti (si es que puedo llamarlo así), y quería compartirlo con ustedes.

Tags: dibusoft, experimentación, expresión, graffiti, Mono

dibusoft in motion

por agustin | dibusoft, motion | 2 Comentarios

Si bien está hecho a partir del logo anterior y con una estética similar a la usada en el sitio previo, este reel de presentación no podía faltar como parte de nuestro portfolio.

Todos los créditos y aplausos correspondientes para Daniel.

Tags: Danisho, dibusoft, motion