Noviembre 2011
4 publicaciones nuevas
2 etiquetas
Fuente: colección de iconos de las principales... →
2 etiquetas
CSS: centrar vertical y horizontalmente →
Seguro que alguna vez os habéis encontrado en la situación de tener que centrar vertical y/o horizontalmente un elemento dentro de otro del que se desconoce anchura y altura. Pues aquí va la solución…
2 etiquetas
Lea Verou mete a disposición sus herramientas CSS3 →
Una joven griega publica en su blog una serie de herramientas CSS3 desarrolladas por ella misma. Echadle un vistazo porque merecen la pena.
Mi enhorabuena a esta joven promesa.
2 etiquetas
Personaliza tu página de inicio de Twitter →
En este vídeo tutorial nos enseñan como personalizar nuestra página de Twitter en tan solo 15 minutos. Proporciona todas las medidas necesarias.
Septiembre 2011
6 publicaciones nuevas
3 etiquetas
“The priority in terms of navigation, UI flow of a mobile site is quite different...”
– Mobile Boilerplate
2 etiquetas
Diseño Web Sensible: guía completa →
Una guía que ningún diseñador web debe dejar la oportunidad de leer.
En A Book Apart es posible adquirir e libro Responsive Web Design escrito por Ethan Marcotte.
1 etiqueta
Interfaz de la página Fan de Facebook en formato... →
Un PSD muy cuidado, fiel al 100% y con 4 diferentes vistas (default wall, wireframe wall, default tab, wireframe tab). Los niveles son correctamente etiquetados y agrupados.
El archivo es compatible con Adobe Photoshop CS3 y superiores.
1 etiqueta
Puntos clave para diseñar webs orientadas a niños →
Adoptar colores brillantes y vivos.
Entretenimiento con juegos y actividades.
Conocer el rango de edad.
Mantener la atención en los tiempos de espera.
Navegación fácil.
Utilizar animaciones, música…
3 etiquetas
CSS: otra manera de desplegar popups →
Desplegar popups al estilo Mac: efecto Aladino.
Su estructura HTML no me convence del todo ya que utiliza elementos de formulario. En ciertas ocasiones podría estar bien, pero para otras tal vez haya otro camino.
1 etiqueta
MOO personaliza tarjetas de visita, MiniCards,... →
Me encanta el servicio de MOO: bueno, bonito y barato.
Agosto 2011
1 publicación nueva
1 etiqueta
Infografía: Accesibilidad Web para diseñadores →
Julio 2011
1 publicación nueva
Oferta empleo: Maquetador Senior Pro
Busco Maquetador Senior Pro:
Estándares Web
HTML 5
CSS 3
Crossbrowser, sin tener en cuenta IE6
Muy fiel al diseño aportado
No presencial.
Interesados enviar CV con referencias de trabajos anteriores a marco@seraccesible.com
Junio 2011
3 publicaciones nuevas
2 etiquetas
Diego Mattei Blog: recursos gráficos →
Diego Mattei es un bloguero muy activo y bastante conocido en Argentina. Su blog, tal y como él lo define
“es un sitio dedicado a estudiantes y aficionados de diseño, publicidad y carreras afines con el fin de enseñar y facilitar la busqueda de recursos”
4 etiquetas
Excelente recopilación de herramientas y librerías... →
Desde Smashing Magazine nos llega una extensa lista de herramientas y librerías realizada también gracias a la contribución de diseñadores y desarrolladores.
Entre esta lista encontramos:
HTML Email Boilerplate
Initializr
Mobile Boilerplate
LESS.app for Mac OS X
Modernizr 2
y más…
3 etiquetas
Prototypes, prototipando aplicaciones para iPhone →
A través de Faq-mac.com descubro Prototypes, una aplicación para crear prototipos de aplicaciones que aparentan ser perfectamente funcionales, aunque en la realidad no son más que una colección de capturas de pantallas en las que se han definido algunas zonas táctiles que permiten interactuar con ellas.
Disponible solo para Mac.
Mayo 2011
6 publicaciones nuevas
2 etiquetas
“The aside element represents a section of a page that consists of content that...”
– Understanding aside | HTML5 Doctor
2 etiquetas
Lo mejor de Paul Irish en 2011 →
Hace no mucho he descubierto este talento llamado Paul Irish, uno de los más respetados desarrolladores front-end contemporáneos que trabaja en Google Chrome Developer Relations Team.
Es un auténtico orador, con frecuencia habla en conferencias y screencasts. En este artículo se encuentra lo mejor de sus vídeos en lo que va de 2011.
2 etiquetas
Una caja de herramientas para los Diseñadores Web →
Tener una caja de herramientas en algunos momentos nos puede ahorrar tiempo o bien dar ese estimulo para hacer volar nuestra creatividad.
En éste artículo han recopilado una serie de recursos para Photoshop que podrían mejorar nuestro flujo de trabajo:
pinceles
patrones
texturas
colección de fotos
iconos
chuletas
recursos genéricos en formato PSD
plugins
herramientas
2 etiquetas
Más de 10 herramientas para generar código CSS3 →
Crecen como hongos, y cada vez más sofisticadas, las aplicaciones (on line) que generan código CSS3.
Son de gran ayuda y por supuesto ¡¡un gran ahorro de energía!!
1 etiqueta
Tabla de los 10 Mandamientos Accesibles →
Me ha gustado el aporte hecho por Juan Hidalgo Reina:
Amarás a las WCAG sobre todas las cosas.
No tomarás el nombre del W3C en vano.
Santificaras el dia que HTML5 séa estandar.
Honraras a tu TAW y a tu HERA.
No maquetaras en tablas.
No acometeras desarrollos sin validar.
No pondras imagenes sin Alt.
No levantaras falsos testimonios sobre lo que cuesta la Accesibilidad.
No consentiras...
2 etiquetas
Generador de sombras CSS →
Permite aplicar sombras sobre las cajas de forma instantánea. Una vez obtenido el resultado deseado se copia el código generado y listo.
Lamentablemente no todos los navegadores soportan las ombras, tiempo al tiempo.
Abril 2011
6 publicaciones nuevas
3 etiquetas
Google Maps API V3 introducción y primeros pasos →
Una serie de capítulos publicados por Abimael Rodríguez Colón para Maestros del Web nos enseñan a trabajar con la API V3 de Google Maps.
2 etiquetas
DryIcons: generador de botones CSS3 →
DryIcon es un asistente en la creación de botones degradado lineal utilizando CSS3.
Permite configurar una multitud de parámetros para lograr el resultado deseado y a diferencia de otros generadores te da la posibilidad de configurar el botón en sus tres estados: normal, hover y activo.
2 etiquetas
Píldora informativa HTML5: novedades, ventajas,... →
@odinmanzano y @medinamanu comparten la presentación sobre HTML5 que realizaron el pasado Jueves 14 de abril de 2011 en el Centro de Innovación Bellestas en Madrid.
Me han gustado los ejemplos de comparación de como se hacía antes (HTML) y como se hace ahora (HTML5).
2 etiquetas
Interesante nueva versión de la técnica CSS... →
dzign-us:
Una recomendable e interesante lectura sobre una nueva versión de la técnica CSS clearfix para maquetaciones con elementos flotantes. Demo
2 etiquetas
Adapt.js: una alternativa a CSS3 Media Queries: →
Adapt.js detecta el tamaño de pantalla del dispositivo visitante y carga la CSS adecuada para dicha dimensión.
La diferencia con CSS media queries es que estos últimos cargan todos los estilos y luego deciden cual mostrar. Esto comporta reducción de velocidad de carga de la página y mayor consumo de ancho de banda.
1 etiqueta
Lorempixum: generador de imágenes ficticias →
Herramienta que nos permite generar imágenes ficticias de cualquier tamaño y variados temas, entre ellos abstracto, comida, animales, naturaleza, deporte, etc…
Útil para incorporar como ejemplo en nuestros diseños.
Octubre 2010
13 publicaciones nuevas
1 etiqueta
¿Cuántos usuarios tienen JavaScript deshabilitado? →
1 etiqueta
Accesibilidad Web: el W3C actualiza los documentos...
El W3C actualiza Entendiendo las WCAG 2.0 y Técnicas para WCAG 2.0 incluyendo técnicas de Flash para cumplir con las WCAG 2.0.
1 etiqueta
5 trucos en Google para mejorar tu diseño web →
Una serie de trucos útiles a la hora de buscar inspiraciones, recursos, herramientas, etc.
2 etiquetas
Accesibilidad Web: crear tablas complejas →
Vídeo tutorial para crear tablas de datos complejas.
3 etiquetas
Cómo crear un sitio navegable por completo en una... →
2 etiquetas
jQuery: SlideLock, posible alternativa a los... →
SlideLock es un plugin jQuery para desbloquear, o mejor dicho, activar el botón de envío de un formulario. Pensado como un sistema antispam, ¿tal vez una alternativa a los CAPTCHA?
3 etiquetas
Diseño de aplicaciones web para móviles... →
37signlas cuenta su experiencia en diseño de interfaces de aplicaciones web para dispositivos móviles con navegadores WebKit, por defecto en iOS y Android.
1 etiqueta
Como convertirse en un diseñador de logotipos →
1 etiqueta
Para inspirarse: colección de diseños web con... →
1 etiqueta
Accesibilidad Web: documentación acerca el soporte... →
La empresa desarrolladora del lector de pantalla más popular, publica la documentación (en inglés) acerca el sporte de ARIA en JAWS. Disponible también en formato Microsoft Word.
1 etiqueta
CSS: generador de degradados al estilo Photoshop →
dzign-us:
Un generador de degradados con CSS, al estilo Photoshop
3 etiquetas
Blogs de recursos para desarrolladores y... →
Recursos, fuentes de inspiración, tutoriales de diseño, trucos, tendencias… Más de 40 blogs útiles.
1 etiqueta
Fotografía: NOMADS Magazine, historias e imágenes... →
NOMADS es una revista online trimestral que habla de viajes con historias e imágenes de artistas de renombre mundial y periodistas que viven su vida en carretera.
Septiembre 2010
54 publicaciones nuevas
3 etiquetas
Todo tipo de chuletas para el desarrollador web
Personalmente no utilizo chuletas, tal vez por falta de costumbre o tal vez porque no las encuentro cómodas. Cuando necesito hacer una consulta o buscar una ayuda, prefiero googlear.
Sin embargo para otros no dejan de ser parte de sus herramientas de trabajo diario, así que a continuación dejo unos enlaces donde se recopilan unas cuantas de ellas, desde el HTML, CSS, jQuery, SEO y PHP hasta...
1 etiqueta
Fotografía: destapando algunos mitos →
En ALTfoto podemos leer como caen algunos mitos relacionado con la fotografía. Aquí van 10:
Uno de los mejores momentos del día para la fotografía es temprano en la mañana y al atardecer.
Siempre debemos disparar con el sol a un lado o detrás de nosotros.
Lo mejor es fotografiar en días nublados.
La lluvia arruina las fotografías.
Se necesita un equipo pro para hacer fotos excepcionales.
Es...
2 etiquetas
25 sitio webs para descargar fuente →
Entre las webs más populares encontramos Dafont.com y Urbanfonts.com.
2 etiquetas
jQuery: más de 45 plugins de carruseles y... →
2 etiquetas
CSS3: herramienta para crear degradados complejos →
CSS3 Sandbox es una herramienta on line que nos permite crear todo tipo de degradados, desde el más sencillo al más complejo. No solo ofrece eso sino también estilos relacionados con el texto, sombras y animaciones.
Una herramienta muy útil para los que todavía no tienen total padronanza con CSS3.
2 etiquetas
WordPress como herramienta para crear un sistema... →
Quality Control es un tema gratuito para WordPress que ofrece la posibilidad de crear un sistema de tickets para algún tipo de sporte o un control de errores en un desarrollo.
3 etiquetas
Fraise, editor de texto gratuito para Mac →
Es una buena alternativa a TextMate o BBEdit. En los 5 minutos de prueba que le he dedicado me ha gustado bastante. Para mis necesidades, hasta hoy la mejor solución freeware.
2 etiquetas
¿Buscas un tutorial para crear un simple form en... →
Para los que como yo no saben nada o casi nada de PHP, nos viene de perla éste sencillo tutorial para crear un formulario de contacto.
2 etiquetas
CSS3: excelente ejemplo de barra de navegación con... →
Por supuesto solo funciona con navegadores modernos que soportan CSS3. Aunque para IE se aplican algunos filtros (filter) es inevitable perder algunos detalle.
3 etiquetas
Iconos exclusivos para el comercio electrónico →
Una larga galería de iconos de uso libre para tus proyectos de comercio electrónico.
