Estos días he podido experimentar un poco con esta nueva tecnología que busca ofrecer webs mucho más optimizadas para dispositivos móviles, poniendo el foco de atención en la velocidad y la sencillez a la hora de presentar los contenidos.
Continue reading «AMP y wordpress, personalización, seo y analytics»
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.
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.
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.
Un tanden estupendo para la fase de wireframes inVision + Sketch.
Minipost para recomendar este magnífico libro «Manual de tipografía del plomo a la era digital» que me compre allá por el año 2003, por aquel entonces recuerdo que me agrado mucho leerlo, me despertó más interés y curiosidad del que ya tenía por la tipografía, una disciplina que siempre me apasiono. Pues el librito en cuestión aún a día de hoy me sigue siendo muy útil cuando quiero consultar algo del tema ( medida de línea ).
En fin, un librito de gran belleza en contenido y forma…
Desde Villar …
Me hizo ilusión ver en la TPA la entrevista a Maite Prida (diseñadora), Camilo Alonso (fotografo) y Ánxel Álvarez (filólogo), pero sobre todo especial ilusión ver mi pueblo Villar de Casomera (facebook), y como han sacado nuestra casita granate (i love mom).
¿No os parece curioso ver como gente con una dilatada experiencia profesional y con mucho mundo recorrido acaban por volver a sus orígenes? ¿o se vuelcan en irse a un lugar casi aislado, en plena naturaleza?. Eso es justamente lo que hizo Maite Prida, diseñadora nacida en Gran canaria, que estudio y vivió en Madrid, posteriormente Bilbao y Londres. Ha pasado, ya hace unos añitos de las grandes metropolis a la alta montaña. Ella paso de pensar en irse a vivir a la naturaleza a hacerlo realidad, y me siento muy orgulloso de que Villar le diese esa oportunidad.
Área Norte, un estudio de diseño y fotografía en pleno alto Aller, desde el cual trabajan para clientes dentro y fuera de Asturias.
Otra cosa curiosa es como teniendo una buena conexión a Internet se pueden hacer cosas tecnológicamente avanzadas desde la alta montaña Asturiana.
Si es que… no somos conscientes de lo inmensamente afortunados de poder vivir aquí, bueno sí!, algunos si lo somos y se lo contagiamos a cualquier. Recuerdo gratamente el invierno pasado que estuve en Villar y trabajaba desde allí, de paso Snowboard en fuentes de Invierno . Ufff que ganas de repetirlo… Gracies Villar, gracies Asturies!
Desde mi studio en Villar:
Evento gratuito por impulsatic.
Hoy en día el flujo de trabajo para desarrollo Web se ha vuelto muy complejo, se usan muchos lenguajes, herramientas, compiladores, plugins, widgets, gestores de contenido, lenguajes front-end, lenguajes back-end, controladores de versiones, etc.. Pelearse cada vez con todo esto es muy tedioso, así que poco a poco vas adaptando o evolucionando tu marco de trabajo Web para que no repercuta en tiempos y eficiencia.
Hay herramientas y marcos de trabajo alternativos (sublimetext, gulp, terminal…), aquí voy a comentar las herramientas que yo utilizo desde ya hace unos añitos como marco de trabajo Web para desarrollo: Coda2, CodeKit, MAMP y SourceTree. Son herramientas que han ido evolucionando con los tiempos, y con ello yo he ido adaptandome a esa mejoras.
Continue reading «Marco de trabajo Web para desarrollo: Coda2, CodeKit, MAMP y SourceTree»
Completisisisima herramienta acabo de descubrir para generar las opciones y los styles google maps: Snazzy Maps. Se acabo el hacer el JS a mano 🙂
Acabo de probar IE en Mac con el acceso remoto que ofrece Microsoft. Lo tienen montado bajo Azure y el servicio esta enfocado principalmente a los desarrollamos web, ahorrándonos el trabajo de instalar Windows o configurar una máquina virtual.
Para probarlo nos creamos una cuenta (para Microsoft) en Remote ModernIE, luego nos bajamos la app disponible en el AppStore (incluso para plataformas Android e iOS) y una vez ejecutada la aplicación hacemos clic en el «Azure RemoteApp», seleccionamos el servicio de IE y a probar!!!
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.
https://site.disqus.com/admin/settings/https://site.disqus.com/admin/settings/moderation/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
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/
Instalamos (desde wp-admin > añadir plugin), el plugin oficial de disqus.
Desde wp-admin > comentarios > plugin settings. Establecemos la configuración básica.
Para migrar los comentarios hay dos formas, a mi la que menos errores me da y más rápida me parece es:
wp-admin >tools > export.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.