Entradas

Identificar tipografías en una página web con Fontanello

Tan sencillo como instalar Fontanello en el navegador (disponible para Mozilla Firefox y para Google Chrome) y seleccionar el trozo de texto que se quiere identificar. Luego pulsar con el botón derecho sobre el texto marcado e ir a la opción Fontanello del menú contextual. Muy útil.

No una, ni dos, ni diez; sino ¡46 buenas practicas para el diseño de formularios web!

When a form baffles, frustrates or asks for more than is necessary, the risk of a respondent giving up is sky-high. Some people will abandon the form altogether. Others will unsubscribe. Either way, you’re not likely to get a second chance.

https://www.noupe.com/design/46-form-design-best-practices.HTML

14 Best Knowledge-Base WordPress Wiki-Style Themes

Me lo guardo como temas de inspiración para mi TIC-tac-doc.

https://webdesign.tutsplus.com/articles/best-knowledge-base-wordpress-wiki-style-themes–CMS-28669

An Introduction to Web Components | CSS-Tricks

Web Components are generally available in all of the major browsers with the exception of Microsoft Edge and Internet Explorer 11, but polyfills exist to fill in those gaps.

https://CSS-tricks.com/an-introduction-to-web-components/

10 parejas de fuentes populares en Google Web Font

La selección de fuentes que se complementen no es una tarea fácil para los diseñadores web. A veces es difícil saber por dónde empezar. Si tienes problemas para crear una buena combinación de fuente de cuerpo y cabecera para tu sitio web, o simplemente quieres un pequeño empujón en la dirección correcta, aquí encontrarás diez combinaciones populares con las que tomar aire.

https://1stwebdesigner.com/10-popular-google-web-font-pairings/

Designing for #accessibility. Posters …

Designing for #accessibility. Posters showing the dos and don’ts of designing for users with accessibility needs including autism, blindness, low vision, D/deaf or hard of hearing, mobility and dyslexia.

https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/

gràffica.info

Enlace original:
http://graffica.info

En mi lista infinita de sindicaciones, que Feedly me gestiona con gran solvencia, sobresalen algunas fuentes por méritos propios, ya sea por afinidad con sus contenidos, por su utilidad, o por su asiduidad publicando. Y gràffica.info hace pleno. Centrada en el mundo del diseño gráfico, la creatividad y la cultura visual, no dejan de publicar noticias sobre novedades y tendencias, también entrevistas, o sus habituales referencias a recursos y utilidades para profesionales gráficos y desarrolladores.

Y aunque se definen como periódico, la verdad es que publican regularmente con la misma filosofía de un blog; de hecho usan WordPress con el tema Outspoken. Para un ámbito más profesional editan una revista en papel, que según veo puede adquirirse en su tienda web o recibirse por suscripción.

El caso es que sólo tengo que echar un vistazo a mi Evernote para comprobar que muchas de las reseñas que guardo en mi particular cajón de sastre digital son referencias a entradas suyas, especialmente tutoriales, artículos sobre marca personal, multitud de referencias a recursos como plantillas, fuentes o iconos, y también entradas dedicadas al cómic y la ilustración.

Eligiendo un tema gráfico para mi sitio

Con los datos cargados y el sitio funcionando sobre WordPress llegó el momento de depurar los flecos y elegir la envoltura. Como quiero minimizar cualquier tentación al desarrollo y maximizar las posibilidades proporcionadas por cualquiera de los cientos de temas gratuitos o de pago disponibles en la red, me centro en buscar una alternativa cómoda y con ciertas garantías de futuro. Leer más

Incluir fuentes en una página web

Artículo con todo lo necesario para poder usar fuentes de caracteres en páginas web sin necesidad de disponer de ellas en el equipo cliente, sino descargándolas como recursos de la propia página. Descartando alternativas como sIFR ó Cufón parece que lo más adecuado es usar @font-face, soportado en la mayoría de los navegadores con formatos como Embebed OpenType (requerido en IE8 o anteriores) o TrueType.

Diagramas de flujo y mapas para tu sitio web

Basta con entrar en SlickPlan, registrarte y crear tu diagrama de flujo, o proyectar el mapa de tu sitio web, de manera elegante y sencilla. No requiere la instalación de ningún software y es una alternativa más avanzada a SlickMap CSS.

Vía wwwhat’s new.