Imagen

Lightbox

The original lightbox script. Eight years later — still going strong!

Ciertamente, desde hace tiempo estos script nos permiten realizar cosas muy entretenidas cuando necesitamos hacer el tipico carousel de imagenes...

Como usarlo

Esta disponible en bower asi que lo podemos bajar usando:

 bower install lightbox2 --save

Luego:

Debemos incluir el css

<link href="path/to/lightbox.css" rel="stylesheet">

Y el script para que funcione:

<script src="path/to/lightbox.js"></script>

Tomando en cuenta lo siguiente:

  • Si ya usamos jQuery debemos estar seguros de colocarlo antes de lightbox.js
  • Si no usamos jQuery debemos usar el archivo lightbox-plus-jquery.js que esta listo para funcionar sin jQuery ?

Ahora con las imagenes:

Debemos usar el atributo data-lightbox en las imagenes que deseamos que el Lightbox funcione.

<a href="images/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>

De forma opciona podemos agregar data-title para que salga un caption en la imagen.

Para saber mas, clic aqui.

Leer más

Dummy Content

Cuando estamos trabajando como desarrollador web e iniciamos un proyecto siempre escuchamos: "Te paso el contenido más tarde" "El diseñador aun no ha terminado las imagenes" entre muchas otras cosas... Gracias a $deidad existen servicios que nos pueden ayudar en estos casos...

Este post viene por el siguiente "tuit":

¿Pero teniendo Batman Ipsum, Bacon Ipsum o Heisenberg Ipsum hay gente que sigue usando el Lorem Ipsum? ? http://t.co/lAZsxZ7kuB #EXF

— Ariana Escobar (@arianaescobar) Mayo 7, 2015

### Meet the Ipsums Es una web que recopila varias herramientas para generar contenido de prueba para nuestros proyectos y gracias a este tipo de servicios web podemos seguir adelante con nuestro proyecto sin necesidad de tener la informacion del cliente... ### Necesitamos imagenes? Como no todo es texto tambien hay servicios que proveen imagenes de prueba: - dummyimage.com - lorempixel.com - dummy-image-generator.com - placehold.it Y un gran ETC... PD: Podemos usar estas herramientas para cualquier tipo de proyectos

Leer más

tri color

bancos-json

Código y Bancos correspondientes de Venezuela

Creemos que las bases de datos No-SQL son geniales, por ello queremos ofrecele a los desarrolladores Venezolanos un recurso útil para sus proyectos. Básicamente, BANCOS-JSON es un documento en formato JSON que agrupa gran parte de los bancos dentro del territorio nacional.

Inspirado en el excelente trabajo de:

  • xombra Por crear este gist sobre: "Código y Bancos correspondientes de Venezuela"
  • marydn en venezuela-sql
  • zokeber en venezuela-json

Y motivado por la ausencia de proyectos de éste tipo, BANCOS-JSON apunta a ser la mejor elección para todo aquél que requiera la organización bancaria de Venezolana en .json.

Uso

El documento bancos.json es ideal para ser importado a una base de datos No-SQL. Aunque sabemos que existen muchas soluciones de este tipo, sólo te dejaremos las instrucciones necesarias para importarlo a una de las más conocidas.

MongoDB

Para importar bancos.json a MongoDB sólo debes escribir en tu consola:

``` mongoimport --jsonArray --db tu_base_de_datos --collection tu_coleccion --type json --file "/ruta/a/bancos.json" ```
Referencias ----------- - [JSON](https://es.wikipedia.org/wiki/JSON) - [MongoDB](http://www.mongodb.com/mongodb-overview) - [Venezuela-SQL](https://github.com/marydn/venezuela-sql) - [Venezuela-JSON](https://github.com/zokeber/venezuela-json) - [Código y Bancos correspondientes de Venezuela](https://gist.github.com/xombra/11335801) Licencia -------- Licencia [CC BY 4.0](http://creativecommons.org/licenses/by/4.0/deed.es_ES)

Leer más

OpenWeatherMap service provides open weather data for more than 200,000 cities and any geo location that is available on our web-site and through API. Ideology of our service is inspired by OpenStreetMap and Wikipedia that make information free and available for everybody. OpenWeatherMap provides wide range of weather data including current weather, forecast, precipitations, wind, clouds, data from weather stations, lots of maps, analytics and many others. We have own model of weather calculation that involves global meteorological broadcast data, own WRF calculation for regions and real-time data from more than 40,000 weather stations.

http://openweathermap.org/

Entonces, que necesitamos para obtener info sobre el clima en la ciudad?

  • URL del API de OWM
  • Saber un poquito de PHP

Juguemos ᕕ( ᐛ )ᕗ

URL del API:

http://api.openweathermap.org/data/2.5/weather?q=valencia,ve&units=metric

( Pueden cambiar lo de valencia,ve con el nombre de su ciudad y el pais )

Vamos a obtener algo como esto:

``` { "coord": { "lon": -68.01, "lat": 10.16 }, "sys": { "type": 1, "id": 4292, "message": 0.5854, "country": "VE", "sunrise": 1434017427, "sunset": 1434063184 }, "weather": [ { "id": 802, "main": "Clouds", "description": "scattered clouds", "icon": "03n" } ], "base": "stations", "main": { "temp": 28.56, "pressure": 1014, "humidity": 58, "temp_min": 28, "temp_max": 29 }, "visibility": 10000, "wind": { "speed": 1.5, "deg": 230 }, "clouds": { "all": 40 }, "dt": 1433980800, "id": 3625549, "name": "Valencia", "cod": 200 } ```
En un archivo PHP colocamos lo siguiente:
``` $url = file_get_contents("http://api.openweathermap.org/data/2.5/weather?q=valencia,ve&units=metric"); $json = json_decode($url); $ciudad = $json->name; $latitud = $json->coord->lat; $longitud = $json->coord->lon; $temperatura = $json->main->temp; $temperaturamax = $json->main->temp_max; $temperaturamin = $json->main->temp_min; $presion = $json->main->pressure; $humedad = $json->main->humidity; $viento = $json->main->speed; ```
Ya solo nos queda imprimir las variables y listo :) Es muy sencillo, no hay gran cosa en esto quizas, lo que se puede hacer para mejorar esto es: - Guardar los datos que se necesiten en una tabla en una db para no tener que consultar a cada rato la API ya que es muy lenta la consulta.

Leer más