Hoy la cosa va de ese maravilloso campo del diseño que es el diseño de logotipos. Os hemos preparado una lista con los enlaces mas interesantes en la red, sobre este tema:

LA LISTA DEFINITIVA DE RECURSOS SOBRE LOGOTIPOS

TOP 10 DE LAS GALERIAS DE LOGOTIPOS ONLINE

38 ONE - Casos practicos del proceso de diseño de un logotipo

THE DESIGN CUBICLE - 16 Ejemplos del proceso de diseño de un logotipo

HOW NOT TO DESIGN A LOGO -  Excelente articulo de como NO diseñar un logotipo

Para los diseñadores web es muy importante saber optimizar el codigo de sus paginas y comprobar las compatibilidad con los navegadores, y por lo tanto sus usuarios. Estos son los pasos que deberiamos seguir:

1º Optimizar el Código

Si todavia no programas tus web con CSS es que estas algo desfasado. Para todos aquellos que si lo hacen, es importante mantener el codigo optimizado y con compatibilidad para todos los navegadores:

Para optimizar nuestro css os dejo los siguientes enlaces muy interesantes:

CSS OPTIMIZER - Optimiza nuestras hojas de estilo de forma AUTOMATICA y ONLINE

CSS SHORTAND - Listado de abreviaciones para los comandos CSS

GUIA DE COMANDOS - Otra Guia de comandos cortos para CSS

2º Ver nuestra web en diferentes navegadores

En ocasiones no siempre podemos tener todos los navegadores del mercado instalado en nuestro equipo, vease el caso en MAC con IE.

Para ello hemos encontrado una solución, en la siguiente web , no muestra como se ve nuestra web en los diferntes navegadores y sistemas operativos, incluso pudiendo escoger la resolución de pantalla, desactivando el javascript etc.

3º Hacer hojas CSS compatibles para los diferentes navegadores

En un mundo paralelo con tanta libertad como es Internet los usuarios utilizan diferentes navegadores, por desgracia no todos interpretan las hojas de estilo de la misma manera y somos los diseñadores web quien tenemos que hacer diferentes hojas de estilo:

Buscando una solución nos hemos encontrado con una manera fácil y rapida de solucionar el problema:

1. Realizar el diseño para Firefox

2. Comprobar los fallos que el diseño muestra en IE6. Identificar los selectores que presentan el problema y duplicarlos, anteponiendo a la copia el selector *html y aplicando los cambios requeridos, de la siguiente manera:

#MyDiv {margin: 10px 10px 10px 10px;}

/* IE6 Only */
* html #MyDiv {margin : 5px 5px 5px 5px;}

De ese modo, mientras Firefox leera el primer #MyDiv, IE6 sólo leerá el segundo.

3. Hacer lo mismo con IE7. Volver a duplicar los selectores en conflicto y añadir *:first-child+html a los duplicados:

#MyDiv {margin : 10px 10px 10px 10px;}

/* IE6 Only */
* html #MyDiv {margin : 5px 5px 5px 5px;}

/* IE7 Only */
*:first-child+html #MyDiv {margin : 2px 2px 2px 2px;}

Así, IE7 sólo leerá el último selector.

Con esta técnica podemos diseñar hojas de estilo únicas para los tres navegadores, sin complicarnos con otras técnicas más dificiles para los que no somos expertos en la materia.

Otros enlaces:

HACK CSS - Aprende a unificar hojas de estilo para diferentes nagevadores con un sencillo Hack

4º Anlizadores y Validadores

Es imprescindible pasar las siguientes validaciones ya que permitiran llegar al maximo numero de usuarios y nos ayudaran en el posicionamiento en los navegadores.

VALIDADOR DE HOJAS DE ESTILO CSS

VALIDAR SUMARIO

COMPROBAR ENLACES

TEST DE ACCESIBILIDAD WEB

La gente de search free fonts ha hecho un magnifico trabajo con esta recopilación de las 96 mejores website y blogs sobre tipografia: IR A LA LISTA

Seguro que mas de una vez has conseguido una muestra de color para tu diseño pero no sabes como definir ese color ¿verdad?, pues ahora te traemos la solución. Una aplicacion llamada Name that color, puedes probarla en el siguiente enlace: NAME THAT COLOR

Como complemento a esta herramiento puede luego introducir en esta web el nombre del color y obtendra varios colores complementarios y sobre alguno de ellos explicaciones:

EJEMPLO

Si esta algo verde sobre el tema del color visita esta web y obten los principios básicos.

Habiamos visto muchos Tops, pero nunca ordenados por su nombre en orden alfabetico.

Ver Lista Complea

Mas que por el contenido de su website, me ha encantado por el diseño de los mismos.

Lista Completa y direcciones

Lo normal sería pensar que este gráfico es un indicador de las habilidades necesarias en un futuro por un desarrollador web, pero la realidad es bien distinta aquí en España, sólo habría que darse una vuelta por algún portal de empleo y ver las habilidades que requieren las empresas…

Por eso vamos a hacer un pequeño análisis de los 8 lenguajes de programación con más demanda en el mercado español, este análisis consta de 3 apartados:
¿Qué es?, ¿Por qué deberías aprenderlo?

1.PHP
¿Qué es?

PHP usa una mezcla entre interpretación y compilacion para intentar ofrecer a los programadores la mejor mezcla entre rendimiento y flexibilidad. Ademas de ser un lenguaje Opensource.

PHP compila para tu codigo una serie de instrucciones (llamadas opcodes) siempre que estas son accedidas. Estas instrucciones son entonces ejecutadas una por una hasta que el script termina. Esto es diferente a la manera convencional de compilacion de lenguajes como C++ donde el código es compilado a código ejecutable que es despues ejecutado. Php es recompilado cada vez que se solicita un script.

Una ventaja importante de interpretar el código es que toda la memoria usada por tu código es manejada por PHP, y el lenguaje automáticamente vacía esta memoria cuando el script finaliza. Esto significa que tu no tienes que preocuparte de las conexiones a la base de datos, porque PHP lo hará por ti. leer más
¿Por qué deberías aprenderlo?

Es uno de los lenguajes de programación más populares, la gran fluidez y rapidez de sus scripts y su prometedor futuro, desarrollar aplicaciones Webs utilizando lenguajes como C o COBOL son cosas del pasado.

Demanda de trabajo: 362 ofertas

2.C#
¿Qué es?

C# es un lenguaje de propósito general orientado a objetos creado por Microsoft para su plataforma .NET.

Su sintaxis básica deriva de C/C++ y utiliza el modelo de objetos de la plataforma .NET el cual es similar al de Java aunque incluye mejoras derivadas de otros lenguajes. C# fue diseñado para combinar el control a bajo nivel de lenguajes como C y la velocidad de programación de lenguajes como Visual Basic.
¿Por qué deberías aprenderlo?

Es una parte esencial de la plataforma .Net, C# combina los mejores elementos de múltiples lenguajes de amplia difusión como C++, Java, Visual Basic o Delphi. De hecho, su creador Anders Heljsberg fue también el creador de muchos otros lenguajes y entornos como Turbo Pascal, Delphi o Visual J++. La idea principal detrás del lenguaje es combinar la potencia de lenguajes como C++ con la sencillez de lenguajes como Visual Basic, y que además la migración a este lenguaje por los porgramadores de C/C++/Java sea lo más inmediata posible.
Oferta de trabajo

Demanda de trabajo: 1.002 ofertas

3.AJAX
¿Qué es?

AJAX no es un lenguaje exactamente su nombre viene dado por el acrónimo de Asynchronous JavaScript And XML y es posiblemente la mayor novedad en cuanto a programación web en estos últimos años.

El corazón de Ajax es el objeto XMLHttpRequest que nos permite realizar una conexión al servidor y al enviarle una petición y recibir la respuesta que procesaremos en nuestro código Javascript, estamos hablando del verdadero motor de Ajax, por ejemplo gracias a este objeto podemos desde una página HTML leer datos de una web o enviar datos de un formulario sin necesidad de recargar la página.

leer más
¿Por qué deberías aprenderlo?

La demanda de AJAX no sólo es amplía sino que de calidad debido a la dificultad de aprendizaje que conlleva, si la herramienta de Microsoft, Atlas, destinada a la realización de aplicaciones AJAX tiene éxito puede suponee un aumento en la demanda de esta tecnología.
Oferta de trabajo

Demanda de trabajo: 65 ofertas

4.JavaScript
¿Qué es?

Se trata de un lenguaje de programación del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Gracias a su compatibilidad con la mayoría de los navegadores modernos, es el lenguaje de programación del lado del cliente más utilizado.
¿Por qué deberías aprenderlo?

La razón de mayor peso es que es utilizado por millones de páginas webs para validar formularios, crear cookies, detectar navegadores y mejorar el diseño, su fácil aprendizaje lo hace un lenguaje muy demandado.
Oferta de trabajo

Demanda de trabajo: 422 ofertas

5.Perl
¿Qué es?

Perl es la alternativa más popular a PHP, seguramente porque es el lenguaje más antiguo tambien dentro de las alternativas. En internet nos encontramos numerosos recursos que utilizan Perl, muchos de las aplicaciones “open source” requieren tener Perl instalado correctamente. Perl tiene una ventaja y es que es muy flexible, y tambien tiene un gran cantidad de modulos ya escritos.

Bien escritos los scripts en Perl se asemejan bastante a PHP. La principal causa de la sucía apariencia de Perl es por la afición de sus desarrolladores a la escritura en “una línea” empaquetanto numerosas funcionalidades en una sola línea de código.

¿Por qué deberías aprenderlo?

La potencía de Perl a la hora de procesar grandes cantidades de datos lo hace realmente popular a la hora de desarrollar aplicaciones del lado del servidor, aprender Perl o Php es básico a la hora de desarrollar aplicaciones Web.

Demanda de trabajo: 82 ofertas

6.C
¿Qué es?

Es un lenguaje de “medio nivel” pero con numerosas características de bajo nivel.
Dispone de las estructuras típicas de los lenguajes de alto nivel pero, a su vez, dispone de construcciones del lenguaje que permiten un control a muy bajo nivel.
¿Por qué deberías aprenderlo?

Aprender C es básico mientras aprendes C estas aprendiendo conceptos básicos de lenguajes cómo Java o C#, además no sólo es mas sencillo que estos últimos sino que comporten gran parte de su sintaxis.
Oferta de trabajo

Demanda de trabajo: 312 ofertas

7.Ruby y Ruby on Rails
¿Qué es?

Ruby on Rails, también conocido como RoR o Rails es un framework de aplicaciones web de código abierto escrito en el lenguaje de programación Ruby.
Ruby apareció en el año 1995 y creo que su principal problema había sido
la falta de documentación en otro idioma que no sea japonés. Eso se ha ido
solucionando y crece la popularidad del lenguaje. Su aplicación insignia,
por decirlo de algún modo parece ser RoR. Su mecanismo de gem se me parece
al CPAN de Perl y al Pear de PHP. leer más
¿Por qué deberías aprenderlo?

Simple y funcional, el uso de Active Record de forma eficiente simplifica y agiliza el desarrollo de forma notable. Al minimizar el trabajo con la base de datos (escribiendo triggers y procedimientos almacenados) y emplear un único lenguaje para todo el desarrollo, se consigue acortar los tiempos de desarrollo (time2market).
Oferta de trabajo

Demanda de trabajo: 5 ofertas

8.ASP
¿Qué es?

Active Server Pages (ASP) y ASP.NET es un intendo de Microsoft para introducirse en el mercado del desarrollo Web, y viene a ser como su estandar para su servidor Web, ISS. Asp ha sido atacado por la comunidad open source desde que este apareció, y dan numerosas razones para ello:
El propietario, una única plataforma, la lentitud…

Me gustaría decir “Si, si, y si”, pero no me debo dejar llevar. La realidad es que ASP ha sido implementado en otras plataformas y que cuando esta funcionando bajo su servidor predeterminado IIS es relativamente rápido. leer más
¿Por qué deberías aprenderlo?

Simplemente porqué en algunas ocasiones no tienes otra opción debido a la popularidad que ha alcanzado.
Oferta de trabajo

Demanda de trabajo: 557 ofertas

Nuestras recomendaciones serían aprender bien los 4 pilares de la actualidad: (x)Html, CSS, PHP y Javascript.

Ver lista completa

1. Web Developer: Nuestra preferida. Acceso directo a validaciones CSS, Html, Accesibilidad etc. Nos permite adaptar el navegador a diferentes resoluciones, ver las hojas CSS de cualquier web, entre muchas otras funciones.

2. Screengrab:Realiza capturas de paginas web enteras con un solo click.

3.FireFTP: un cliente FTP completo en un plugin de Firefox

4. Grid Fox: Nos muestra la reticula que utiliza una Pagina Web.

5. LinkChecker: Comprueba la valided de los enlaces de una pagina web.

6.EditCSS:Edita tus hojas CSS directamente desde tu navegador firefox.

7. Seo Quake:Para los que el posicionamiento es un tema interesante, SeoQuake aporta la posibilidad de consultar a través de una barra “flotante” acoplada a la ventana de contenido, numerosos parámetros relacionados con el mundo SEO.

9. ColorZilla: Nos dice los colores utilizados en una pagina Web.

10.IE Tab: Nos permite tener Internet Explorer en nuestro navegador Firefox. No hay version para MAC y eso le resta puntos.

Via teo atienza hemos visto esta magnifica recopilacion sin desperdicio.

Ir al TOP 30