Camisetas ::: La Tostadora
Blog · Artysmedia · Arte, Diseño y Multimedia

Aprender a diseñar webs con CSS

Aprender a diseñar webs con CSS

En los viejos tiempos, dependíamos mucho de desarrolladores y programadores para ayudarnos a actualizar nuestra página web. Gracias a las hojas de estilo y su flexibilidad, pueden formar parte independiente fuera del código. Ahora, con un poco de conocimiento básico de CSS, incluso un principiante puede cambiar fácilmente el estilo de una página web.

Si estás interesado en aprender CSS y no sólo recoger código CSS para crear tu propio sitio web, o simplemente para modificar el aspecto de tu blog, siempre es bueno comenzar con los fundamentos para tener una base más sólida. Echemos un vistazo a algunos consejos de estilos CSS que pensamos que podrían ser útiles para los principiantes. La lista completa y futuras actualizaciones las podréis ver en este post después del salto de línea :D.

Actualizado el 19 de Diciembre de 2014


Actualizado el 17 de Diciembre de 2014


Actualizado el 09 de Diciembre de 2014


Actualizado el 05 de Diciembre de 2014


Actualizado el 03 de Diciembre de 2014


Actualizado el 28 de Noviembre de 2014


Actualizado el 26 de Noviembre de 2014

CSS modular en #desingIO

CSS modular en #desingIO: CSS modular es aquel que está organizado por distintos items o elementos de la página. No nos referimos a elementos del HTML, etiquetas o tags, sino a bloques de la página, como una barra de navegación, un buscador, un bloque de contenido, etc. Generalmente escribimos el CSS para darle forma a estos bloques, pero no atendemos a una serie de características deseables en el código fuente.

El CSS modular te sirve no solamente para que encuentres fácilmente los estilos de cada parte de la página, también para que lo puedas reutilizar en otros bloques de una página, o incluso en otras webs. Te sirve para establecer unas pautas de desarrollo que faciliten la integración de miembros en el equipo de trabajo y para muchas otras situaciones básicas en nuestro día a día.

En esta clase experimental del Curso de CSS, de cero a profesional, podremos encontrar la información que necesitas para hacer un CSS modular. La imparte nuestro maestro @Wakkos, desarrollador frontend y genio de las CSS, de la optimización del código y de los flujos de trabajo.




Actualizado el 20 de Noviembre de 2014


Actualizado el 14 de Noviembre de 2014


Actualizado el 06 de Noviembre de 2014

CSS separar contenido de la presentación: En esta charla Sandra Guerrero @esandracom nos habla de CSS, el lenguaje que nos sirve para definir estilos en páginas web, creado para hacer posible la separación del contenido y la presentación. El contenido es la estructura, los textos, imágenes de la página. La presentación es la forma como el diseñador / maquetador / desarrollador quiere que se vean dichos conenidos.

Esta charla forma parte del curso gratuito de introducción al desarrollo web que realizamos en EscuelaIT




Actualizado el 03 de Noviembre de 2014


Actualizado el 30 de Octubre de 2014


Actualizado el 27 de Octubre de 2014


Actualizado el 20 de Octubre de 2014


Actualizado el 15 de Octubre de 2014


Actualizado el 14 de Octubre de 2014


Actualizado el 09 de Octubre de 2014


Actualizado el 06 de Octubre de 2014


Actualizado el 01 de Octubre de 2014


Actualizado el 29 de Septiembre de 2014


Actualizado el 25 de Septiembre de 2014


Actualizado el 19 de Septiembre de 2014

Gestión y organización de archivos CSS #designIO: El próximo miércoles 14 de mayo tenemos una cita con #designIO , en un evento dedicado a la organización de todo el CSS de un proyecto en la web. Veremos cómo realizar la gestión de archivos CSS, de modo que facilitemos nuestra labor y la de todo el equipo de personas que puedan trabajar en un desarrollo, ahora o en el futuro.

Normalmente cuando tenemos un proyecto avanzado, el CSS empieza a ser ilegible si no lo preparamos bien. Podemos solucionarlo organizando los archivos CSS en nuestro proyecto, para que su mantenimiento sea práctico y sencillo.

Quién no se ha visto, o no se verá, en una situación como ésta: ¿Dónde estaba esa clase de ese SECTION en la página de contacto? ¿En qué lugares estoy definiendo las mediaqueries de un apartado de la web? ¿Donde estoy sobreescribiendo ese estilo?

No te preocupes, existen unas recomendaciones básicas con las que podemos solucionar todas estas situaciones y muchas otras en las que nos podríamos encontrar si no mantenemos un concienzudo orden. Se trata simplemente de organizar todo el CSS de nuestro proyecto en distintos archivos, aplicando unas reglas básicas que te contaremos durante el programa.

Se trata de una cita ineludible para cualquier desarrollador frontend, en la que contaremos con la presencia de Daniel Martínez @Wakkos y otros compañeros habituales.

Apunta esta cita el próximo miércoles 14 de mayo, en los siguientes horarios internacionales:

20:00 en España (una hora menos en Canarias)
15:00 serán en Argentina
14:00 serán en Chile o Paraguay...
13:00 serán en México, Colombia, Perú...

No te pierdas esta emisión #designIO en la portada de DesarrolloWeb.com.




Actualizado el 18 de Septiembre de 2014

Heydon Pickering | Effortless Style | CSS Day

Classes, and the CSS methodologies based on them, have begot a component based approach to styling web pages. This results in a form of presentational markup that, despite breaking with the "separation of concerns" principle, has proven to be a popular approach to collaborating on style schemas. However, methodologies and standards are not equivalent and inviting the explicit prescription of CSS into the editorial process will quickly alienate non-developers charged with simply writing content. This session will explore ways to help content editors elicit stylistic nuances without having to think about design or CSS at all.

Slides: http://slides.com/heydon/effortless-style/
About Heydon: http://www.heydonworks.com

More about CSS Day: http://cssday.nl or https://twitter.com/cssdayconf



Actualizado el 11 de Septiembre de 2014


Actualizado el 04 de Septiembre de 2014


Actualizado el 14 de Julio de 2014


Actualizado el 03 de Julio de 2014


Actualizado el 20 de Junio de 2014


Actualizado el 11 de Junio de 2014


Actualizado el 03 de Junio de 2014