Aprende Laravel y desarrollo web fácil

Laracasts es uno de los mejores MOOC’s de desarrollo web, principalmente enfocados a Laravel Framework, pero además también abordan otro tipo de temas igual o muy importantes para cualquier desarrollador web, como Patrones de diseño, TDD, BDD, SOLID , además de cursos sobre otro tipo de tecnologías además de LAMP, como nodejs, angular, vue y react, entre otras.

Los contenidos están ordenados por Lecciones o Series en donde abordan todo el proceso de desarrollo de una aplicación.

Jeffrey Way  administrador del sitio e instructor de los video tutoriales, te llevará de la manera más práctica a comprender temas o tecnologías de una forma clara y fácil de entender.

Todos los cursos son en inglés por lo que será necesario que al menos tengas un buen entendimiento del lenguaje escuchado.

https://laracasts.com

laracasts

 

Como navegar sin publicidad en Youtube

Pues simple como eso, una lista de plugins indispensables para navegar en youtube sin tener que verte la publicidad en Youtube. Porque uno quiere ver videos, no publicidad.

Al día de hoy Youtube utiliza 3 tipos de publicidad para fumarte aunque no quieras, entiendo que es una forma de la compañía por monetizar su proyecto, pero también comprendo que yo decido que ver cuando el contenido está de mi lado, en mi navegador, procesado por mi computadora de escritorio, de mano o portátil.

Así que yendo al grano.

Utilizaremos una extensión al navegador que permiten ejecutar javascript cuando las páginas se cargan, Javascript, es el interprete de comandos de lado del cliente (tu navegador) que junto con HTML y CSS hacen funcionar las páginas web.

Como paso primero instala la extensión según sea tu caso o casos.

Para mejores resultados te sugiero reiniciar el navegador después de instalar la extensión.

Una vez hecho esto, pasamos a quitar toda esa molesta publicidad instalando estos scripts.

Prueba y eso es todo.

 

Si esta en la web, se puede copiar

image

Como colaboradores de la web, desde los desarrolladores, como diseñadores, administradores de contenidos y usuarios de internet en general, se toma casi como un axioma la siguiente afirmación: “La seguridad de lo contenidos en la web, es inversamente proporcional al nivel de difusión que quieras tener de tus contenidos”. En otras palabras, si quieres que tus contenidos, texto, imagenes, documentos, videos, audios, puedan ser vistos por todo el mundo, no es posible que puedan ser protegidos para que no puedan descargarse.
Www o web esta disenado (Segun su creador Tim Bernes-Lee) bajo la premisa de ser  abierto, neutral, accesible , adaptable, para todo el mundo, modificable desde el cliente, llamese navegador web (chrome, mozilla, opera, safari, iexplore)  es por eso que casi todos los navegadores incluyen como parte de si mismos, herramientas de edicion de codigo, inspectores de elementos como chrome y firefox y el acceso al codigo html, css y javascript que puede modificar en tiempo real el aspecto y funcionamiento de un sitio web, ENFATIZO, “del lado del cliente” lo que nos convierte en defacers potenciales e inofensivos de sitios web y digo inofensivos por que una vez que has recargado la pagina vuelve a su estado original.

Esta cualidad, mas que un tema para apantallar a tus amigos para presumir que eres hacker (client side) tiene una gran utilidad al momento de querer tener acceso al codigo javascript de ese tan hermoso image slider del sitio de apple, de forma que es posible ver como funciona, copiarlo , subirlo a tu sitio web y hacerle unas cuantas modificaciones, a los efectos y velocidad de las transiciones para no verte tan “pirata”  o descargar las ilustracionea de Devian Art que bien podrian verse enmarcadas en la sala de tu casa, aun cuando haciendo click derecho inhabilita la opción de guardar, o lo mas común, descargar un video o la musica de youtube aun cuando manejan los supuestos artilugios del hipotetico DRM.

Bajo esta lógica es que en una siguiente entrega de este artículo, publicaré herramientas y metodos sobre como obtener practicamente cualquier cosa desde la web.

Esto no es un articulo sobre derechos de autor ni hacking, ni moralina ni de controversias, es un tutorial de uso un poco mas profundo de www.

Saludos

PDX WordPress Post2Widget (alpha)

 

PDX WordPress Post2Widget es un plugin para generar loops o singles de Posts, Pages, Attachments y Custom post types en un widget.

Caracteristicas:

  • Soporta Pages, Posts, Attachments, Custom Post Types
  • Seleccion de post de 1 a N
  • Custom CSS Clases
  • Skins
  • Categories, tags, custom taxonomies

 

Descargar aqui la version 0.8 Alpha post2widget wordpress plugin

Wordpress PDX Post 2 Widget

 

 

Mime Types (Multipurpose Internet Mail Extensions)

MIME es acronimo de Multipurpose Internet Mail Extensions, Extensiones Multipropósito para Correo de Internet.

Mime Types

Es un standard que especifica como debe ser tratado el archivo o programa por el cliente cuando es transferido de forma electrónica, aunque inicialmente estaba destinado para clientes de correo, este standar ha servido para aplicaciones múltiples como para servidores / clientes web (navegadores) y servicios de mensajería, por mencionar algunos.

MIME se especifica en la cabecera del cuerpo del documento, comenzando por la clase de tipo (video, audio, imagen, etc..) seguido por una diagonal (/) y el subtipo (mov, mp3, jpg).

A continuación dejo una lista de los MIME Types mas comúnes, pueden ser utilizados en la especificación de un servidor web, Apache o para Determinar el acceso o no por medio de SQUID.

file type MIME type
ai application/postscript
aif audio/x-aiff
aifc audio/x-aiff
aiff audio/x-aiff
anx  application/annodex
asc text/plain
atom application/atom+xml
au audio/basic
avi video/x-msvideo
axa  audio/annodex
axv  video/annodex
bcpio application/x-bcpio
bin application/octet-stream
bmp image/bmp
cdf application/x-netcdf
cgm image/cgm
class application/octet-stream
cpio application/x-cpio
cpt application/mac-compactpro
csh application/x-csh
css text/css
dcr application/x-director
dif video/x-dv
dir application/x-director
djv image/vnd.djvu
djvu image/vnd.djvu
dll application/octet-stream
dmg application/octet-stream
dms application/octet-stream
doc application/msword
dtd application/xml-dtd
dv video/x-dv
dvi application/x-dvi
dxr application/x-director
eps application/postscript
etx text/x-setext
exe application/octet-stream
ez application/andrew-inset
flac  audio/flac
gif image/gif
gram application/srgs
grxml application/srgs+xml
gtar application/x-gtar
hdf application/x-hdf
hqx application/mac-binhex40
htm text/html
html text/html
ice x-conference/x-cooltalk
ico image/x-icon
ics text/calendar
ief image/ief
ifb text/calendar
iges model/iges
igs model/iges
jnlp application/x-java-jnlp-file
jp2 image/jp2
jpe image/jpeg
jpeg image/jpeg
jpg image/jpeg
js application/x-javascript
kar audio/midi
latex application/x-latex
lha application/octet-stream
lzh application/octet-stream
m3u audio/x-mpegurl
m4a audio/mp4a-latm
m4b audio/mp4a-latm
m4p audio/mp4a-latm
m4u video/vnd.mpegurl
m4v video/x-m4v
mac image/x-macpaint
man application/x-troff-man
mathml application/mathml+xml
me application/x-troff-me
mesh model/mesh
mid audio/midi
midi audio/midi
mif application/vnd.mif
mov video/quicktime
movie video/x-sgi-movie
mp2 audio/mpeg
mp3 audio/mpeg
mp4 video/mp4
mpe video/mpeg
mpeg video/mpeg
mpg video/mpeg
mpga audio/mpeg
ms application/x-troff-ms
msh model/mesh
mxu video/vnd.mpegurl
nc application/x-netcdf
oda application/oda
oga  audio/ogg
ogg application/ogg
ogg  audio/ogg
ogv  video/ogg
ogx  application/ogg
pbm image/x-portable-bitmap
pct image/pict
pdb chemical/x-pdb
pdf application/pdf
pgm image/x-portable-graymap
pgn application/x-chess-pgn
pic image/pict
pict image/pict
png image/png
pnm image/x-portable-anymap
pnt image/x-macpaint
pntg image/x-macpaint
ppm image/x-portable-pixmap
ppt application/vnd.ms-powerpoint
ps application/postscript
qt video/quicktime
qti image/x-quicktime
qtif image/x-quicktime
ra audio/x-pn-realaudio
ram audio/x-pn-realaudio
ras image/x-cmu-raster
rdf application/rdf+xml
rgb image/x-rgb
rm application/vnd.rn-realmedia
roff application/x-troff
rtf text/rtf
rtx text/richtext
sgm text/sgml
sgml text/sgml
sh application/x-sh
shar application/x-shar
silo model/mesh
sit application/x-stuffit
skd application/x-koan
skm application/x-koan
skp application/x-koan
skt application/x-koan
smi application/smil
smil application/smil
snd audio/basic
so application/octet-stream
spl application/x-futuresplash
spx  audio/ogg
src application/x-wais-source
sv4cpio application/x-sv4cpio
sv4crc application/x-sv4crc
svg image/svg+xml
swf application/x-shockwave-flash
t application/x-troff
tar application/x-tar
tcl application/x-tcl
tex application/x-tex
texi application/x-texinfo
texinfo application/x-texinfo
tif image/tiff
tiff image/tiff
tr application/x-troff
tsv text/tab-separated-values
txt text/plain
ustar application/x-ustar
vcd application/x-cdlink
vrml model/vrml
vxml application/voicexml+xml
wav audio/x-wav
wbmp image/vnd.wap.wbmp
wbmxl application/vnd.wap.wbxml
wml text/vnd.wap.wml
wmlc application/vnd.wap.wmlc
wmls text/vnd.wap.wmlscript
wmlsc application/vnd.wap.wmlscriptc
wrl model/vrml
xbm image/x-xbitmap
xht application/xhtml+xml
xhtml application/xhtml+xml
xls application/vnd.ms-excel
xml application/xml
xpm image/x-xpixmap
xsl application/xml
xslt application/xslt+xml
xul application/vnd.mozilla.xul+xml
xwd image/x-xwindowdump
xyz chemical/x-xyz
zip application/zip

Optimizar Google Adsense para WordPress


En el asunto de la monetizacion de sitios web, uno de los metodos existentes y mas usado es Google AdSense,  Que diciendolo a grandes rasgos, es una forma de “rentar” espacio de tu sitio web a Google para que pueda publicar anuncios dentro del contexto del sitio.

Existe un pequeño detalle en la forma en la que Google Ad Sense selecciona los anuncios que mostrara en tu sitio web, ya que toma como referencia el el nombre de dominio para enviar anuncios dentro del contexto, el problema se nota cuando en un gran numero de casos (el de este sitio por ejemplo) el nombre del dominio no tiene ninguna relación con el contenido que se publica, lo que provoca que el tipo de anuncios devueltos se refiriera a temas relacionados con la palabra “paradojo” “para dojo”, “dojo”, que arrojaba anuncios sobre escuelas de artes marciales.

Aunque ciertamente los contenidos de este sitio no tienen un solo enfoque, tampoco es tan amplio como para esto.

Por fortuna como en la mayoría de los casos, esto es algo de lo antes se dieron cuenta muchas personas y una de ellas se dio a la tarea de crear un plugin de WordPress para resolver esto.

Advanced AdSense WordPress Plugin

Es un plugin que resuelve este problema, contextualiza de forma correcta los anuncios enviados por AdSense.

Puedes instalar el plugin desde el administrador de wordpress o descargarlo desde aqui para instalarlo de forma manual.

Una vez instalado y activado veamos como funcionara:

Este es un ejemplo del código que te da AdSense cuando creas tu anuncio:

<script type="text/javascript">// <![CDATA[
google_ad_client = "ca-pub-XXXXXXXXXXXXXXXX";
/* en posts */
google_ad_slot = "XXXXXXXXXX";
google_ad_width = 180;
google_ad_height = 150;
// ]]></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">// <![CDATA[
 
// ]]></script>

Lo unico que hay que hacer para aniadir tu anuncio es encerrar con las siguientes estas etiquetas:

  • <!– google_ad_section_start –>
  • <!– google_ad_section_end –>

para que quede de esta forma:

<script type="text/javascript">// <![CDATA[
google_ad_client = "ca-pub-XXXXXXXXXXXXXXXX";
/* en posts */
google_ad_slot = "XXXXXXXXXX";
google_ad_width = 180;
google_ad_height = 150;
// ]]></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">// <![CDATA[
 
// ]]></script>

De esta forma, se garantiza que los anuncios que muestre tu sitio web, tengan relación con el contenido que publicas.

Por cierto, no olvides hacer click en los anuncios 🙂