Hay 5 articulo(s) nuevo(s) en portada, haz click aquí para leer.

Frogx Three

Desarrollo

Categoría dedicada al desarrollo web, todo lo relacionado con programación en diferentes lenguajes como PHP, HTML5, CSS3, JavaScript, etc. Aquí encontraras recursos, ejemplos y tips de desarrollo.

17 Conceptos básicos que debes conocer sobre SEO (Search Engine Optimize)

conceptos-basica-de-seo

Les comparto una lista con 17 conceptos básicos que deberías conocer sobre SEO y que te ayudaran a entender muchas de las infografías o artículos que hablan sobre tips para mejorar tu posicionamiento en buscadores. Conceptos básicos que debes conocer sobre SEO ¿Que es SEO?  SEO por sus siglas en Ingles significa “Search Engine Optimize”, lo que hace referencia al tema de posicionamiento en buscadores web, este simple término abreviado engloba una gran cantidad de temas que te permitirán posicionar la pagina web de tu negocio en los primeros lugares de resultados en los principales buscadores tales como Google o Bing de Microsoft. Tráfico orgánico o visitas orgánicas Hace referencia a las visitas que proceden desde buscadores, es decir que encontraron tu pagina o algún contenido de la misma al realizar una búsqueda desde algún buscador e hicieron click en el enlace que los envió hacia tu pagina. Tráfico directo......

Seguir leyendo 46

Tutorial para crear notificaciones animadas con CSS3

notificaciones css

Fantástico tutorial y códigos CSS3 para crear increíbles diseños de notificaciones con animación para tus diseños de paginas web, en el ejemplo que enlazamos al final verán 12 ejemplos de notificaciones web animadas con muy buen diseño y fáciles de aplicar en tu pagina, algunas utilizan librerías JavaScript para las animaciones y las acciones pero en general se trata de código CSS para generar las animaciones utilizando transiciones y los keyframes, características incluidas en CSS3 y que ya son soportadas por la gran mayoría de los navegadores web modernos. En el segundo enlace encontrarán el enlace para descargar la guiá de instalación y un paquete con los códigos CSS3 y scripts JavaScript para utilizar todos estos diseños de notificaciones animadas para mejorar el diseño de interface de tus paginas web. Enlaces: Demo | Descargar códigos y tutorial...

Seguir leyendo 23

Devicons, iconos gratis literalmente de desarrollo web

Devicons

Devicons es un paquete de iconos tipo webfont literalmente de desarrollo, todos los iconos están relacionados con logos de marcas de desarrollo web sea navegadores como Internet Explorer, Firefox, Opera, Chrome, marcas como Windows, Bing, Apple, Android y otros tantos de lenguajes de programación y bases de datos, el paquete fue diseñado por Theodore Vorillas. El paquete incluye un total 85 iconos de desarrollo web todos completamente gratuitos y liberados bajo licencia creative commons, el paquete incluye la versión webfont con sus respectivos archivos CSS, también incluye un archivo PNG que incluye todos los iconos en forma de sprites y también incluye iconos en formato SVG, en fin todo listo para utilizar en nuestros diseños web. Enlace para descargar el paquete Devicons...

Seguir leyendo 19

Skippr, sencillo, muy sencillo plugin jQuery para crear slideshows responsivos

Skippr

Skippr es un excelente plugin jQuery para crear slideshows de una forma muy sencilla, el plugin es bastante liviano, simple y promete no cargar de recursos de tu sitio web, solo necesita de un pequeño archivo JS sin archivos CSS, solo unas 10 lines de CSS y listo, otra característica que por su estructura le permite funcionar de esa forma es que es un plugin jQuery slideshow 100% responsivo es decir que se adapta automáticamente a cualquier resolución y dispositivo, y por su puesto lo mejor, es gratuito. Enlace para descargar Skippr Skippr...

Seguir leyendo 45

Infografía: 5 Tendencias SEO para 2014 para tener éxito

tendencias SEO 2014

Excelente infografía que muestra 5 tendencias SEO para tener éxito en Internet este 2014, esta infografía es perfecta para esta temporada a pesar que ya estamos a mitad de año y esto por las recientes modificaciones que hizo Google en su algoritmo lanzando la versión Panda 4.0 la cual ha afectado a muchos sitios, así que les recomendamos seguir estas tendencias que les ayudaran a mejorar sus posiciones en los principales buscadores....

Seguir leyendo 46

Famo.us, Framework Javascript para crear diseños de interface atractivos

famous

Famo.us es un excelente framework Javascript especial para crear diseños de interface modernos y muy atractivos, el framework es muy fácil de utilizar e implementar, por supuesto es gratis. En el sitio oficial de Famo.us encontrarán gran cantidad de recursos entre documentación de todas las funciones, ejemplos de diseños de interface hechos con el framework y otros snippets que te facilitaran el trabajo. Enlace para descargar Famo.us...

Seguir leyendo 20

Framer App y librería JS para hacer animaciones web

framerjs

Framer es una App que te permite exportar Assets de archivos PSD y también de diseños hechos en Sketch, guardando por separado las imágenes en formato PNG y generando los archivo HTML, CSS y JS necesarios, para iniciar un proyecto utilizando FramerJS una librería para hacer animaciones web muy sencilla de utilizar y de rápida implementación, los ejemplos que podemos ver en el sitio nos muestran como crear animaciones secuenciales utilizando JavaScript para aplicar las propiedades CSS sin gran dificultad, estoy seguro que cualquier diseñador web con conocimientos básicos de HTML y JavaScript podrá utilizar esta librería y acostumbrar rápidamente. Considero que Framer es una excelente herramienta para diseñadores web sea la aplicación o simplemente la librería JavaScript pueden ser de gran utilidad los diseñadores que deseen aplicar animación a los elementos de sus diseños web. Enlace: Framer...

Seguir leyendo 29

Brackets un IDE para diseñadores web gratuito de Adobe

brackets

Brackets es un excelente IDE para diseñadores web gratuito desarrollado por Adobe bajo licencia MIT muy recomendable y que recién descubro, pero no es nuevo Brackets inicio su evolución en 2012 y ahora es una seria alternativa que cualquier diseñador o desarrollador web debería tomar en cuenta, su principal ventaja por sobre otros editores de código web se basa en la marca que le da soporte a este proyecto y por supuesto el hecho de ser gratuito, porque entre sus características no encontraremos cosas que otros IDE’s no tengan. Algunas de las características base de Brackets son: Código coloreado, proyectos basados en gestión de carpetas, soporte para multiples lenguajes de programación entre ellos PHP, JavaScript, CSS, HTML, Ruby, etc. y manejo de extensiones, esta última características es muy importante ya que existen un gran repositorio de extensiones que te permitirán agregar mas poder a este excelente IDE de diseño web. En......

Seguir leyendo 89

Paginas para aprender a programar Objective C gratis

desarrollo-y-programacion objective c

La moda de las aplicaciones móviles es cada vez mayor, por ello para ayudar un poco a la comunidad tanto de desarrolladores como de programadores queremos compartir una serie de paginas para aprender a programar en Objective C que es el lenguaje de programación utilizado para crear aplicaciones para iOS y Mac. Objective C es un lenguaje de programación orientado a objetos el cual no es muy difícil de aprender, aunque sería aun mucho mas fácil si ya tienes conocimientos de programación, la particularidad de las siguientes paginas es que son guias practicas para aprender a programar incluso con ejemplos interactivos para que puedas practicar tus avances conforme avances, son cursos rápidos pero que te ayudaran a tener una base para empezar a programar en este lenguaje de programación y te permitirá iniciarte en el desarrollo de aplicaciones para iOS y Mac. Aprender a programar Objective C CodeSchool - Try Objective......

Seguir leyendo 26

Plugin para crear diseños web tipo Storytelling con WordPress gratis

ase-screenshot

Story Engine es un plugin para crear diseños web tipo Storytelling utilizando WordPress, este plugin fue creado por Aesopstories un sitio web que te permite crear paginas storytelling gratis con un motor bastante potente, este tipo de diseños web se han hecho muy populares pues han sido un éxito para redactar historias y grandes artículos escritos por revistas y periódicos en su mayoría. Los diseños Storytelling es una combinación entre texto (contenido), imágenes, video, audio y el uso del efecto Parallax de forma vertical, el resultado de estos sitios es bastante interesante, les dejo al final del post el enlace para descargar este plugin wordpress, pero antes un par de enlaces para que conozcan ejemplos de diseños tipo storytelling: The Russia Left Behind – New York Times Bellroy Enlace para descargar Story Engine...

Seguir leyendo 31

Plugin jQuery para crear galerías web atractivas

plugin jquery

Fotorama es un excelente plugin jQuery para crear galerías web con estilo, es un plugin bastante completo que incluye versión para WordPress, Fotorama es gratis y puede ser personalizado según tus necesidades, en el sitio pueden encontrar toda clase ejemplos para crear galerías de imágenes, galerías de videos, animaciones flash, capas HTML, etc… Fotorama fue diseñado y desarrollador por el diseñador web Artem Polikarpov de Rusia, en fin les recomiendo este excelente plugin para crear paginas web con galerías de fotos atractivas. Enlace para descargar Fotorama...

Seguir leyendo 20

UIKit un interesante Framework para diseñar paginas web

UIKIT

UIKit es una excelente framework para diseñar paginas web, es un alternativa mas que recomendable al famoso Bootstrap, UIKit es un framwork OpenSource que incluye una gran cantidad de componentes para personalizar y armar de una forma rápida nuestra pagina web, incluye archivos CSS base para normalizar el estilo de los elementos, CSS para impresión, plantilla grid basada en el estándar 960 que nos ayudara a crear paginas web responsivas. Es muy fácil de integrar, básicamente tienen que insertar los archivos CSS y según los componentes o addons que deseen agregar algunos archivos JavaScript, les dejo el enlace a la pagina oficial del proyecto donde podrán descargar UIKit gratis y leer toda su documentación. Enlace para descargar UIKit Framework...

Seguir leyendo 41

Editor para personalizar los colores de Google Maps

Google Maps Editor

Quienes se dedican al diseño de paginas web sabrán sobre la posibilidad de incluir los mapas de Google en una pagina web utilizando el API oficial de Google, el usar la API nos permite muchas posibilidades para personalizar el diseño y funcionamiento de los mapas, obviamente algunas de ellas solo los mas experimentados las pueden implementar, pero existen multiples herramientas y scripts que nos pueden hacer este trabajo aun mas sencillo. Lo que les comparto ahora es un editor de mapas, que nos permitirá modificar los colores y algunos otros elementos comunes en el diseño de los mapas de Google para adaptarlos a nuestro diseño, el editor no devuelve un string en formato JSON el cual agrupa las opciones que utilizaríamos en nuestra código para cambiar la apariencia de los mapas. Espero que sea de utilidad para ustedes y les permita personalizar los colores de Google Maps para sus paginas......

Seguir leyendo 28

Convocatoria para el proyecto Google DevArt, arte hecho por programadores

dev art google

Google ha lanzado una convocatoria para programadores para el proyecto DevArt (arte hecho por programadores) en conjunto con Brabican de Londres, la finalidad del proyecto es juntar a programadores y artistas interactivos para retarlos a crear obras de arte interactivas basadas en aplicaciones, utilizando la tecnología como su lienzo y el código como sus materiales. Google, junto al Brabican en Londres, le encargarán a un programador la creación de una nueva instalación de arte digital junto a algunos de los mejores artistas interactivos del mundo, para la exhibición ‘Digital Revolution’: la exploración de la creatividad digital más grande y completa que el Reino Unido haya visto jamás. Desde allí, la exhibición se irá de gira por ciudades de todo el mundo. Entre el 4 de Febrero y hasta el 28 de Marzo se estarán recibiendo lo proyectos y cada semana se elegirá un proyecto destacado que aparecerá en la portada de la......

Seguir leyendo 19

Cherry Framework para hacer plantillas wordpress profesionales

cherry framework

Les presento una excelente herramienta para programados y diseñadores web se trata de Cherry Framework para WordPress un excelente plugin que nos permitirá hacer plantillas wordpress profesionales, el framework no hace el proceso de diseño, en realidad nos permite crear el layout del sitio y organizar su contenidos de forma atractiva utilizando scripts, shortcodes y widgets pre-diseñados para que podamos montar de forma más rápida y optima un sitio web, agilizando los tiempos de programación principalmente. Este tipo de recursos es muy útil ya que en los estudios de diseño es común que se creen cuellos de botella durante la producción de proyectos, esto porque los procesos creativos y de desarrollo muchas veces tienen retrasos importantes, cierto que es algo malo pero también es muy difícil de evitar, en diseño web estos casos no son la excepción y es por ello que los diseñadores y desarrolladores web comúnmente necesitamos de......

Seguir leyendo 23

HybridAuth plugins JS para conectar con redes sociales

boton login facebook

HybridAuth es un excelente plugin JS para conectar con redes sociales a los usuarios de tu sitio, con este plugin tienes todo lo necesario para crear sistemas de registros y acceso para usuarios utilizando las cuentas de sus redes sociales, es muy fácil de implementar, HybridAuth te permite realizar conexiones con Facebook, Twitter, Google+, Instagram, LinkedIn, Foursquare, entre otras redes sociales. El plugin es muy completo y excelente para los programadores web ya que les permitirá ahorrar mucho tiempo en el desarrollo de sus aplicaciones web que necesiten conexión con redes sociales. HybridAuth les ahorrara el trabajo de implementar las API’s que ofrece cada red social para realizar conexiones y también para recibir la información de los perfiles de los usuarios que haga login en tu aplicación utilizando sus cuentas de Facebook, Twitter, etc. Para complementar este recurso les comparto una serie de paquetes de botones e iconos de redes sociales para......

Seguir leyendo 22

DevDocs, repositorio de documentación para programadores

devdocs

DevDocs es un proyecto en que se incluye documentación para programadores de varios lenguajes y también varios frameworks para desarrollo web, el proyecto fue creado por el desarrollador web Thibaut Courouble también autor del sitio CSSFlow, el proyecto resulta muy interesa y de mucha utilidad para programadores, pues contiene las últimas versiones de documentación de lenguajes de los lenguajes de programación frameworks mas populares en el ambiente del diseño web. La lista de lenguajes y frameworks de los que se incluye documentación incluye: PHP HTML5 DOM CSS LESS JavaScript Frameworks JS Angular JS jQuery jQuery UI jQuery Mobile Node JS Backbone JS Enlace: DevDocs...

Seguir leyendo 17

Backbone JS framework utilizado por Rdio, Foursquare, WordPress y otros

Backbone js

Backbone JS es el framework JavaScript definitivo para los desarrolladores web que busquen desarrollar aplicaciones web robustas utilizando como base JavaScript, Backbone JS ofrece una enfoque de programación en base a modelos y un mejorado uso de los eventos, ofrece una gran cantidad de funciones que hacen de su API una de las mas robustas para el desarrollo web. Este framework no es uno mas del montón, es utilizado por redes sociales, paginas web importantes y famosas aplicaciones web como Rdio, Foursquare y WordPress.com, en el siguiente enlace pueden ver la lista de proyectos que utilizan este Framework. Backbone JS se integra fácilmente con otros frameworks como jQuery, es una aplicación bastante ligera que no hará mas lenta tu aplicación, optimiza el manejo de datos JSON, trabaja con atributos adicionales en las etiquetas HTML (data-, ng-), en conclusión es una herramienta que todo programador web con experiencia debería tomar en......

Seguir leyendo 14

11 Plugins JS para hacer diseños web responsivos

diseños web responsivos

Les compartimos una serie de excelentes plugins javascript perfectos para hacer diseños web responsivos, esto será de gran utilidad para seguir una de las tendencias de diseño web en 2014 que se trata de crear diseños web adaptables a cualquier plataforma sin importar navegador y mostrando contenido de calidad aprovechando las posibilidades que los diferentes dispositivos ofrecen tanto en imágenes de alta resolución como en interactividad. Plugins JS para hacer diseños web responsivos Adapt.Js Es un alternativa al uso y dependencia de los Media Queries con CSS, que si bien cierto son excelentes aun no son reconocidos por todos los navegadores, lo cual puede causarnos algunos problemas, con Adapt.js eliminamos esa dependencia, también ofrece soporte para la mayoría de los navegadores incluso Internet Explorer, con este plugin podremos identificar el tamaño de la venta o resolución de pantalla de la persona que accede a nuestro sitio de tal modo que sirvamos......

Seguir leyendo 62

jQuery Selectric: script para cambiar diseño de selects en formularios

jQuery Selectric

jQuery Selectric es un excelente script jQuery que permite cambiar diseño de selects o listas de tus formularios HMTL con la combinación de CSS3 y JavaScript, el script es muy fácil de implementar y también de personalizar con hojas de estilo, este script ofrece soporte para diferentes navegadores entre ellos: Firefox Chrome Safari Internet Explorer 7+ Opera En la pagina de demostración de este script podemos ver algunas opciones que nos ofrece jQuery Selectric, como agregar opciones a la lista de forma dinámica, permite ejecutar Callbacks dependiendo del valor de la opción seleccionada, y también ejecutar acciones Ajax para comunicarnos con el servidor y manejar respuestas de forma dinámica, todo esto gracias a jQuery. Enlace para descargar: jQuery Selectric...

Seguir leyendo 18

Pagina 1 de 26123...6...Antiguas »