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.

Plugin WordPress para construir paginas responsivas sin pogramación

wordpress page builder plugin

Site Origin ofrece un excelente y poderoso plugin para WordPress perfecto para construir paginas web responsivas sin necesidad de programar, el Page Builder Plugin para WordPress que ofrecen los chicos de Site Origin es un poderoso plugin que trabaja con una amplia colección de widgets prediseñados y que se adaptan a tu diseño. El plugin te permite crear paginas dentro de tu WordPress arrastrando y soltando diferentes widgets por pagina de forma personalizada, ordenando cada uno los de los widgets en el sitio según tus necesidades, el plugin te permite agregar widgets de Slides, botones de acción, videos, embeds de redes sociales, widgets de contenido, formularios todo adaptables y utilizando configuraciones automáticas que se adaptan a las dimensiones de la pantalla de nuestros visitantes, permitiendo crear diseños web responsivos de una forma rápida y muy sencilla. El plugin es completamente gratis, y nos facilitara crear toda la estructura de la pagina,......

Seguir leyendo 107

Plugin para hacer tus formularios web más esteticos

formplate

Formplate es un plugin para hacer que los formularios de tu pagina web se vean más estéticos y con un diseño fuera del común y feo diseño que se muestra por default como parte del UI de cada navegador, este plugin es una combinación entre JavaScript y CSS3 que genera código HTML5 valido para cambiar el estilo de tus formularios y el diseño sea el mismo sea en navegadores web de computadoras de escritorio, móviles o tabletas, sin importar el navegador, la versión o el sistema operativo. El plugin es gratuito, utiliza un par de dependencias las cuales son Modernizr y jQuery para funcionar de forma adecuada e integrarse correctamente con cualquier navegador web, en su pagina web la cual enlazamos más abajo se muestra un ejemplo de como incluir este plugin en tu pagina web. Enlace para descargar Formplate...

Seguir leyendo 56

App JavaScript para crear lineas de tiempo con HTML5 y CSS3

timesheet js

Time Sheet JS es una interesante App JavaScript que te facilita crear lineas de tiempo aprovechando la flexibilidad de HTML5 y CSS3, es un script muy fácil de utilizar e integrar en tu pagina web, basta con incluir el script y definir un arreglo en formato JSON con los datos que deseas se desplieguen como parte de la linea de tiempo, definiendo para cada dato una fecha inicial y una fecha inicial así como la información referente a dicho evento. La forma en la que nos permite crear las lineas de tiempo nos permite crear el arreglo de datos y eventos de manera muy sencilla integrando los datos desde una base de datos usando AJAX por ejemplo, no hay mucha documentación sobre la herramienta, solo una pequeña guía que explica como crear tu primera linea de tiempo con Time Sheet, les dejo el ejemplo. Por cierto resaltar que esta librería no......

Seguir leyendo 37

Directorio para encontrar APIs de desarrollo para tus proyectos

mashape

Si eres desarrollador web o de aplicaciones móviles seguro muchas veces te haz preguntado si existe algún script o aplicación que te facilite realizar tareas complejas o que te permitan conectarte con servicios o redes sociales para interactuar con la información de dicho sitio, bueno ahi es donde las APIs son muy útiles ya que son frameworks de desarrollo completos que te permite conectar con servicios públicos o redes sociales para interactuar con la información que estos ofrecen o realizar publicaciones en otros sitios. Pero no solo existen APIs de redes sociales, también existen otras que te permiten conectarte a servicios medicos, servicios financieros, de marketing e incluso de telefonía móvil que te ayudaran a mejorar tus aplicaciones y quizás a dotarlas de funciones que pudieras pensar que es imposible realizar, por ello quiero recomendarles Mashape un excelente directorio de APIs donde puedes encontrar todos estos recursos para desarrolladores, todo......

Seguir leyendo 30

Plugin jQuery para crear diseños web inspirados en Windows 8

grid windows 8 metro

Gridster es un excelente y muy útil plugin jQuery perfecto para diseñadores web que busquen crear diseños de paginas web modernos y fuera de lo común, este plugin hecho con jQuery te facilita la construcción de diseño web inspirados en el sistema de girds o rejillas que utiliza el tema Metro que viene por default en Windows 8, Metro presento un estilo de organización de contenidos y accesos por medio de bloques ordenados de forma aleatoria en diferentes dimensiones encajando perfectamente entre ellos. Gridster también permite agregar eventos drag & drop a estos bloques con la intensión de reordenarlos al arrastrar y provocando un efecto de acomodo automatico entre los bloques, este plugin es completamente gratuito y muy fácil de utilizar en la pagina web oficial podrán descargarlo y ver una serie de ejemplo de uso de Gridster. Enlace para descargar Gridster...

Seguir leyendo 33

El nuevo WordPress 4.0, una mejor experiencia de redacción

wordpress

Ayer se lanzo el nuevo WordPress 4.0, el cual añade nuevas características enfocadas a una mejor escritura de artículos, gestión de contenido y a mejorar la experiencias de los usuarios de WordPress en general, esta nueva versión de WordPress viene bajo el nombre de “Benny” en honor al clarinetista estadounidense de Jazz y director de orquesta Benny Goodman. Según el creador de WordPress y fundador de Automattic, Matt Mullenweg esta nueva versión no es considerada como un actualización importante al menos internamente, para ellos es solo una nueva versión, pero para los usuarios esto supone algo que hay que agradecer, porque quizás en cantidad los cambios sean “pocos” pero en realidad estos cambios mejoran por mucho la experiencia de escribir y gestionar artículos y contenido con WordPress. Características del nuevo WordPress 4.0 “Benny” Gestor de medios Un nuevo gestor de medios, con una navegación y visualización de tus medios en tipo rejilla......

Seguir leyendo 67

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 65

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 38

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 27

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 36

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 30

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 38

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 32

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

Pagina 1 de 27123...6...Antiguas »