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.

LumX framework para diseño web basado en Angular JS y Material Design

lumx

LumX es un interesante framework para diseño web que combina algunas de las mejores herramientas para diseño de sitios web modernos y que son parte de las tendencias en diseño web para 2015, Lumx se puede considerar como un Mashup entre Angular JS y Material Design, dos de las últimas aportaciones de Google para los diseñadores de sitios web y que han generado mas que solo ruido en Internet. Angular JS es un gran Framework JavaScript el cual es desarrollado por un equipo de desarrolladores de Google y hace que......

Seguir leyendo 105

Seti_UI un fantástico theme para SublimeText 3

seti ui theme

Seti_UI es un fantástico theme para SublimeText 3 que te permitirá cambiar el diseño de la aplicación y el scheme de colores del código que utilices sea HTML, Ruby, PHP, JavaScript o cual sea, Seti_UI ofrece una paleta de colores oscura con colores vivos que ofrecen un alto nivel de contraste que hace mas cómodo el trabajo de programación, este tipo de plantillas no son solamente bonitas, también ofrecen beneficios a la vista pues la cantidad de luz que entra a través de los ojos en themes y esquemas de......

Seguir leyendo 77

ScrollReveal para revelar elementos cuando sean visibles en el Viewport

scrollrevealjs

ScrollReveal es un interesante y muy útil plugin JavaScript que te permite revelar elementos cuando sean visibles en el Viewport, es decir que siempre estén ocultos hasta el momento en que este sea visible en la ventana del navegador haciendo un seguimiento del evento Scroll y la posición del mismo, ScrollReveal te permitirá revelar los elementos ocultos cuando estos sean visibles, este plugin JavaScript no tiene ninguna dependencia con otros frameworks lo que te permitirá integrarlo en tu sitio web sin necesidad de modificar código evitando conflictos entre frameworks, un problema......

Seguir leyendo 50

Swifty App para aprender a programar Apps para iOS y Mac OS X

swifty_ipad_and_iphone

Les comparto Swifty App un gran recurso para quienes tengan sed de aprender, se trata de una App para iOS con explicaciones, ejemplos y ejercicios prácticos para aprender a programar Apps para iOS & Mac OS X, es una aplicación ‘gratuita’ bueno al menos el primer tema con sus ejercicios, para poder leer y practicar todos los temas tendrás que comprar la extensión de la App por menos de $3 dólares, pero valen la pena, Swifty App te ofrece lecturas cortas y comprensivas acompañadas de diversos ejercicios prácticos que podrás realizar......

Seguir leyendo 6

Descarga el código fuente de The Pirate Bay y crea tu sitio de Torrents

codigo the pirate bay

Hace unas semanas muchos nos vimos frustrados al intentar entrar al famoso sitio de Torrents The Pirate Bay después de que la policía Sueca decomisara algunos de los servidores que mantenían el legendario sitio de Torrents en linea, después de este suceso muchas cosas pasaron, uno de los fundadores del servicio Peter Sunde comento que lo mejor sería que el sitio no volviera a estar en linea nunca, pero mas tardo en decirlo que en que muchas personas publicaran mirror’s del sitio, aunque muchos de ellos fraudulentos. Pero bueno hubo un grupo......

Seguir leyendo 102

Vangrant herramienta para crear maquinas virtuales especiales para programadores

vangrant

Tenia ya varios días queriendo compartir Vangrant con ustedes, Vangrant es una aplicación el cual te permite crear entornos de desarrollo a la medida especiales para equipo de programadores que necesitan trabajar en proyectos compartiendo entornos de desarrollo con las mismas características, Vangrant es una herramienta para crear maquinas virtuales especiales para programadores y que soluciona aquel problema extremadamente común en los programadores, el clásico “pero en mi maquina si funciona” ya que esta aplicación te permitirá a ti y a tu equipo crear maquinas virtuales idénticas para cada miembro, compartiendo......

Seguir leyendo 46

PhotoSwipe script para galerías de imágenes con soporte de gestos Touch

photoswipe

PhotoSwipe es uno de los mejores scripts JavaScript disponibles en Internet para crear galerías de imágenes para paginas web, es un script completamente gratuito que no tiene dependencias con otros scripts o frameworks, es decir no tendrás necesidad de utilizar jQuery, Mootools ni ningún otro framework, PhotoSwipe ofrece un completo soporte de gestos Touch y MultiTouch que convierte a esta galería de imágenes en un excelente recurso para diseñadores web que ofrezcan diseños de paginas web responsivas con soporte para móviles y tabletas. PhotoSwipe, a su vez utiliza elementos de......

Seguir leyendo 38

Underscores, generador de plantillas base responsivas para WordPress

underscores

Underscores o _S es una plantilla base para WordPress la cual podemos utilizar para implementar a partir de ella nuestros diseños web y tomarla como base para crear los diseños de nuestra pagina web utilizando WordPress como motor principal, en el sitio web que enlazo al final de estas lineas podrán encontrar un generador de plantillas base responsivas para WordPress gratuito el cual genera plantillas basado en la plantilla Underscores, la cual es Open Source. El sitio te genera un archivo Zip con la plantilla underscore con soporte responsivo el cual puedes......

Seguir leyendo 46

Tutorial para crear mockups 3D interactivos con CSS3 y jQuery

3d-animated-mockup-featured-new

Si eres diseñadores sabras lo importante que puede llegar a ser aplicar un poco de animación en una pagina web, y si tus usuarios tiene interacción con eventos de tu sitio para provocar animación mejor, pero y si combinas todo eso y creas formas interactivas para hacer demostraciones que permitan a tus visitantes y interactuar y que tengan un entorno visual agradable, bueno esto seria increíble. Eso es lo que podrás lograr si sigues el siguiente tutorial que estoy compartiendo con ustedes, y que si bien esta en Ingles bien......

Seguir leyendo 16

MixitUp, Plugin jQuery para filtrar y reordenar grids dinámicamente

mixitup

Me encontré un plugin jQuery genial que quiero compartir con ustedes se llama MixitUp y creo que lo aplicare en algún momento al blog, MixitUp es un plugin jQuery que te permite agregar dinamismo al grid de tu pagina web, el plugin te permite filtrar y reordenar bloques en un grid de forma dinámica y con animación agregando un toque visual y bastante interesante a la tu diseño, de tal manera que puedes ofrecer una opción interesante de filtrado de datos con un poco de interacción y animación que harían......

Seguir leyendo 51

Script para agregar animaciones a imágenes SVG en tu pagina web

vivus

La semana pasada les hable de un sitio donde podían encontrar un plugin para animar iconos para web, aquellos iconos estaban construidos utilizando imágenes SVG y al menos en aquel sitio los podían integrar de manera sencilla en una pagina web utilizando jQuery, en este nuevo recurso para diseñadores les vengo a compartir Vivus, un script JavaScript para agregar animaciones a imágenes SVG aprovechando la propiedad strokeDashoffset que ofrece CSS3 la cual utiliza el script para crear una animación de dibujo de lineas de las imágenes SVG que estes utilizando en tu......

Seguir leyendo 70

Plugin jQuery para cambiar diseño de elementos de formularios web

Labelauty

Labelauty es un pequeño pero muy útil plugin jQuery para cambiar el diseño de elementos de formularios web, en particular de los elementos Checkbox y los Radio Buttons, que podrán ser muy útiles pero son los elementos más inflexibles para crear diseños de paginas web con formularios que se adapten al diseño, el plugin prácticamente convierte los elementos checkbox y radio buttons en botones seleccionables a los cuales les puedes aplicar diseños mas agradables y que se puedan adaptar a la identidad del sitio sin perder la funcionalidad que estos elementos......

Seguir leyendo 52

Brackets 1.0 un gran editor para diseñadores web con increíbles mejoras

nueva version brackets

Hace unos meses les recomendé un nuevo editor para diseñadores web Open Source creado por Adobe y de nombre Brackets, en aquel entonces este fantástico editor para crear paginas web estaba en versión beta 0.4 y incluso en aquel momento Brackets se plantaba como una excelente alternativa entre los IDE de programación para diseño web, bueno pues el día de ayer Adobe lanzo Brackets 1.0 la primera versión estable de este editor de código para diseño web, la nueva versión de Brackets incluye una serie de características fantásticas que te harán......

Seguir leyendo 65

Plugin jQuery para animar iconos para diseños web

livIcons

Hace unos días revisando la documentación de Google Materials vi los efectos de transformación que utilizan en los iconos de sus aplicaciones, efectos bastante interesantes que aprovechan una combinación entre CSS3 y SVG, pero requieren de mucho código CSS, algo que no todos están dispuestos a incluir en sus archivos, buscando un poco me tope con una excelente alternativa, se trata de un plugin jQuery para animar iconos para diseños web. El plugin en cuestión se llama LivIcons que esta combinación entre jQuery, Animaciones CSS y WebFonts, bastante interesante, no......

Seguir leyendo 36

Efecto de transición elástico con JavaScript

efecto elastico transiciones

Muchas veces en artículos anteriores sobre diseño web he mencionado la importancia de la interactividad y el encanto visual que deberían tener las paginas web para gustar a los usuarios, no se trata solo de la combinación de colores, el movimiento cuenta mucho, pero eso no significa hacer que todo se mueva como antes sucedía con Flash, se trata de volver a los principios del diseño y ha aquella frase que dice “los detalles hacen al diseño”. Eso es algo que podemos lograr con este efecto llamado Wobbly por su......

Seguir leyendo 79

Repositorio con los mejores plugins jQuery para diseño web

repositorio plugins jquery

Les invito a navegar por este interesante repositorio de plugins jQuery que me he encontrado en el pude conocer algunos plugins jQuery para diseño web que ni siquiera conocía, todo esta muy bien organizado por categorías según la función principal que estos plugins realicen por ejemplo yo conocí este sitio buscando plugins que me puedan ayudar en el diseño de interfaces web, y he encontrado cosas sencillas pero muy buenas, lo mejor de todo que todos los plugins que encontraras en este repositorio son gratuitos. Estoy seguro que este sitio......

Seguir leyendo 107

Framework HTML5 para crear apps para móviles

onsen ui framework html5

Onsen UI es un interesante y poderoso Framework HTML5 para crear apps para móviles, es un framework basado en una gran colección componentes y elementos UI para facilitar y agilizar la creación de aplicaciones para móviles, Onsen UI es un framework que se integra perfectamente con Phone Gap y Cordova apps, dos frameworks especializados en la creación de aplicaciones móviles utilizando HTML5, CSS y JavaScript. Todos los elementos de Onsen UI tienen propiedades responsivas que se adaptan perfectamente a diferentes resoluciones sea en aplicaciones para tabletas o para teléfonos móviles, el framework......

Seguir leyendo 71

Plugins para crear paginas multilenguaje con WordPress

wordpress multilenguaje shutterstock

Como diseñadores web muchas veces nos piden características especiales que si consideramos tiempo de desarrollo, diseño y programación los costos suelen elevarse mucho y si de por si los cliente quieren el trabajo casi gratis si les comentamos que una nueva característica elevaría los costos, estos pegan el grito al cielo, pero existen alternativas en Internet que nos pueden reducir tiempos de trabajo y permiten ofrecen servicios no a la medida pero que cumplen en esencia lo que muchas veces piden los clientes con costos no tan elevados. Esto sucede......

Seguir leyendo 154

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......

Seguir leyendo 98

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,......

Seguir leyendo 74

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

#Ranascreativas // Últimas imágenes enviadas