Archivo de la categoría: Programación
Introducción al desarrollo web HTML5 con Google Drive
Os dejo el siguiente enlace a un curso compuesto en 5 sesiones en las cuales nos explican como crear una aplicación HTML5 en Google Drive, y como integrar distintas aplicaciones de Google en este sitio.
http://programa-con-google.blogspot.com.es/2014/02/google-developers-hackademy_26.html
Fotorama: Galeria de imágenes con jQuery
He encontrado esta galeria fotografica basada en jQuery muy buena, muy personalizable y fácil de configurar
Javascript basico para impacientes
Siguiendo con la linea de los tutoriales, he encontrado este para los que quieran aprender Javascript de una manera rápida y sencilla.
Tutoriales de PHP
He encontrado esta pagina en internet en la cual hay una gran cantidad de tutoriales para PHP, tanto para los que se quieran iniciar como para casos particulares. Muy buen recopilatorio, lo único que están en inglés.
http://speckyboy.com/2013/05/14/php-tutorials-for-beginners/
Editor de .htaccess
Cada vez que tenemos que tocar una directiva o tenemos que modificar alguna propiedad en nuestras aplicaciones nos ponemos a modificar nuestro .htacces para hacer que el comportamiento que estamos buscando se haga de una manera correcta, y lo que suele ocurrir, a no ser que nos dediquemos a ello todos los días, no nos acordemos de las directivas para hacerlo, un muy buen ayudante es esta web en la cual podemos decirle que es lo que necesitamos y el nos genera lo que tenemos que poner en nuestro .htaccess.
Personalizando Sublime Text 3
Siguiendo lo que me indicaban unas cuantas paginas web he creado un gist con la configuración que tengo ahora mismo en mi Sublime Text 3.
Decir que primero de todo tenemos que instalar el Package Control, el cual lo hacemos siguiendo esta guía, (no es igual el del 3 que el del 2)
https://sublime.wbond.net/installation
Como fuente estoy usando Inconsolata, la cual puede ser descargada desde aquí http://levien.com/type/myfonts/inconsolata.html
Como tema y esquema de colores ahora mismo tengo el SpaceGray, pero el Soda también esta muy bien.
Os dejo aqui mi configuración

Mas información:
Configurar Apache para que funcione con nuestro Dropbox
Dropbox se ha convertido en la solución principal que usamos la mayoría de nosotros para almacenamiento en la nube, no voy a entrar si es mejor o peor que otros (Box, Wuala, Ubuntu One, Google Drive), sino que es el que mejor compatibilidad tiene entre múltiples sistemas y es el que muchas aplicaciones implementan como servicio.
Tengo una cuenta de Dropbox desde hace tiempo, y la verdad no la usaba mucho, últimamente me decantaba mas por usar Box, pero en las ultimas semanas, he ido de un lado a otro y he tenido que buscarme una solución para poder trabajar en múltiples ordenadores, continuando mi trabajo donde lo había dejado y sincronizado. Aunque generalmente uso para sincronizar el trabajo Git, me he visto en la situación que no he podido realizar unos commits operativos, por lo tanto he tenido que recurrir a esta opción para tenerlo todo sincronizado.
El escenario
Las maquinas que he usado son o bien Linux, o Mac, en el caso de los Windows… lo siento no suelo usarlo para desarrollar.
Vamos a suponer que todos tenemos Dropbox, si no os podéis hacer una cuenta de las gratuitas, en la cuenta de Dropbox, he creado una cuenta llamada Devel.
Instalamos Dropbox, si no lo tenemos instalado en nuestro ordenador, y en mi caso como no me interesa sincronizar nada mas que la carpeta Devel, suelo hacer una sincronización selectiva y decir que solo me sincronice esta carpeta.
Una vez instalado, tanto en Linux la carpeta de Dropbox se nos instala en «/home/nuestroUsuario/Dropbox», en Mac se instala en «/Users/nuestroUsuario/Dropbox».
Ahora, si estamos en nuestro equipo principal de desarrollo copiamos y pegamos las carpetas principales de nuestros proyectos dentro de la carpeta «Devel», así se nos subirá todo a nuestra carpeta de Dropbox.
Configurando Apache
En linux
Los proyectos que hemos subido, por lo menos en mi caso, son proyectos PHP, alguno de los cuales necesito probarlos en Apache, para hacer que nuestros proyectos en Dropbox funcionen en Apache los mas recomendable es instalar el modulo Userdir. Para hacerlo abrimos una consola y ejecutamos el siguiente comando para activar el modulo
sudo a2enmod userdir
Una vez habilitado el modulo este nos dira que reiniciemos apache, no lo hacemos aun, ya que tenemos que configurar este modulo, ya que por defecto este nos habilita probar los proyectos o web que estén situados en la carpeta public_html ubicada en nuestro home.
En la terminal editamos el fichero de configuración userdir.conf
vim /etc/apache2/mods-available/userdir.conf
El archivo original es asi
<IfModule mod_userdir.c>
UserDir public_html
UserDir disabled root
<Directory /home/*/public_html>
AllowOverride FileInfo AuthConfig Limit Indexes
Options MultiViews Indexes SymLinksIfOwnerMatch
IncludesNoExec
<Limit GET POST OPTIONS>
Require all granted
</Limit>
<LimitExcept GET POST OPTIONS>
Require all denied
</LimitExcept>
</Directory>
</IfModule>
Lo modificamos y lo dejamos así
<IfModule mod_userdir.c>
UserDir Dropbox/devel
UserDir disabled root
<Directory /home/*/Dropbox/devel>
AllowOverride All
Options MultiViews Indexes SymLinksIfOwnerMatch
IncludesNoExec
<Limit GET POST OPTIONS>
Require all granted
</Limit>
<LimitExcept GET POST OPTIONS>
Require all denied
</LimitExcept>
</Directory>
</IfModule>
Con esto habilitamos el directorio de Dropbox/devel como directorio personal de desarrollo.
Antes de reiniciar el servidor es necesario cambiar los premisos de la carpeta Dropbox. Os recomiendo agregar vuestro usuario al grupo www-data y a continuación cambiar los permisos de esta manera, y una vez cambiados ya podemos reiniciar el servidor Apache.
sudo chmod -R g+rx Dropbox
5 errores evitables en el diseño web
He encontrado esta pagina web en la que mas que errores a la hora de la implementación de una pagina web es mas a la hora de implementar o modificar una pagina web, y seguro que mas de uno sabe casos relacionados con esto, por ejemplo a todos nos suena la frase «Esta web, seguro que la ha hecho el primo o el sobrino de alguien» con todos mis respetos a los primos-sobrinos.
Bootstrap Datepicker
Bootstrap se esta convirtiendo desde hace tiempo en casi un estandar a la hora de realizar paginas web. Algo que siempre nos lleva de cabeza, es el campo Date a la hora de introducir fechas, sobre todo para los que desarrollamos en castellano, ya que si bien algunos navegadores lo soportan, a la hora de mostrar la fecha esta aparece en un formato distinto al que usamos nosotros. He dedicado unas cuantas entradas a la personalización del Jquery datepicker en castellano pero creo que con este Datepicker para Bootstrap voy a tener que modificar unos cuantos de los que tengo desarrollados.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters