tecno4

La creación de un sitio web o una tienda online puede parecer un desafío enorme, especialmente si eres nuevo en el campo.

Se trata de una herramienta que nos permite crear un diagrama visual de las páginas de un sitio web, en forma de árbol y con capturas en miniaturas de cada página.
Solo tenemos que poner la url de la web que queremos representar y la profundidad del árbol (cuántas páginas queremos mostrar en el diagrama final). Es posible también ignorar subdirectorios, de forma que si hacemos el diagrama visual de apple.com, podemos ignorar /blog o /legacy, entre otros.

Los hipervínculos es uno de los elementos esenciales de los que se compone una web. Nos permiten conectar conectar dos puntos dentro de Internet de forma directa y sencilla. Y podemos encontrarlos en diferentes formatos: dentro de un texto, insertado en una imagen o un botón, etc. Pero en esta ocasión nos queremos centrar en los hipervínculos en un texto, y como hacerlos más visuales y atractivos para nuestros lectores.

El diseño web en dispositivos móviles es una consideración realmente nueva. De acuerdo a la evolución del diseño web, el diseño responsivo o adaptable (responsive design) aparece en el año 2010 ante la necesidad de resolver el conflicto de tamaño en las diferentes pantalla de los dispositivos móviles.

Crear una página web puede ser desde un juego de niños hasta una tarea de lo más compleja. Todo depende del tipo de página web que queramos crear y del uso que vayamos a hacer de ella. No es lo mismo crear una página web estática personal que una web dinámica para una empresa que vende online o un medio de noticias. Dependiendo del tipo de web será necesario usar unos u otros lenguajes de programación.

Pero en esta ocasión queremos hablar sobre las imágenes y fotografías como elemento primordial para dotar de significado y expresar nuestra marca.

Lanzado en 1993, HTML es una de las bases de las páginas web y de internet. Uno de sus principales creadores es Tim Berners-Lee, padre de la World Wide Web. Pero desde esa primera versión, el lenguaje HTML ha evolucionado mucho.

En la actualidad, el HTML permite hacer verdaderas virguerías en la Web. En cualquier caso, participar en el desarrollo de cualquier proyecto web implica tener un mínimo de nociones de HTML, por lo que para diseñar y crear páginas y sitios web deberás aprender HTML.

Todos o casi todos conocemos las herramientas de los distintos navegadores que nos permiten inspeccionar elementos de cualquier página web. En el caso de Google Chrome, por ejemplo, basta con hacer clic derecho y clicar Inspeccionar en el menú. Es una forma fácil y sencilla de ver lo que hay detrás.

Sin embargo, estas utilidades son para muchos algo arcaicas. No han evolucionado al mismo tiempo que sí lo han hecho otras opciones del navegador destinadas a la mayoría de los usuarios, y no tanto a los más próximos al desarrollo. Por tanto, el margen de mejora que tienen es evidente.

Y el ejemplo de ello son alternativas, en este caso a la hora de visualizar los estilos de una página web, como es CSS Scan.

Como detectar con la herramienta Coverage de Google Chrome, el código de estilo CSS o JavaScript innecesario y que no se emplea por el navegador.

Esto post es una compilación de los recursos que he recogido en mis dos años de experiencia aprendiendo a desarrollar páginas web. Espero haberte ahorrado unos minutos de búsquedas en Google.
A nivel personal, te recomiendo comenzar desde el Front-End, entendiendo como funcionan HTML, CSS y Javascript construyendo aplicaciones en local. Una vez que tengas una nociones básicas puedes probar a realizar alguna web con servidor con alguno de los lenguajes de Back-End que te he indicado interaccionando con una Base de Datos.
A partir de ahi podrás decidir si lo que te gusta más es El Front-End o el Back-End, o los dos.

Y si hace unos días divulgamos 5 cursos online gratuitos relacionados con el mundo de la programación, hoy toca hablar del diseño gráfico.

Hemos recopilado 5 cursos que pueden disfrutarse en estos momentos de forma gratuita, dos de ellos en crehana y tres en udemy. Hay otros en Coursera, pero es importante recordar que para hacerse en coursera sin coste hay que seleccionar la opción de “sin certificado” después del registro.

This handy guide covers all parts of a website from technical to content and everything in between. It also runs through popular Content Management System options.

Las páginas web se componen de miles de elementos, algunos de ellos más visibles que otros. En concreto, las tipografías de los textos, los colores que se escogen para las mismas, y el contenido multimedia, son lo que perciben todos los usuarios de un simple vistazo.

Para todos aquellos que quieran conocer en profundidad estos tres elementos, traemos una herramienta disponible para Google Chrome y aquellos navegadores que soporten sus extensiones. Su nombre es CSS Peeper, y nos permite inspeccionar de una forma bastante visual los elementos de una página web.

Si te llama la atención el diseño web, indudablemente debes aprender HTML, CSS y JavaScript, porque uniendo estas tres herramientas puedes crear sitios web bien interesantes, con buena estructura y llamativos (aunque todo esto depende de ti).

Por eso, en esta entrada te presento 11 libros  en español, libres de derechos de autor y que puedes descargar de forma gratuita y 100% legal; para leerlos solo necesitas un lector de PDF en tu computadora, teléfono inteligente o tableta.

Además, encontrarás un listado de 11 recursos (cursos y manuales) totalmente en línea que te ayudarán a iniciarte o a aprender más de HTML, CSS y Javascript.

Ahora, casi todos los sistemas operativos y webs optan por líneas de diseño plano, que comenzaron a verse de forma más masiva tras iOS 7 y Material Design, pero que ya habíamos visto con implementaciones muy buenas con Metro, la guía de diseño que precede al fantástico Fluent Design.

El juego Can't Unsee es ideal para poner en práctica todos tus conocimientos en tendencias de diseño de interfaces de usuario, y exprimirá a fondo nuestra atención por el detalle.

Parece que Internet lleva con nosotros desde hace muchísimos años, pero la realidad es que sólo llevamos unas cuantas décadas utilizándolo. De todos modos, en este corto período de tiempo el diseño ha evolucionado muchísimo, y hoy vamos a recordarlo.

Como su nombre indica, Web Design Evolution es una página web en la que se muestra cómo era el diseño de algunas importantes páginas en el pasado. De esta manera, podremos comprobar cómo ha evolucionado el diseño de YouTube, la web de Apple, Facebook, etc.