Archivo de la categoría: Programación

Fundación Linux anuncia que dará gratis por Internet su curso de USD$2.400 «Introducción a Linux”

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

http://fotorama.io

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.

http://www.2ality.com/2013/06/basic-javascript.html

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.

http://www.htaccesseditor.com/es.shtml

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


{
"auto_complete": true,
"auto_complete_commit_on_tab": true,
"auto_complete_with_fields": true,
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/User/base16-ocean.light (SL).tmTheme",
"detect_indentation": true,
"fade_fold_buttons": false,
"folder_exclude_patterns":
[
".svn",
".git",
".hg",
"CVS",
"tmp",
".bundle",
".sass-cache"
],
"font_face": "Inconsolata",
"font_size": 14,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"line_padding_bottom": 1,
"line_padding_top": 1,
"rulers":
[
80
],
"soda_folder_icons": true,
"tab_size": 4,
"theme": "Spacegray Light.sublime-theme",
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"word_wrap": true,
"wrap_width": 120
}

Sublime Text
Tema SpaceGray con esquema base16-ocean.light

Mas información:

https://gist.github.com/davatron5000/7215566

http://webdesign.tutsplus.com/articles/simple-visual-enhancements-for-better-coding-in-sublime-text–webdesign-18052

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.

http://www.artincom.com/5-errores-evitables-en-diseno-web/

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.

https://github.com/eternicode/bootstrap-datepicker