Web programming & design

Espacio en el que se compartirán algunos tips de programación web y diseño (css, java script y html)

[web-programmingdesign]

It doesn’t matter how many times I have to click, as long as each click is a mindless, unambiguous choice.

KRUG’S SECOND LAW OF USABILITY

[web-programmingdesign]

Preventing display of orphans in text using JavaScript

“...I then figured that if we could automatically replace a regular space with a   between the two words at the end of a paragraph, this would mean they would get treated as a single word and so would break onto a new line together.Hooray! 

With a few lines of jQuery code, we can prevent widows and orphans as shown below:”

$('p').each(function(){ var string = $(this).html(); string = string.replace(/ ([^ ]*)$/,' $1'); $(this).html(string); });

Source: link

[web-programmingdesign]

restart nautilus

pkill nautilus && nohup nautilus 2> /dev/null &

[web-programmingdesign]

Encriptación que deja de fallar de la nada :/ solo por no manejar los resultados como buffers y hasta el final hacer la codificación binary o base64 o hex

[web-programmingdesign]

How to Generate an Instagram Access Token | 2 Minute Tutorial

http://instagram.com/developer/

[web-programmingdesign]

Install certbot debian 8

Add a new file named "backports.list" to /etc/apt/sources.list.d/ directory:

sudo bash -c 'echo "deb http://ftp.debian.org/debian jessie-backports main" > \  /etc/apt/sources.list.d/backports.list'

Update

sudo apt-get update

All backports are deactivated by default, therefore, to install Certbot package from backports, run:

sudo apt-get install certbot -t jessie-backports

source

[web-programmingdesign]

Setup A GoDaddy SSL Certificate on Heroku // Josh Wright

[cssbuttons]

Corner Share Button

HTML (Jade) + CSS (SCSS) Folded corner effect for share buttons. Pure (S)CSS - no JS or extra presentation markup.SVG icons from https://materialdesignicons.com/ http://codepen.io/nw/pen/zvXYBb

[web-programmingdesign]

Heroku en Godaddy

1. Agregar los dominios a la app, ya sea desde la consola o desde heroku.com

Consola: 

heroku domains:add www.myapp.com

heroku domains:add myapp.com7

Desde la página: en la sección: Settings > Domains > add domain

2. En Godaddy > DNS zone, 

en el cname www agregar el url de heroku que comúnmente es myapp.herokuapp.com

3. En Godaddy > Settings > forwarding/reenvío >Dominio > Administrar/Manage

Agregar una re-dirección permanente a www.myapp.com quedando algo como:

Reenviar a: www.myapp.com

Tipo: 301 (permanente)

Configuración: Solo reenviar  

Fuente: http://lifesforlearning.com/heroku-with-godaddy/

[web-programmingdesign]

Target an iPad, iPad Mini, iPhone, and other devices specifically with easy to use CSS media queries.

Dejaré esto por acá para no olvidar los tamaños de los dispositivos

[inspiremyweb]

A Beginner's Guide to npm — the Node Package Manager

[web-programmingdesign]

npm is a command-line tool for interacting with a huge repository of Node.js projects. Peter Dierx shows how you can start using it in your projects today.

[web-programmingdesign]

"Scope options" angular directives

"=" :  Bind to the attribute

"&" : Ideal for binding callback functions.

"@" : The variable will be cloned into the directive.

[web-programmingdesign]

Crear un repositorio en git

Del lado del servidor

Primero crear la carpeta en la que vamos a meter el repositorios, en nuestro caso mantenemos algo como:

mkdir tuproyecto.git 

Inicializar el repositorio:

git init --bare

Luego hay que modificar (o crear en caso de que no exista) el archivo "post-receive". ( esto va dentro de tuproyecto.git/hooks/ )

GIT_WORK_TREE = /home/tuusuario/www/tucarpetaparaelproyecto

Como vamos a usar node habría que agregarle:

cd /home/tuusuario/www/tucarpetaparaelproyecto npm install bower install forever restart /home/tuusuario/www/tucarpetaparaelproyecto/app.js

Del lado del cliente

Una vez que se ha linkeado el repositorio a una carpeta hay que hacer:

git init git remote add origin tu-dirección-ssh git add . git commit -m "tú mensaje" git push -u master

Ahora sólo habría que ver que el forever esté funcionando correctamente

[inspiremyweb]

Best SVG Tutorials & Techniques » CSS Author

[web-programmingdesign]

The best collection of SVG Tutorials & Techniques for beginners, these tutorials are aim to explore the basic to advanced techniques of SVG Graphics.

[inspiremyweb]

[web-programmingdesign]

If you’ve read any of the “What’s new in iOS 8 guides”, you may have noticed a change to how scroll events work. Although many may consider this a minor change, any developer that has tried to implement scrolling logic on the mobile web knows that this is actually fairly important. In this article I’ll …

Interesante actualización

[web-programmingdesign]

[web-programmingdesign]

Habilitar acceso remoto a servidor mysql

Si necesitamos acceder a un servidor mysql remoto para hacer pruebas o para un webservice necesitamos configurar el servidor ya que por cuestiones de seguridad se rechazan todas las peticiones.

1. En debian para esto sólo necestiamos modificar el archivo my.cnf que se encuentra comunmente en:

/etc/mysql/my.cnf

2. De ahí localizamos la siguiente linea linea que hace el servidor ignore todas las conexiones externas y la comentamos con el "#" :

# skip-external-locking

3. Luego revisar que la siguiente linea tenga la ip del servidor ya que normalmente tiene 127.0.0.1, quedaría por ejemplo: 

bind-address 65.55.55.1

4. Por último reiniciar el servicio mysql.