Cambio Social

Internet contribuye a mejorar el «cambio social» gracias a la Solidaridad 2.0. No son pocas las plataformas en Internet que lideran este cambio.

“El número de personas en riesgo de pobreza ha aumentado 1 millón durante el año 2013, llegando a 13 millones en España”. Sin duda la crisis económica ha impactado frontalmente en el cambio social en España. Así lo ha afirmado un estudio de esade, La Caixa y laFundación PricewaterhouseCoopers (http://www.pwc.es/es_ES/es/fundacion/assets/presente-futuro-3sector.pdf)  donde se da especial atención a los cambios en materia de cooperación, desarrollo e inversión social de empresas privadas y organismos públicos en España.

social-change

La crisis económica apareció en 2008. Pero no saltó a las arcas de las organizaciones sin ánimo de lucro, también llamadas Tercer Sector Social, hasta el año 2010, cuando comenzaron a afectar los proyectos que trabajaban en materias de cambio social, reconocimiento y ejercicio de los derechos sociales individuales, así como el desarrollo de políticas de cohesión e inclusión social. Como consecuencia, así pues, el sector ha vivido un drástico y continuo cambio, con tasas de decrecimiento en la financiación pública “de hasta el -11%” y del -14% en financiación privada.” Son muchas las empresas y entidades públicas que se han visto afectadas, algunas de las cuales como:

Los fondos públicos, así pues, dedicados a este tipo de actividades enfocadas a la mejora y crecimiento del cambio social, se han visto fuertemente reducidos debido a la caída de la financiación gubernamental autonómica y local. Los recortes han afectado a los presupuestos de las regiones y provincias españolas con el fin de poder disminuir el déficit público, con lo que la repercusión en áreas de políticas sociales, Sanidad e incluso Educación y Cultura, han sido las primeras en verse afectadas. En el siguiente gráfico, se destaca la posición en la que se encuentra España en demanda y necesidad de nuevas políticas de cambio social. Tal y como se refleja, nos encontramos por detrás de países como Corea o Grecia:

8-4-2014 18.4.39 17

http://www.compareyourcountry.org/chart.php?cr=esp&lg=en&project=oda&page=0

Es en este momento que la Solidaridad 2.0 ha entrado en escena para dar un fuerte impulso al cambio social a través de la web, plataformas y aplicaciones online, así como las redes sociales. La recogida de información y donativos han sido herramientas eficaces para los usuarios, pues a pesar de estar descentralizados, han conseguido convertirse en el centro del mundo y la gestión de la Solidaridad 2.0 a través de Internet.

cyber-radicals-003

Gracias a la instantaneidad de la web y la eficiencia de las redes sociales, no sólo somos los primeros en cubrir un suceso de dimensión humanitaria como fue el tsunami en Japón. Además, hemos podido contribuir económica y virtualmente en ello, consiguiendo también crear lazos a través de la red para sumarnos a favor de un cambio social más justo y equitativo.

Los beneficios que han aportado esta nueva modalidad de cooperación e interacción social han sido, por un lado, el impulso del debate sobre la necesidad de mejorar eficientemente el Tercer Sector Social e implementar desarrollos organizativos adecuados. Por otro lado, ha ayudado a reflexionar sobre los cambios sociales que se están produciendo, cada vez más exigentes debido a la crisis y la disminución de recursos económicos disponibles.

recortes

El panorama social en el que nos encontramos es dramático. Pues 13 millones de personas están en una franja social que roza la exclusión y marginación. Es por eso que existen muchas iniciativas que sostienen el vacío que están dejado las entidades públicas y privadas que no pueden soportar el “palazo” que les han dado los recortes en materia de cambio social. Algunos ejemplos de redes, aplicaciones o sistemas de Solidaridad 2.0 que han contribuido a intentar recuperar a través de Internet el Tercer Sector social y el cambio social han sido los siguientes:

 El crowdfounding

El crowdfounding es una iniciativa que tratar de recoger una financiación online con el fin de sostener una iniciativa de un gran grupo y convertirse en una especie de “patrocinador social”. La iniciativa suele ser una campaña sin fines de lucro (por ejemplo, para recaudar fondos para una escuela o una organización de servicio social),

una campaña filantrópica (por ejemplo, para los fondos de emergencia para una persona enferma), o para el financiamiento de campaña por una empresa de nueva creación.Algunos ejemplos de plataformas para hacer crowdfounding son Verkami (http://www.verkami.com/), Lánzanos (http://www.lanzanos.com/), Indigogo (https://www.indiegogo.com/)

 verkami

Plataformas de compra-online con donaciones:

Son los grandes ejemplos de generadores de cambio social. Pues mientras el usuario compra en un sitio online de manera habitual, estas plataformas permiten que, durante el proceso de compra, una parte de la cantidad vaya destinada a una ONG. No sólo se consigue ahorrar tiempo, sino que se está contribuyendo en una acción que permitirá comenzar un cambio social. Algunas plataformas que lo permiten son Shopciable (http://www.shopciable.com/) y TikCode (https://www.tikcode.com/‎)

 Donaciones online:

La opción más común, fácil y popular. Donde el internauta acude a aportar su granito económico para contribuir al cambio social y lo hace gracias a una donación en una web destinada para ello. Un ejemplo de ello es DonarOnline (https://donaronline.org/)

 Si deseas continuar informándote sobre ejemplos en el área de Solidaridad 2.0 y campañas de desarrollo, cooperación y cambio social, te recomiendo leer el post de CódigoSocial 2.0 (http://www.codigosocial.es/solidaridad-2-0-nuevas-formas-de-financiacion-para-ongs/) donde se amplían ejemplos sobre el tema.

 Se social, se solidario, lucha por lo que es justo y por lo que crees.

Herramientas HTML5 y Recursos para Diseñadores Web y Desarrolladores

Herramientas HTML5

Os adjunto una relación de herramientas,  tutoriales y otros recursos muy útiles para HTML5. Desde que HTML5 se introdujo por primera vez está habiendo un incremento importante en su uso que está empujando los estándares de desarrollo web en HTML5.

Ese post es de Oneextrapixel originalmente en inglés y compartido en twitter hace tiempo por un colega Ricardo Tallar  lo he compartido con vosotros también porque es muy interesante.

Bueno os dejo la relación de herramientas para HTML5

Herramientas HTML5 

Patternizer – Stripe Pattern Generator Tool
Patternizer es una herramienta para poder generar patrones en poco tiempo y con la ventaja e que es una herramienta web que se puede compartiry  con la particularidad de que es gratis.

 

Spritebox – Herramienta online para crear Sprites
Spritebox es una herramienta WYSIWYG para ayudar a los diseñadores de páginas web de forma rápida y crear de forma fácil clases CSS y IDs de sprites único. Se basa en el principio de utilizar la propiedad «background-position»  para alinear las áreas de una imagen sprite en los elementos del bloque de una página web. Se realizó con una combinación de jQuery, CSS3 y HTML5, y es totalmente gratuito.

 

The HTML5 Test

The HTML5 Test es un indicador para comprobar la compatibilidad del navegador  con las especificaciones estándar.

Sketch in 3D With Animating Lines on HTML5 Canvas

Recuerda las viejas historietas donde las líneas dibujadas a mano parecían vibrar a causa de las diferencias entre los frames (marcos)? Eso es lo que este experimento simula. También permite rotar el lienzo.

Font Dragr – Drag and Drop Font Testing
Una forma revolucionaria para probar fuentes personalizadas en el navegador. Sin Codificar, ni cargar, sólo tienes que arrastrar y soltar.

Font Dragr

MRI
MRI ayuda a crear los mejores y posibles selectores para tu CSS.  Si añades  MRI a tu barra de marcadores, y haces clic en un elemento de cualquier página, RM te sugiere selectores para ese elemento. Por lo tanto, puede probar los selectores con él.  MRI utiliza un montón de características interesantes de CSS3 como border-radius, opacidad, box-shadow y el texto, así como el  HTML5 canvas.

MRI

XRAY
XRAY funciona en Safari, Firefox e Internet Explorer. Le ayuda a visualizar el diseño de su página. Añádelo a tus favoritos, y luego en cualquier página web, lo utilizas para ver la posición, márgenes, relleno, dimensiones y más detalles de cualquier elemento. XRAY utiliza un montón de características interesantes de CSS3 como border-radius, opacidad, box-shadow y el texto, así como el  HTML5 canvas.

XRAY

SVG to HTML5 Canvas Converter
Esta herramienta convierte SVG en HTML5 Canvas JavaScript function. Trabajará con cualquier host, y ayuda a la gente a experimentar con Canvas. La mayoría de los paquetes de diseño vectorial (Illustrator, Inkscape, etc) se puede exportar como SVG.

SVG to HTML5 Canvas Converter

Rendera
Rendera te ayuda a aprender HTML5 y CSS, teclee el código HTML y puede ver el render en tiempo real. Entonces puedes crear estilos con  CSS.  Puede utilizar cualquiera de las etiquetas HTML5 o CSS3 e admita el explorador.

Rendera

CanvasLoader Creator
El Heartcode Canvas Loader Creator es una herramienta online gratuita que puede utilizar para generar scripted preloaders (hilanderos o throbblers) para sus proyectos de HTML.

CanvasLoader Creator

Initializr
Initializr genera plantillas HTML5 para ayudarte a empezar con un nuevo proyecto basado en HTML5 Boilerplate. Se generan unas plantillas limpias y personalizables ideal para empezar!

Initializr

Html5 File Upload with Progress
HTML5 finalmente resuelve el antiguo problemas de poder subir archivos mientras muestra el progreso de la carga.

HTML5 File Upload with Progress

HTML5 Tutorials

Creating an Animated 404 Page
En este tutorial aprenderás a crear dibujos animados en tu página 404, se puede personalizar y mejorar fácilmente.

Creating an Animated 404 Page

Create News Blogging System in PHP
En este tutorial, construyes un sistema de blogs de noticias en vivo en php. Aderezado con HTML5, CSS3 y jQuery

Create News Blogging System in PHP

How to Make All Browsers Render HTML5 Mark-up Correctly
HTML 5 proporciona algunas nuevas características para los diseñadores web que quieran codificar diseños legibles, semánticamente significativas. Sin embargo el soporte para HTML5 esta en evolución, y Internet Explorer es el último. En este tutorial, aprenderá a crear un diseño común usando nuevos elementos de HTML5 semánticos, entonces puedes  utilizar JavaScript y CSS para hacer compatible el diseño con versiones anteriores de IE, incluso IE6

How to Make All Browsers Render HTML5 Mark-up Correctly

HTML 5 Layout
En este tutorial aprenderás como programar una plantilla HTML5 Layout desde Scratch.

HTML5 Layout

Design & Code a Cool iPhone App Website in HTML5
En este tutorial saborearás HTML5 construyendo una aplicación Iphone usando estructura HTML5 para estructurar, y estilos visuales con algunos efectos CSS3

Design & Code a Cool iPhone App Website in HTML5

Build a Neat HTML5 Powered Contact Form
En este tutorial, aprenderás cómo crear un formulario de contacto HTML5 AJAX powered. El formulario usará algunos de los nuevos elementos y atributos imputs  HTML5 , y será validada usando el navegador integrado en la validación de formularios. Vamos a usar jQuery y Modernizr para ayudar con los navegadores más antiguos, y PHP en el servidor para validar la entrada ..

Build a Neat HTML5 Powered Contact Form

Create a Stylish Contact Form with HTML5 & CSS3
Siga este proceso paso a paso para crear su propio estilo de formulario de contacto completamente fuera de HTML5 y CSS3. Utilizarás un par de las nuevas características en HTML5 para agregar funcionalidades a tu form , mientras se hace uso de las propiedades interesantes de CSS3 para recrear un concepto puramente Photoshop en el código.

Create a Stylish Contact Form with HTML5 and CSS3

Rethinking Forms in HTML5
Si bien hay muchos cambios para mejor en las especificaciónes HTML5, no hay mejor inversión que la transformación de los forms. Estos simples cambios transformarán la forma de introducción, validación, proceso, e incluso mostrar entradas. Podrás ser capaz de crear las aplicaciones web más utilizadas con menos código y menos confusión.

Rethinking Forms in HTML5

Have a Field Day with HTML5 Forms
Este artículo nos da una visión de como el estilo de un hermoso HTML5 form usando un poco de CSS avanzado y las últimas técnicas de CSS3. Esperamos que podáis querer aplicar estilo a sus propias formas después de haber leído este artículo.

Have a Field Day with HTML5 Forms

How to Make an HTML5 iPhone App
Aquí aprenderás cómo crear aplicaciones HTML5 offline  en el iPhone. Más específicamente, el tutorial le guiará a través del proceso de construcción de un juego de Tetris.

How to Make an HTML5 iPhone App

Build a Blog Page using HTML5 and CSS3
En este tutorial se muestra cómo crear una página de blog a través de técnicas de última generación de HTML5 y CSS3. El AIMS tutorial para demostrar cómo estaremos construyendo sitios web, cuando las especificaciones son finalizadas y los proveedores de navegadores los han implementado. Si ya sabes HTML y CSS, te será más fácil.

Build a Blog Page using HTML5 and CSS3

Minimal Blog Design
En este tutorial aprenderás cómo crear un blog Minimal Design usando HTML5, CSS3 y jQuery

Minimal Blog Design

Building a Custom HTML5 Video Player with CSS3 and jQuery
En este tutorial aprenderás cómo crear un blog Minimal Design usando HTML5, CSS3 y jQuery

Building a Custom HTML5 Video Player with CSS3 and jQuery

 

HTML5 Web Design Examples

Green Campus Guide
Green Campus Guide

Dataveyes
Dataveyes

Social Summit
Social Summit

Anna Safroncik
Anna Safroncik

Nikevision
Nikevision

Shoppub
Shoppub

Art4Web
Art4Web

Learn Lake Nona
Learn Lake Nona

Black5
Black5

Ascension Latorre
Ascension Latorre

HTML5 Free Web Templates

Html5 Template for Web Design Studio
Demo | Download

Html5 Template for Web Design Studio

Website Template with jQuery Slider for Diving Club

Website Template with jQuery Slider for Diving Club

VividPhoto HTML5 and CSS3 Template

VividPhoto HTML5 and CSS3 Template

Template for Business Company

Template for Business Company

Free Website Template with jQuery Slider for Wedding Page

Free Website Template with jQuery Slider for Wedding Page

Free Website Template with jQuery Slider for Pet Clinic

Free Website Template with jQuery Slider for Pet Clinic

CoffeeCols HTML5 and CSS3 Multi-Column Magazine Style Template

CoffeeCols HTML5 and CSS3 Multi-Column Magazine Style Template

Free Template Exterior Design Project

Free Template Exterior Design Project

Serenity HTML5 and CSS3 Template

Serenity HTML5 and CSS3 Template

Free Website for Restaurant Business

Free Website for Restaurant Business

Shinra HTML Template

Shinra HTML Template

Free Website Template with Slideshow for Cooking Site

Free Website Template with Slideshow for Cooking Site

Free Template Powerful Business Startup

Free Template Powerful Business Startup

Showcases

html5 Gallery
html5 Gallery

HTML5 Awesome
HTML5 Awesome

HTML5 Mania
HTML5 Mania

HTML5 Elite
HTML5 Elite

HTML5 Based
HTML5 Based

Consejos para saber si tu web ha sido hackeada

El mismo Google, supongo que ante la avalancha de mensajes de webmaster por su anuncio en las búsquedas de «peligro por malware» ha determinado la insercción en su blog de un post sobre consejos para prevenir y ver si tu web ha sido hackeada.


Google nos muestra más a menudo de lo que nos gustaría mensajes como este donde anuncia el peligro de entrar en esa web ya que pueden haber sido pirateados. Para los hackers cualquier página es buena para lanzar spam y dirigir mediante inyección de enlaces a páginas de destino  para normlamente venderles cosas que en la mayoría son falsas como bolsos y complementos de marca, medicamentos, etc.

Es muy importante tomar acción,  diagnosticar y solucionar el problema en cuanto puedas ya que de otra forma puede afectar al posicionamiento de tu web, ya que para Google se entiende que tu web no es segura para los usuarios y lo más normal es que si perdura te quiten de las SERPS

3 consejos para ayudar para encontrar el problema en tu web

  1. Checkea tus URL o directorios sospechosos
    De vez en cuando haz la búsqueda por site ( site:www.tuweb.com) allí te dará el resultado de todas tus URLS y podrás comprobar si ves alguna url extraña que no tienes controlada. También puede configurar una alerta de Google para tu web. Por ejemplo, si se establece una alerta de Google para [site: example.com (viagra | cialis | casino | prestamos)], usted recibirá un correo electrónico cuando estas palabras clave se detectan en su sitio.
  2. Busca en Webmastertools consultas no naturales
    En la herramienta para webmasters puedes comprobar las consultas  más habituales  y no es la primera vez que se encuentran entre las palabras más consultadas palabras relacionadas con spam. Yo mismo fuí hackeado una vez y lo descubrí por webmastertools al comprobar el listado de keywords con más densidad en la web, al ver marcas de ropa, bolsos y complementos entre otras cosas supe que había sido hackeado.
  3. Habilitar el reenvío de correo electrónico en las Herramientas para webmasters
    Google te enviará un mensaje si detecta que tu web puede estar comprometido. Los mensajes aparecen en el Centro de mensajes de WebmasterTools. Lo ideal por eso que que tengas el correo redireccionado a tu correo habitual ya que lo normal si no eres un friki seo y entras cada día no lo veas rápido y puedas actuar.  Ten en cuenta que Google no va a ser capaz de detectar todo tipo de contenido hackeado, pero esperamos que nuestras notificaciones ayudarle a coger las cosas que pueden haber perdido.

Consejos para corregir y prevenir la piratería

Manténgase informado  en la sección de Herramientas para webmasters de Google le mostrará los problemas de seguridad y las páginas hackeadas que han detectado en tu web. También proporcionan info para ayudarte a solucionar el problema.

Proteja su sitio contra ataques potenciales Los hackers suelen aprovechar las vulnerabilidades de seguridad en el software de administración webs como wordpress, etc Estos son algunos consejos para mantener su sitio salvo de los hackers:

Ten siempre tu sotware actualizado, no esperes.
Si existen avisos para darte de alta y recibir mensajes de actualizaciones, inscribete para recibir los visos y poder actualizar de la forma más rápida posible.
Si el software de tu web es administrado por su proveedor de hosting, trate de elegir un proveedor que pueda confiar para mantener la seguridad del site.

Tienes a tu disposición un Foro de ayuda de Google Webmaster  y también puedes reportar a Goolge desde su tool de Reporte de Spam

Imágenes gratis Online de Getty Images

40 Millones de fotos gratis podrán ser utilizadas de la biblioteca de Getty Images que tiene más de 150 millones de fotos. Han creado una herramienta de insercción para controlarlas.

El motivo es que miles de personas de todo el mundo que cojen  las imágenes sin pagar o ni tan siquiera citar al autor o la fuente dejen de hacerlo y poder tener ademas un control y seguimiento de sus imágenes. Las fotos tendrán un código y un enlace a la página original de la foto de Getty, en un futuro se verá que más añadiran,

En las imágenes encontrarás unos símbolos como compartir en Twitter, Tumblr y el embed de insercción fotos gratis getty imagesiconos gettyembed getty images ¿Es posible que nos volvamos todos en un futuro su propia plataforma de afiliación y comisionistas por la venta de fotos?

 

Slogans comerciales y su efectividad

Un Eslogan es un lema o una frase junto al logo, el nombre de tu empresa, marca o servicio que debe ayudar a darle una identidad y reforzar su imagen. Elaborar un slogan no es tarea fácil, tiene que ser corto, simple y efectivo. Pero aún y cuando lo consigues debes tener en cuenta aspectos como tu marca, servicio, filosofía y como influirá en el consumidor.

best-slogan

Un slogan lo creamos para que el consumidor nos recuerde, por ello deben ser cortos y pegadizos. La creación de un slogan es un proceso creativo que requiere también una metodología de trabajo. A continuación te mostraré algunos tips para crear un buen slogan.

  • Conocerte. Lo más importante es conocer realmente la empresa, comenzar por revisar el plan de marketing de la empresa, la misión y la visión, la USP o en su defecto empezar por crear una lista de conceptos de la empresa y sus servicios, DAFO, como te gustaría que te vieran los clientes, etc.
  • Ideas. Sesión de Brainstorming sin desechar ninguna idea por tonta que parezca, luego filtrar por pros y contras y hacerlas sonoras, es decir no es lo mismo leer que escucharlas en voz de otros.
  • Beneficios. Intenta conocer que hace a tu negocio especial, que beneficio esta otorgando a tus consumidores que tu competencia no lo haga. Elabora una lista con todas las palabras que se te ocurran relacionadas y luego las reduces a 10, a partir de ahí entra tu creatividad.
  • Creatividad. Sin duda un efecto diferenciador para dar con el éxito. Mi padre siempre decía que hacer un buen resumen suele ser más difícil que redactar una novela. Has de jugar con las palabras y añadir verbos más vivos para dar impacto.
  • Breve.  Un buen slogan no debe tener más de 5 palabras, pero a veces hay muestras que rompen las normas.
  • Único. Asegúrate que no exista tu slogan, que otra empresa halla tenido la misma idea y este utilizando la frase. Lo mejor es ir a Google y probar por si se encuentra en Internet.
  • Hazlo tuyo. No tengas prisas, una vez creas que has conseguido tu slogan convive con el por unos días antes de sacarlo a la luz…algo así como no presentar a las primeras de cambio a tu novi@ ante tu familia hasta que lo tengas claro.

Venga empieza el tuyo o como dice Nike…

best_slogans_just_do_it

Congreso Sem Profesional 2014

Ya esta a la vuelta de la esquina el próximo Congreso Sem Profesional que será el próximo 21 y 22 de febrero en Madrid.

congreso_sem

El viernes habrán 6 talleres, de 4 horas cada uno, con temáticas con un nivel menos aavanzado (Sala A: AdWords para PYMES y Google Shopping) y temas más profesionales (Sala B y C: AdWords Scripting, WPO (también para SEO), Diseño de Landings (también para SEO) y Reporting profesional. El sábado, como en el #seopro, habrán ponencias, comida, coffees, cena y networking, además de cupones de uso de WeLovRoi (valorado en 170 €) y Semrush (valorado en 70$).

Aprovecha el descuento que hay ahora «La entrada al Congreso SEM está con descuento, a 190 €, hasta dentro de una semana»
Os adjunto el programa y los ponentes del Congreso Sem del 2014 que como podéis observar son profesionales reconocidos del sector.

programa y ponentes congreso sem 2014

Y los profesores de los talleresprofesores talleres sem

Situado en un lugar céntrico y cerca de la Estación de Atocha para los que vengan de fuera.
situacion congreso sem

 

¿Por qué deberías ir?

Porque el Congreso SEM Profesional es un congreso presencial entre profesionales del sector SEM, porque el contenidoesta preparado por profesionales del sector con los que podrás hablar, compartir, comer y hacer networking durante el congreso.

SERPS con vídeos más grandes

Esta mañana haciendo una búsqueda de cantantes (después de leer el post de searchengineland )nos hemos encontrado con resultados diferentes, sobretodo en el tamaña de los vídeos. Esto obviamente hacer aumentar el CTR, es decir el clic del usuario en un resultado… lástima que el resultado no vaya a una página bien optimizada sino a otra web propiedad de Google. Lo que no he comprobado si los resultados solo te llevan a Youtube o a una página bien optimizada donde embebes el vídeo.
Todo hace pensar que es para ofrecer un mejor resultado para el usuario o una práctica para aumentar el tráfico a Youtube para crear más impresiones de publicidad? ahí os lo dejo.

Os dejo una muestra.

serp_video_grande

Aquí un resultado de búsqueda con el Suggest

resultado video google

Que opinas ?