Crear sencillo efecto Parallax scrolling

Muchos de nosotros, seguramente habrá deseado realizar un efecto parallax simple sin la necesidad de utilizar plugin de javascript, pues en este post les enseñaré a realizar el efecto y además podrán descargar el código.

Centrar verticalmente con CSS

Les voy a compartir una de las tantas técnicas que existen para solucionar uno de los problemas más frecuentes que se presentan al trabajar con CSS, lo que es el centrado vertical de elementos o textos.

Instalar y activar una plantilla en wordpress

Hola a todos, les traigo el siguiente artículo el cual nos enseñará a instalar una plantilla en wordpress, enseñaremos dos maneras de realizar, 1) A través de wp-admin y el segundo 2) A través de FTP.

A continuación explicaremos los pasos a para instalar la plantilla a través del wp-admin:

Como primer paso deberemos de ingresar al wp-admin de la plantilla que anteriormente habíamos instalado:

Una vez dentro del administrador, deberemos de ubicarnos, en apariencia/temas, al dar click deberíamos de visualizar la opción de "Agregar Nuevo", que se encuentra en la parte superior de la ventana que se visualiza:

Agregar el botón me gusta de facebook

Hola a todos, hoy les enseñaré como añadir el botón "Me gusta", de facebook a nuestra página web. Para ello debemos de ingresa al siguiente enlace, donde tendremos que crear una cuenta de desarrollador de facebook, en caso de no tenerlo.

En mi caso ya, tengo una cuenta de facebook developer, posteriormente deberemos de dar click en la parte superior, en la opción Docs.

Cómo añadir Twitter a tu fan page de Facebook

Hola a todos, hoy les compartiré un artículo sobre redes sociales, para ser exacto Facebook. Lo que haremos es añadir la pestaña de Twitter a nuestra fanpage, esto permitirá que el timeline de la cuenta de twitter que iremos a asociar se muestre como pestaña en la página de facebook que seleccionemos.

Para empezar, deberemos de buscar "Twitter Tab for Pages" o ingresar a este enlace: "Twitterforpage".

Instalar Wordpress, paso a paso

Hola a todos nuevamente, regreso con un nuevo artículo. Sobre wordpress y como "Instalar Wordpress, paso a paso". 

Para iniciar debemos de dirigirnos a la página oficial de wordpress para poder descargar el código fuente. Generalmente se encuentra comprimido en un archivo .zip. Una vez ya descargado lo colocaremos en el public_html de su hosting o si están trabajando desde su máquina local, como en mi caso dependiendo el tipo de entorno de desarrollo web que tiene instalado.

XAMPP

Si se encuentra utilizando el xampp en windows, deberemos de buscar la carpeta htdocs que se encuentra ubicado dentro de la carpeta xampp, y posteriormente pulsar botón derecho y dar click en extraer aqui.

Los "HACKS" y "COMENTARIOS CONDICIONALES" de Internet Explorer

Cuantas veces, hemos tenido problemas con estilos de CSS que funcionan bien, en un navegador, pero en otros no, como es el caso de Internet Explorer que se necesitan aplicar otros estilos o en su defecto, añadirle estilos. 

Sin embargo puede darse el añadir estilos que hagan bien en Internet Explorer alteren el buen maquetado que se ha realizado y que se vea bien en un navegador distinto al de Internet Explorer.

Entre los mas usados hacks de css, están el del guión bajo, el asterisco y el \9 para el resto de navegadores una propiedad con un guión bajo, u otro caracter alfanumérico delante es algo que no lo reconoce, en cambio para Internet Explorer lo interpreta sin ningún problema.

Facebook: Se podrá visualizar video 360

Desde hoy 23 de Septiembre, podremos disfrutar de los videos 360, en nuestros muros de facebook. tanto a través de la web como de la aplicación móvil para android, lamentablemente para los usuarios para apple, lo tendremos disponibles dentro de algunos meses.

Esto se hizo público la misma empresa a través de un comunicado, donde las compañías como Star Wars, Discovery, GoPro, LeBron James & Uninterrupted, Saturday Night Live de la NBC, y VICE, estarán compartiendo videos 360 en sus cuentas oficiales. En los próximos días se estarán incorporando más empresas y compañías que podrán compartir videos interactivos e inmersivos como si estuvieran en el mismo lugar.

360 Video on Facebook
Posted by 360 Videos on Facebook on Martes, 22 de septiembre de 2015

Mark Zuckerberg: "Muy pronto habrá el botón no me gusta"

El CEO de Facebook, Mark Zuckerberg anunció finalmente lo tan esperado por muchos usuarios, el botón "No me gusta".

Por fin el día de hoy fue confirmada esta noticia en una rueda de preguntas y respuesta, donde dijo lo siguiente: "Creo que la gente ha pedido un botón de “no me gusta” durante muchos años. Hoy es un día especial porque hoy es el día en que se puede decir que estamos trabajando en ello."

El “no me gusta” no ha sido presentado hasta ahora porque no se quería que Facebook se convirtiera en un sistema al estilo de competencia de votos del botón "Me gusta" y "No me gusta".

Características del Iphone 6S

Durante la presentación que ha realizado Apple, se presentaron diversas actualizaciones en sus productos que ofrecen: iPad Pro, Apple TV, Apple Watch y el protagonista del evento el iPhone 6S.

En este artículo dedicaremos exclusivamente al iPhone 6S y las nuevas características que ofrecerá:

• La llegada del color rosa, en el iPhone 6S.
• Su principal novedad es el 3D Touch (Ayuda a mejorar la usabilidad con la interfaz).
• Procesador A9 de 64 bits y de tercera generación.
• Disco duro bordea en (16GB, 64GB y 128GB).
• Cámara frontal de 5 megapixeles.
• Cámara posterior de 12 megapixeles.
• Sistema operativo IOS 9.

Indexar web en Webmaster de Google

En este artículo vamos a exponer los pasos que se tienen que seguir para poder indexar nuestro sitio web, para que de esa manera sea reconocido por uno de los buscadores más usados en el mundo, como lo es Google:

1er Paso: Entrar al siguiente enlace https://www.google.com/webmasters/

Nuevo logo de Google

El 01 de Setiembre de 2015 es un hito en la historia del gigante de la tecnología Google, sorprendió a todo el mundo con el lanzamiento de su nuevo logo. El anuncio fue dado a través de un doodle y también a través de un artículo en su blog oficial de google design.

El motivo del cambio de logo, ha sido porque a medida que avanza la tecnología la adaptación de su logo antiguo se hacía más tedioso, sobre todo en los dispositivos móviles, es ahí donde google quiere dar a conocer que su marca debe expresar sencillez y abrazar plenamente nuevas tecnologías.

Técnicas de posicionamiento web

En la actualidad todas las empresas necesitan una web, y todas las web necesitan ser visibles en los buscadores más usados. Y la práctica de hacer visible una web, que de ahora en adelante llamaremos posicionamiento, se le denomina SEO. El SEO (Search Engine Optimization), que en español quiere decir "Optimización para motores de búsqueda"

El SEO básicamente trata de conseguir que tu página web salga en los primeros puestos de los resultados de búsqueda de los buscadores. Ahora la pregunta del millón sería ¿Qué hay que hacer para posicionar mi página web?. Responder a ésta pregunta es un poco difícil en un sólo artículo, pero mencionaremos algunas técnicas para iniciar el posicionamiento de tu web.

Incluir archivo robots.txt: Es un archivo que se encuentra en la raíz de un sitio e indica a que partes de tu website quieres que accedan los buscadores, se recomienda incluir este archivo, ya que los spiders de las páginas lo buscan.

Lanzamiento de Bootstrap 4 alpha

El popular framework frontend Twitter Bootstrap acaba de lanzar su última actualización, la versión número 4 alpha. Este artículo esta dedicado para mencionar los principales cambios y anuncios que se dieron al ser lanzada la nueva versión. Que ya se encuentra disponible para su descarga. 

Hay muchos cambios que se han hecho en ésta nueva versión, así que aquí te presentamos algunas mejoras que se han realizado:

• Migración de Less a Sass: Ahora la compilación del código se hace mucho más rápido gracias a libSass (Librería de Sass).

Herramientas para lidiar con Internet Explorer

Cuando se diseña un sitio web, necesitas conocer varios puntos básicos de como desarrollarlo, entre ellos es la aplicación de diferentes estilos, el denominado CSS “Cascading Style Sheets” (Hojas de estilos en casada). Seguramente que ya deben haber escuchado hablar sobre el CSS3 el nuevo estándar que está dominando la web en éstos últimos años.

Pues seguramente ya deben haberse dado cuenta que la mayoría de las propiedades de CSS3 no son admitidas por los navegadores actuales. Pero como podemos saber, ¿Qué propiedad admite un "X" navegador?, para ello podemos usar la siguiente Can I use, el cual colocamos la propiedad css y automáticamente nos filtrará las compatibilidad por navegadores.