Comenzamos el año 2018 y es hora de hacer balance. Ha sido un buen año para programacion.net, ya que por fin hemos alcanzado los 20.000 seguidores en Facebook y en Twitter tampoco nos va nada mal. Pero aún así, necesitamos todo vuestro apoyo para seguir creciendo. Recordad que podéis publicar todo el contenido que os interese promocionar en este portal, empezando por eventos relacionados con la programación, es decir, cursos, hackatones, charlas, coloquios... También, si os interesa compartir con la comunidad algún artículo o noticia sobre computación, sea cual sea el lenguaje, también podéis publicarlo a través de la intranet. Y por último, si os habéis currado un script o snippet cuyo destino es coger polvo en vuestro editor de código favorito, desde el staff de programacion.net te animamos a que lo compartas con toda la comunidad de programacion.net. Entre todos, lograremos crear una base de datos común donde documentarnos.
No queremos enrollarnos con cifras, ni con las nuevas mejoras de la web, ni con nada parecido, solo os queremos decir que gracias a todos vosotros por seguirnos día a día y compartir nuestros contenidos en redes sociales y por seguir colaborando en el foro. Juntos hemos conseguido que el pasado año 2017, quede grabado en la retina de todos los que hacemos este portal, el portal de programación en castellano más longevo de Internet: programacion.net.
Como os decía, el 2017 ha sido importante para programación.net, por eso hemos pensado que sería ideal compilar los artículos más populares del año que nos deja...
Formulario modal en Bootstrap con Ajax y PHP
Si tu aplicación web utiliza el framework Bootstap, integrar un modal popup es bastante sencillo. Bootstrap te ayuda a agregar un popup a un enlace o a un botón sin tener que utilizar código Javascript adicional. De hecho, mediante Bootstrap, puedes construir un formulario HTML con un diseño profesional en nada de tiempo. [Continuar leyendo...]
Bootstrap Datetimepicker, o cómo añadir un calendario a un campo input
Si tu sitio web utiliza el framework Bootstrap, añadir un calendario al campo input de un formulario es muy sencillo. El plugin bootstrap-datetimepicker te proporciona una forma sencilla de añadir un datetime picker en el elemento de un formulario de Bootstrap. Utilizando este datetimepicker, el usuario podrá seleccionar un día, mes, año, hora y minuto con un solo clic. [Continuar leyendo...]
Cómo crear un carrusel de imágenes con Bootstrap
Existen muchísimos plugins para crear slides en jQuery totalmente gratuitos para rotar elementos como si fuera un bucle. Pero si la aplicación web utiliza el framework Bootstrap, no necesitaremos un plugin jQuery adicional para crear un slide de elementos como un carrusel. Bootstrap JS Carousel (carousel.js) te proporciona una forma sencilla de implementar un carrusel en una página web. [Continuar leyendo...]
Mostrar la típica imagen de carga cuando cargue la página utilizando jQuery y CSS
El tiempo de carga de una página depende de los elementos de dicha página. Es decir, si cuenta con muchos archivos como imágenes, Javascript o CSS, la velocidad de la página puede verse afectada para peor. Este problema afecta a casi todas las páginas, incluso a aquellas que están muy diseñadas. Por fortuna, hay muchas manera de optimizar una página web para que cargue más rápido. Pero hasta que soluciones el problema de carga de tu web, puedes mostrar una imagen de carga antes de que carguen todos los elementos de tu web para informar al cliente de que debe esperar un poco hasta que la web este lista. Así mejoraremos muy mucho la experiencia del usuario. [Continuar leyendo...]
Cómo cargar contenido dinámico en un modal de Bootstrap
Crear un modal popup con Bootstrap es la mar de sencillo. Si tu aplicación web utiliza Bootstrap, siempre es buena idea utilizar la librería para poblar de contenido la ventana modal sin tener que recurrir a plugins de jQuery de terceros. No estamos hablando exclusivamente de contenido estático, sino también de contenido dinámico, es decir, contenido de una base de datos o contenido cargado desde una URL externa. [Continuar leyendo...]
Cómo crear un menú centrado en Bootstrap Navbar
Puedes crear un menú de navegación superior de forma sencilla con Bootstrap. Por regla general, el menú suele estar alineado o bien a la derecha, o bien a la izquierda de la barra de navegación. Booststrap te proporciona una manera sencilla de controlar la alineación del menú. Para alinear el texto o los enlaces del menú en Bootstrap Navbar, tendrás que utilizar navbar-nav, navbar-left o navbar-right. [Continuar leyendo...]
Google Maps con múltiples marcadores y ventana de información mediante la API V3
Google Maps es la mejor manera y la más sencilla de mostrar una ubicación en una página web. Utilizamos los marcadores para identificar una localización en Google Maps, y la ventana de información para mostrar contenido encima del propio mapa. Con un marcador y una ventana de información, podrás marcar una ubicación de manera eficiente. También, ayuda al usuario a encontrar y conocer más acerca de una localización con más precisión. [Continuar leyendo...]
Añadir y eliminar campos inputs dinámicamente mediante jQuery
Hay veces que necesitamos añadir campos dinámicamente en un formulario. Para dichos propósitos hemos creado un script con el puedes añadir múltiple campos y eliminarlos de manera sencilla. Este script también es muy útil para añadir múltiples valores en PHP. En este tutorial hablaremos sobre generar campos inputs automáticamente en un formulario, para luego poder enviarlos a través de un submit a un archivo PHP e introducirlos en la base de datos. Utilizamos jQuery para no complicarnos la vida, es decir, para que la implementación sea corta y potente. [Continuar leyendo...]
Cómo añadir un efecto de zoom a una imagen al pasar por encima con el cursor
Existen muchos plugins para insertar efectos especiales a las imágenes cuando se les pasa el cursor por encima. Todos esos plugins añaden un montón de código a la página, que terminan afectando a la velocidad de la web en sí. Si quieres utilizar muy poco código para así optimizar la carga de tu web, nuestro script para generar un efecto de zoom es perfecto para ti. [Continuar leyendo...]
Cómo crear una galería de imágenes dinámica con jQuery, PHP y MySQL
Una galería de imágenes es una característica muy común en las aplicaciones web. Una galería de imágenes o una galería de fotos es un buen método a la hora de mostrar un conjunto de imágenes. Permite al usuario acceder a todas las imágenes de la web sin tener que recurrir a múltiples páginas. Si quieres implementar una galería de imágenes en tu sitio web, este código puede ayudarte a hacerlo de forma sencilla y en poco tiempo. [Continuar leyendo...]
¡Feliz año 2018!