Dossier aurea webdesign 2016

Muy orgulloso del resultado de mi nuevo dossier aurea webdesign 2016 :-). Destacaría algunos pequeños detalles -que por cierto cada vez me doy más cuenta- que no son solo «detalles» son los que realmente hacen al diseño, DISEÑO.

Algunos detalles

  • Iconografía.
  • Tipografía.
  • Tarjeta con filtro UVI (las que tengo de siempre).
  • Encuadernación con un simple agujero y un cordelito azul atando las hojas, por cierto hojas gorditas rollo cartulina.
  • Clip azul para adjuntar la tarjeta al dossier, situada a un lateral para repartir los pesos.
  • Una formalidad en general pero a la vez originalidad.
  • Algunos guiños graciosos: pampi (mi perrita), el mono delante del ordenador, smyles…
  • Transparencia en el contenido, mi propio careto y las fotografías de mi casa-estudio.

Por otro lado ha sido un gran trabajo de impresión con ayuda de ImpreOffset en Gijón.

Sé que es un poco extraño que alguien que se dedica a la web no haga esto en digital, PDF, mail… Pero el encanto, el tacto, la vista, en definitiva lo sensorial que se alcanza con lo físico no tiene comparación. Y así, ya de paso se lo pongo más difícil al posible cliente para que no lo envíe directamente a la papelera (cual mail).

Ideas, sugerencias, críticas constructivas, cualquier cosa es bienvenida.

Fotos

2016-04-20 13.43.13
2016-04-20 13.45.11
2016-04-20 18.27.05
2016-04-20 18.31.51
2016-04-20 18.32.20
2016-04-20 18.32.57
2016-04-20 18.37.38
2016-04-20 18.39.25
2016-04-20 13.41.45
Interfaz de Sketch

Después de 13 añacos! usando Photoshop para diseño Web (sí, sí para diseño web) y muchísimos intentos por pasarme a otras alternativas, ahora por fin puedo gritar a los 4 vientos el cambio por Sketch.

Así como la versión 1 apenas le dedique media hora, la 2 volví a intentarlo pero nada, finalmente la versión 3 me ha convencido. Tiene una interfaz muy bien trabajada, muy intuitiva, fácil de comprender y hacerse con sus entrañas. Y no solo es perfecta para diseño Web, sino también muy eficaz para prototipar en fase de wireframes. Por último destacaría la brutal cantidad de recursos y su creciente comunidad, esto le asegura una buena evolución.

Dejo por aquí algunos links que me parecieron interesantes cuando me sumergí en Sketch.

Tutoriales

Recursos

Prototipado

Un tanden estupendo para la fase de wireframes inVision + Sketch.
Screenshot 2016-04-15 12.25.12

Captura de la home de DISQUS

Al hilo de una pregunta del señor Sotoca de Criterion voy a repasar este tema de la Implementación de DISQUS en WordPress, pues creo que hace ya un par de años que implemente DISQUS como sistema de gestión de comentarios en aurea.es, por aquel entonces ningún problema. Pero no siempre es así, en otras implementaciones me ha dado errores a la hora de importar los datos, principalmente en aquellos WordPress que tengan antigüedad. Los errores son causados generalmente por el sistema de codificación de caracteres donde se dan divergencias.

Primero de todo un backup general (base de datos y ficheros), más vale que sobre que no falte.

Del lado de DISQUS

  1. Añadimos nuestro sitio desde disqus.com, y en el admin de disqus > “add new site”.
  2. Configuramos las preferencias del “new site” en disqus, https://site.disqus.com/admin/settings/
  3. Incluimos los moderadores, https://site.disqus.com/admin/settings/moderation/
  4. Añadimos filters por seguridad, https://site.disqus.com/admin/settings/access/#!/?l=blacklist

    Ejemplo de filter:

    .*fuck.*, .*whore.*, 5h1t, 5hit,
    , a55, alert, anal, anus, ar5e, arrse, arse, ass, asses, assfukka, asshole.*, b!tch, b00bs, b17ch, b1tch, ballsack, bastard, beastial.*, bestial.*, bi+ch, biatch, bitch.*, blow job, blowjob, blowjobs, body, bollock, bollok, boner, buceta, bukkake, butthole, buttmunch, buttplug, c0ck, c0cksucker, carpet muncher, chink, cl1t, clit, cock, cock-sucker, cockface, cockhead, cockmunch.*, cocks, cocksuck.*, cocksuka, cocksukka, cok, cokmuncher, coksucka, coon, cox, cum, cummer, cumming, cums, cumshot, cunilingus, cunillingus, cunnilingus, cunt, cuntlick.*, cunts, cyalis, cyberfuc, d1ck, dick, dickhead, dirsa, dlck, donkeypunch.*, doosh, duche, dyke, ejaculat.*, ejakulate, f u c k, f u c k e r, f_u_c_k, fag, fagging, faggitt, faggot, faggs, fagot, fagots, fags, fatass, fcuker, fcuking, feck, fecker, felch.*, fellate, fellatio, flange, fleshflute, fook, fooker, fudge packer, fudgepacker, fuk, fuker, fukker, fukkin, fuks, fukwhit, fukwit, fux, fux0r, gangbang.*, gaylord, gaysex, goatse, hardcoresex, hell, heshe, hoar, hoare, homo, horniest, horny, hotsex, jack-off, jackoff, jap, java, javascript, jerk-off, jizz, kike, knob, knobead, knobed, knobend, knobhead, knobjocky, kondum, kondums, kum, kummer, kumming, kums, kunilingus, m0f0, m0fo, m45terbate, ma5terb8, ma5terbate, masochist, master-bate, masterb8, masterbat.*, mo-fo, mof0, mofo, muff, mutha, muthafecker, nazi, nigga, niggah, niggas, niggaz, nigger, niggers, nob, nob jokey, nobhead, nobjocky, nobjokey, numbnuts, nutsack, orgasim, orgasims, orgasm, orgasms, p0rn, phonesex, phuck, phuk, phuked, phuking, phukked, phukking, phuks, phuq, pimpis, poop, porn, porno, pornography, pornos, prick, pricks, pube, pusse, pussi, pussies, pussy, pussys, rectum, retard, rimjaw, rimming, s_h_i_t, sadist, schlong, screwing, script, scroat, scrote, scrotum, semen, sex, sh!+, sh!t, sh1t, shemale, shi+, shit, shitdick, shite, shithead, shiting, shitings, shits, shitted, shitter.*, shitting.*, shitty, skank.*, slut, sluts, smegma, smut, snatch, son-of-a-bitch, spic, spunk, t1tt1e5, t1tties, tit, tits, titt, tittie5, titties, tittywank, titwank, tosser, tw4t, twat, twathead, twatty, twunt.*, v14gra, viagra, wank.*, whoar, willies, xrated, xss, xxx
    
  5. En opciones avanzadas también podemos ir al link de API donde crear una app para las opciones especiale que podamos integrar, https://disqus.com/api/docs/categories/

Del Lado de WordPress

  1. Instalamos (desde wp-admin > añadir plugin), el plugin oficial de disqus.

  2. Desde wp-admin > comentarios > plugin settings. Establecemos la configuración básica.

  3. Para migrar los comentarios hay dos formas, a mi la que menos errores me da y más rápida me parece es:

    1. Exportar de WordPress los comentarios (fichero WXR): wp-admin >tools > export.
    2. Importar en disqus subiendo el fichero WXR resultante de la exportación.

Conflictos

Como decía, a veces se producen errores relacionados con el sistema de caracteres. DISQUS nos dirá el error y con nuestro gestor de código preferido podemos buscar ese patrón erróneo y remplazarlo por el bueno en el fichero XML. Cuando estén solucionados todos los errores volvemos a importar. Si se dan muchos errores sería más rápido atajarlos con querys a la base de datos o cambiando la codificación de caracteres de ese campo o tabla en la base de datos.