Como ya dijimos nos iremos haciendo eco por aquí de la iniciativa lanzada desde Ateneu Popular, una seria de artículos con periodicidad variable centrados en enseñar CSS desde el principio.
Hoy sacan el segundo capítulo donde explican como crear una estructura web mediante css y xhtml. Ponen énfasis en lo importante de la planificación previa para luego seguir con un ejemplo práctico de una posible estructura con las partes básicas de un sitio (cabecera, cuerpo, pie etc).
Enlace: Maestro CSS, destripando estilos. Cap. 2 – La ...
Un nuevo blog se viene a sumar a la constelación de Medios y Redes. Se trata de Anime.es, una web que se suma como federada y que se dedica especialmente al anime y el manga, los géneros japoneses (el primero de dibujos animados y el segundo, de historietas) que tantos adeptos y seguidos tienen en España y en todo el mundo.
Anime.es presenta diariamente un contenido de lujo, con todas las noticias sobre las nuevas series y películas, información de primera mano, adelantos en vídeo, novedades editoriales, etc., redactado por especialistas y apasionados en el mundo de los dibujos que nos llegan desde el Lejano Oriente.
Os invitamos a seguir desde ahora Anime.es, el blog Nº 35 de Medios y Redes (23 blogs propios y 12 federados). Lo podéis hacer por medio del Feed RSS o recibiendo las actualizaciones por e-mail.
¡Animaros a visitar y comentar en Anime.es, nuestro nuevo ...
Fireworks es otro de los programas de la factoría Adobe orientado a la comunidad de diseñadores, y que poco a poco va teniendo más relevancia dentro y fuera de la red. Es útil para muchas cosas, especialmente recomendable para crear mockups de nuestros sitios web, esa es la función que mejor cumple sin duda.
Pero no es la única, se pueden hacer muchas otras cosas, sin llegar a ser tan potente como photoshop o illustrator ya que estos dos están muy centrados en campos determinados. En cualquier caso recomendable echar un vistazo a este recopilatorio de designm.mag con 35 tutoriales distintos para conseguir los efectos más variados y así ir conociendo la aplicación y sus herramientas.
Enlace: 35 Excellent Adobe Fireworks ...
Las tipografías son unas de las grandes protagonistas del diseño en general y particularmente el desarrollado dentro de la web, tienen un papel sumamente importante, se encargan de trasmitir la información al usuario.
Contamos con mucha oferta, tanto gratuita como de pago, para obtener toda clase de fuentes. Una de las más demandadas y “resultonas” son las Serif. thinkdesign se toma la molestia de recopilar 20 tipos de este estilo, todas gratuitas. Eso sí, dependiendo de la licencia con la que estén protegidas podremos usarlas para una u otra cosa.
Enlace: 20+ Beautiful Free Serif ...
Seguro que muchos de los que nos leen ya están “iphonizados” y también tienen un blog. Para ellos esta entrada publicada en Applesfera, donde recopilan cuatro aplicaciones diferentes con las cuales podremos publicar posts directamente desde el iphone.
Las tenemos de pago y gratuitas y nos permiten hacer todo lo necesario para publicar en diferentes plataformas: blogger, wordpress, movable type etc.
Enlace: 4 aplicaciones para bloguear desde tu ...
Los tumblelogs (un mini-blog de apuntes online) han sido muy bien aceptados por determinados sectores de usuarios, son muy simples y extremadamente fáciles de usar, junto con gran versatilidad en los contenidos que podemos publicar.
Uno de esos sectores que comentaba son los creativos, tumblr es la plataforma perfecta para ellos y ya hay un buen número de tumblelogs dentro del sitio. Los chicos de tumblr lo saben y han creado una sección donde recopilan los mejores mini-blogs dentro de su plataforma que pertenecen a diseñadores, fotógrafos, ilustradores etc. En ellos podemos encontrar todo tipo de material, sin duda un buen lugar al que acudir en busca de inspiración.
Enlace: Artists we love | Vía: crowdSPRING ...
Nuevo software centrado en controlar numerosos parámetros SEO de nuestras webs y blogs, RankSense. Concretamente 12 utilidades diferentes creadas por Hamlet Batista todo un experto en la materia con mucha experiencia a sus espaldas.
Una aplicación simple, para obtener un buen rendimiento y resultados para que sea útil también a los que empiezan en este mundo. Comentar que no es gratis, cuenta con diferentes licencias disponibles y lo podremos probar durante 30 días con todas las herramientas habilitadas.
Enlace: RankSense | Vía: ...
En photoshop los pinceles y formas perosnalizadas son un recurso muy demandado, encontraremos mucho material por la red de este tipo. Illustrator también cuenta con la opción de pinceles y símbolos, de los que no había tantas opciones dentro de la red como para su primo photoshop, principalmente porque el dibujo vectorial todavía no tenia tanta presencia dentro de internet.
De un tiempo a esta parte eso está cambiando y ya empiezan a aparecer recolipilatorios por diversos blogs y sitios especializados. Es el caso del publicado desde 1stwebdesigner donde juntan 30 pinceles y símbolos diferentes para Illustrator. Los tenemos de todas las formas y colores, sacados de la gran comunidad gráfica deviantart y otros sitios como el blog bittbox.
Enlace: 30 Beautiful Illustrator Brush and Symbol ...
El otro día traíamos por aquí un recopilatorio con unos cuantos themes de wordpress, con la característica de ser todos ellos de pago y de alto nivel. Hoy otros 15, algunos de pago y otros no, especialmente pensados para diseñadores que quieran montarse un portafolio online en el que mostrar sus trabajos. Seguiremos trayendo muestras de todo el potencial de este estupendo cms en más ocasiones.
Enlace: 15 Portfolio Themes for ...
El amigo Jordi de Ateneu Popular da el pistoletazo de salida a una serie de artículos formativos (no sabemos cuantos), donde se centrará en proporcionar varios trucos CSS para que los apliquemos en la creación de nuestros propios sitios. Para seguirlos hace falta tener algún conocimiento previo, pero tampoco mucho.
En este primer capítulo explica como resetar el css y por qué es necesario hacerlo además de proporcionar otros enlaces útiles sobre el asunto. Recomendable lectura sin duda y seguramente las siguientes también, de las que nos haremos eco por estos parajes para que no se le pasen a nadie.
Enlace: Maestro CSS, destripando estilos. Cap. 1 – Resetea tu ...
Puede que para alguno de tus proyectos necesites introducir pistas de audio y la mejor forma de hacerlo es con la inclusión de un reproductor. niftyPlayer es una pequeña y simple aplicación en flash y javascript para tal fin.
Entre sus características cuenta con ser libre, no es necesario saber flash para implementarlo o cargar audio, configuración para que empiece la reproducción automaticamente (no es recomendable hacer esto), barra de progreso, control de volumen etc.
Lo más destacable es lo fácil de implementar y que es totalmente libre, además si no somos amigos de flash, podemos usar la versión de niftyPlayer en javascript.
Enlace: NiftyPlayer | Vía: Leandono’s ...
Que llega Halloween! Aún poniendo la explicación tengo que decir que esta festividad me da un poquito igual. Pero como seguro que a otros muchos si que les gusta y la celebrarán aquí les traigo uno de esos artículos recopilatorio que tanto gustan.
Esta vez es psdtop quien junta varios tutoriales, iconos, calendarios, wallpapers, ilustraciones, fractales, mangas, pinturas y fotomanipulaciones, todos ellos con la fiesta de Halloween y sus personajes y escenas caracteristicas como protagonistas. Por si te apetece cambiar tu fondo de escritorio, poner unos iconos en tu blog o simplemente para disfrutar de muchos de los trabajos recopilados, que son verdaderamente buenos.
Enlace: 88 Impressive artworks, Tutorials and Free Icon Sets – Happy ...
Todo el día nos pasamos hablando y leyendo sobre CSS, que si técnicas, que si propiedades, que si recursos… pues por si te quedaste con ganas, los códigos CSS también están entre nosotros (disculpen ustedes esa frase estilo “el sexto sentido”). En Webstandard recopilan varias imágenes sacadas de flickr, que vistas con algo de imaginación y conocimiento sobre CSS, simbolizan conocidas propiedades del lenguaje.
Border (Solid)
Visibility (hidden)
Enlace: CSS explained by Flickr | Vía: Ateneu ...
La gran comunidad Cristalab lanzaba hace poco un concurso para encontrar “el mejor tip del mes”. Como no podía ser de otra forma los usuarios respondieron perfectamente a la convocatoria enviando sus granitos de arena. Finalmente ayer y tras ardua deliberación soltaron los dos ganadores, el primer puesto recayó en el tip con título “Motion Presets, reusar animaciones en Flash CS4” y el segundo en “Trabajar con variables y datasets en Photoshop“.
Estos dos fueron los ganadores pero son muchos más los tips que se enviaron para participar, desde como reconfigurar el teclado de windows, hasta como conseguir un efecto de dibujo a lápiz en photoshop o crar efectos en After Effects.
Un estupendo trabajo de la comunidad “claber” que ahora todos podemos disfrutar y de donde seguro sacaremos alguna buena enseñanza.
Enlace: Ganador del concurso al mejor tip del mes en ...