background preloader

Html5

Facebook Twitter

Yoshi's New Island for Nintendo 3DS - Official Site. Tweety Got Back - A Twitter Theme Shoppe. Como optimizar imágenes para SEO. Rodolfo posicionando la palabra “tissue” Cuando te pones a optimizar de cara al SEO un site, ya sea una página estática o un blog está claro que te centras en posicionar cada una de las páginas del mismo, así como la home, y muchas veces nos olvidamos de las imágenes.

Como optimizar imágenes para SEO

Sin embargo, tener las imágenes de tu site correctamente optimizadas es de muchísima utilidad, sobre todo por dos factores fundamentales. Atraes tráfico de Google Images: Sí, es un tráfico que puedes pensar que “no tiene mucho valor” y, de hecho, no tiene tanto valor como el tráfico de Google “normal”, pero las visitas son visitas y te puede salir alguna conversión de ellas, eso no lo olvides.Ayuda a posicionar tu site: si tienes una imagen correctamente posicionada para un término y ésta imagen está alojada en una página que trate sobre el mismo tema, a buen seguro tendrás un pequeño turbo de posicionamiento para la “página madre”, y ésto sí que es interesante, ¿verdad?

Etiquetas ALT y Title Nombre de archivo. 25 Páginas Web con Diseños Basados en Ilustraciones. SEO: ¿Qué es el PageRank de Google? PageRank (PR) es un algoritmo patentado por Google que mide la importancia de una página en particular y en relación a otras páginas incluidas en el índice del buscador.

SEO: ¿Qué es el PageRank de Google?

Se inventó a finales de los noventa por Larry Page y Sergey Brin. PageRank implementa el concepto de valor de enlace cómo factor de posicionamiento. PR considera que el enlace a una página es cómo un voto, indica importancia. PR se aproxima a la probabilidad de que un usuario, haciendo clic al azar a través de Internet, llegue a una página en particular. Edit this Fiddle. Sleek Design. A5 HTML5 Animator. jQuery content slider. Animar figuras punteadas con CSS3. En este tutorial os enseñaré un ejemplo de las animaciones que se pueden hacer con CSS3 gracias a Animation y a transform:rotate() con unos simples puntos e imaginación.

Animar figuras punteadas con CSS3

Para hacer estas animaciones simplemente hago girar todos los puntos que suben y bajan simplemente (más adelante explicaré como). El ejemplo está en funcionamiento en la página de referencia (link abajo) con varios diseños (gota, corazon, flor y aro) y se puede cambiar el sentido de la rotación y ver los elementos de la animación con sus bordes. 40 Premium Responsive Portfolio WordPress Themes. Web design blog, tutorials, jQuery slideshow, jQuery menu, freebies, inspiration, wordpress tutorials. Responsive Web Design Interactive Infographic. This infographic is the first place to check when you need well researched information on responsive web design.

Responsive Web Design Interactive Infographic

With basic glossary, 15 blog articles, 5 quotes, 11 free PDF books, Google recommendations, as well as 65 tutorials, 20 plugins, 19 tools, and ready-made responsive website templates, this page is meant to classify a whopping amount of RWD content and give you exhaustive answers & tips to help improve your website designs. 7 Tools for Responsive Web Design. 14 Herramientas de CSS3 y HTML5 Muy Útiles para Diseño Web. Cada día son más los diseñadores y desarrolladores web que apuestan por HTML5 y CSS3, pues ofrecen muchas ventajas sobre sus predecesores a la hora de enriquecer los diseños.

14 Herramientas de CSS3 y HTML5 Muy Útiles para Diseño Web

Desde el canvas de vídeo de HTML5 hasta las propiedades de sombreado de CSS3, estos lenguajes sólo nos traen que oportunidades para crear un diseño web más atractivo a los ojos del usuario y más semántico para los buscadores. En este artículo encontrarás una colección de herramientas de CSS3 y HTML5 que te facilitarán enormemente tu trabajo como profesional del diseño web. Veremos herramientas y frameworks que nos ayudarán a sacar el máximo partido de HTML5 y CSS3. También puede interesarte el artículo de 15 frameworks para desarrollo web. Herramientas y frameworks de HTML5 HTML5 Boilerplate Esta herramienta de HTML5 es la que a mí personalmente me resulta más útil, se actualiza de manera regular y que nos permite descargar diferentes versiones: con comentarios, sin comentarios o personalizada a nuestras necesidades. Social Media Extremo: Redes Sociales, Marketing 2.0 y Posicionamiento Web Jaén: SEO: Como recuperar posiciones perdidas en Google.

Uno de los problemas que afectan a cualquier pyme o marca es el levantarse una mañana y descubrir que su página web ha bajado posiciones en Google o que ha desaparecido.

Social Media Extremo: Redes Sociales, Marketing 2.0 y Posicionamiento Web Jaén: SEO: Como recuperar posiciones perdidas en Google

Ésta situación es más común de lo que pensamos y se le puede presentar a cualquiera, os presentamos esta guía de primeros auxilios para intentar recuperar las posiciones perdidas. Si tu web ha sido penalizada en Google: Hover. Www.codebasehero.com/files/music-player/demo/ April/Zero. Jess & Russ. Mobilizer. Home - Recline Data Explorer and Library. 10 Plugins jQuery para rotar imágenes. Jul 16 2012 Se que no están muy acostumbrados a leer en este blog noticias y artículos sobre jQuery y, a decir verdad, reconozco que tampoco es mi fuerte.

Pero… en la web podemos encontrar siempre códigos que facilitan el trabajo a la hora de desarrollar las ideas que se nos vienen a la cabeza. El uso del giro de 360º en la web es sumamente útil, sea para mostrar productos que están a la venta, para esculturas o simplemente para realizar panorámicas de ambientes o paisajes. Web Filter Violation. From Head to Foot: Showcase of Beautiful Header and Footer Designs. HTML5 Web Workers. 23Aug2010 Comments Off HTML5 a parte de añadir nuevas etiquetas, también incluye otras posibilidades javascript, como los Web Workers, los cuales permiten ejecutar scripts en paralelo (background).

HTML5 Web Workers

Por ejemplo, tenemos un proceso costoso en recursos que no es interrumpible, podemos utilizar un Worker y evitar que el navegador se nos colapse. Su uso es bastante sencillo, se instancia un Worker que estará en un fichero javascript independiente, se indica qué hacer cuando se reciba un mensaje y ya solo queda que el javascript y el Worker se comuniquen mandándose mensajes. El script que instancia el Worker sería así: // Crea el Web Workervar worker = new Worker("worker.js"); // Envía un mensaje al worker worker.postMessage(0); // Recibe los mensajes del Worker worker.onmessage = function (evt) { // evt.data es el valor devuelto por el Worker alert(evt.data); } // Trata los errores worker.onerror = function (evt) { alert(evt.data); } Y el worker.js sería el siguiente: Www.rodrigogalindez.com/files/12.pdf. Como acceder a la cámara web desde HTML5 (Versión en desarrollo de Chrome) Nota del editor: Este artículo se revisó el 21 de enero de 2014.

Como acceder a la cámara web desde HTML5 (Versión en desarrollo de Chrome)

Gracias por inscribirse como desarrollador de Intel AppUp y enviar su o sus aplicaciones al centro Intel AppUp®. Hemos tomado la difícil decisión de cerrar el portal para desarrolladores el 1º de noviembre de 2013 y de cerrar el centro Intel AppUp el 11 de marzo de 2014. Aunque el portal para desarrolladores de AppUp ya no estará disponible para enviar aplicaciones para equipos PC, existe una cantidad de oportunidades para desarrollar otras aplicaciones que tenemos disponibles en la Zona para desarrolladores Intel.

Si todavía no lo ha hecho, por favor inscríbase en nuestro programa para comenzar a aprovechar los recursos técnicos y comerciales que apoyan el desarrollo de software. Free CSS Templates. Rich Snippets para mejorar tu SEO y las visitas a tu web. Los rich snippets son una convención a través de schema.org de los tres principales buscadores, Google, Bing y Yahoo, para etiquetar el contenido de las webs y facilitar que los resultados de búsqueda puedan mostrarse con información más avanzada a la tradicional.

Rich Snippets para mejorar tu SEO y las visitas a tu web

Los buscadores se han dado cuenta de que los snippets tradicionales (Título, descripción y URL) no son suficientes para propiciar una buena experiencia de sus usuarios. Por este motivo en 2009 Google introdujo los microformatos, un método de marcado de texto que, leídos por el rastreador, permitían visualizar el resultado de búsqueda con ciertas características avanzadas, muy visuales, que fomentaban una experiencia diferente en la recuperación de la información mediante buscadores. Bing, Yahoo! Otros esquemas para el marcado semántico de los datos y la obtención de rich snippets además de los microdatos de la convención shchema.org, son los citados microformats y los RDFa 1. Las estrellitas o puntuaciones. 2. 3. The Responsinator. Slider Demo Crystal Basic Demo and Example.

Síntomas de una epidemia: Tendencias de diseño web. Hace ya algún tiempo que estamos siendo testigos de la transformación a pasos agigantados de la apariencia de la web 2.0. como si de una enfermedad muy contagiosa se tratase.

Síntomas de una epidemia: Tendencias de diseño web

Por lo tanto, ¿podríamos estar hablando de una epidemia a pesar de que los cambios visuales son muy bien recibidos por todos?. A continuación daré a conocer los síntomas más comunes, que seguramente ya habéis notado en vuestros navegadores. Texturas Las texturas es uno de los síntomas más comunes, se manifiestan por un grano sutil, suciedad, arañazos, papeles desgastados y, como no mucho hendido. Si buscáramos una explicación a este repentino brote, podríamos encontrarla en la nostalgia por la interacción con objetos físicos en los dispositivos táctiles, además de una posible envidia hacia los diseñadores de papel que cuentan con una gama más amplia de materiales para jugar. De izquierda a derecha: Chicago marathon, Ia summit 2012 y Amazeelabs. Allowing Users to Resize Web Page Elements with CSS3. With CSS3 you can give your users a greater level of control over how they view your pages without having to employ complex JavaScript functions.

CSS animations. CSS animations make it possible to animate transitions from one CSS style configuration to another. 40 Beautifully Designed Mobile Apps With Excellent UI Experience in Mind. With so many apps being released in such a short period of time, designers need to really create apps that stand out. In this roundup we’re sharing 40 beautifuld mobile app designs with excellent UI experience in mind. Also at the end of the post you’ll find some more resources to follow top mobile app design trends. Mobile apps are even changing the way we design anything nowadays!

Inmersión a HTML5. CSS3 Generator - By Peter Funk & Eric Hoffman. Tutorials. Realtime Chat with Node.js. 40+ Excellent CSS3 Menu Tutorials. 2 jquery animation parallel (or a effect) « Fabiano PS. 35 Free HTML Templates. The Advantages of the New Adobe CS6. As with all Adobe Creative Suite releases, fans of the software anticipated many new enhancing and enticing features in CS6. Although it was only recently released, Adobe has developed several new innovations that may have made CS6 a noteworthy upgrade.

Perhaps the most touted new feature is Adobe’s advancements in Photoshop, Dreamweaver and Illustrator. RuidoDigital. Prigazzi/slider-jquery. 40 Inspirational Hand Drawn Web Designs. Percentage Loader. Herramientas para webmasters de Google - Rastrear URL. Búsqueda con Google Insights - Videos. Carro de la compra Registrarse Internacional Todos los cursos » 45 Sitios Web diseñados con HTML5. Adobe Certified Instructor. jQuery Masonry. 35 diseños de boletines para email creativos. 19 tips y trucos para CSS. El CSS es la manera más perfecta de ponerle estilos y efectos a tus diseños web, y ahora con CSS3 trae más posibilidades de afectar y mejorar tus diseños.

Es por eso que aquí te traigo algunos tips y trucos para CSS, para que puedas implementarlos fácilmente en tu diseño web. Cambiar el color de la selección de texto Cuando seleccionas un texto por defecto el texto se convierte en color blanco y el fondo en color azul, pero que pasa si quieres que esto sea diferente en tu web. Animaciones CSS3 avanzadas. He estado impaciente para darme la libertad de investigar y escribir algo más avanzado utilizando CSS3 y animaciones, ya que el soporte de ciertas propiedades están más extendidas y si las comenzamos a utilizar en nuestros proyectos podemos forzar un poco la adaptación de estos nuevos estándares.

Mi idea no es utilizarlas aún al 100%, sino que entregando una alternativa para navegadores menos avanzados en estas propiedades (existen algunos frameworks que lo están permitiendo, ver enlaces al final). En este artículo les mostraré un par de propiedades que pueden marcar la diferencia ente lo que pensabas conocer sobre CSS y lo que se pretende sea la capacidad nativa de los browsers de permitirnos interacciones mucho más ricas y lo mejor, y más rápidas. * He intentado sin buenos frutos hacer andar por lo menos un par de ejemplos en IE9 y no hay caso, seguiré investigando. 50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding. How To Create Loading Spinners Using CSS3 Animations. Consejos para el Diseño de un Buen Menú de Navegación Web.

45 Fresh and Free HTML5 And CSS3 Templates. HTML5 Image Effects – HDR simulation. Minjs - Minimalist JavaScript. 47 Amazing CSS3 Animation Demos. Minjs - Minimalist JavaScript. HTML5 y el SEO « HTML 5, información útil en español.

Implementing Drop-Down Menus with CSS3. Luca Vercellio, Web Designer - Pro Website, html5, css3, joomla!, wordpress. Belajar HTML5 : HTML5 Cheat Sheets. Try Python: Interactive Python Tutorial in the Browser. 65 New and Creative Portfolio Website Designs for Inspiration. Stripes – Responsive Web Design PSD - Free PSD Web Design Templates. HTML5 Drag and Drop Multiple File Uploader. Tips in Designing a Functional Website Archive. CSS Sprites Revisited. Cssarrowplease. 25 Tutorials for Learning Character Design. Turn.js - The page flip effect for HTML5. Social Media estas o estas por estar.

Quickly Build a Swish Teaser Page With CSS3. Responsive Web Design. Responsive and Mobile-Friendly Tooltip · Blog of Osvaldas Valutis. Meteor. Beginner's Guide to Launching a Successful Blog. Seo tutorial. Responsive CSS Navigation Menu. Generador de metatags.

20+ Free CSS3 Code Generators. Traduciendo aplicaciones de jQuery Mobile. ¿Cómo influyen las acciones de SEO, SEM, mobile y redes sociales en el branding? Drag and Drop and Automatically Send to the Server. Linea de Codigo » Aplicar opacidad con jQuery. The 30 CSS Selectors you Must Memorize. 47 Amazing CSS3 Animation Demos. Etiqueta link visitado. Ejemplos de animaciones con CSS3. CSS: texto con sombra. CSS 3D Slideshow.

Pearltrees videos

Creating a Gaussian Blur Effect With CSS3 « WeMakeSites.NET. Curtain.js. C HTML5 Logo.