Javier Padrón Notas de Informática

Cambiar Directorio de Xampp por Defecto

El siguiente es un tema de seguridad para aquellos que usamos XAMPP como medio para la instalacion de sistemas en cualquier computadora y no deseamos que los mismos esten accesibles desde la carpeta htdocs.

Esto es una forma de omitir o ocultar de forma sencilla, el sitio donde estan guardados los archivos de nuestros proyectos.

En Windows se encuentra presente en c:/xampp/apache/conf/httpd.conf Si tienen el XAMPP instalado sobre la C.

En Mac podremos encontrarlo en /Applications/XAMPP/xamppfiles/etc/httpd.conf.

Una vez allí es necesario cambiar dos configuraciones.

# DocumentRoot: The directory out of which you will serve your
# documents. By default, all requests are taken from this directory, but
# symbolic links and aliases may be used to point to other locations.
#
DocumentRoot "/Ruta/A/Mi/Nuevo/HTDOCS"
y muy cerca de ello , algunas lines mas abajo

# This should be changed to whatever you set DocumentRoot to.
#
<Directory "/Ruta/A/Mi/Nuevo/HTDOCS">

De esta manera , lograremos colocar nuestro HTDOCS en otra localización.

Cambiar Color de Imagen PNG via CSS

Por curiosidad estuve buscando si existia la forma de con una imagen se podria cambiar sus colores con css, encontre lo siguiente:

Existe la funcion web-filter que te permite modificar la forma en que se muestra una imagen.

body {
    background-color:#03030a;
    min-width: 800px;
    min-height: 400px
}
img {
    width:20%;
    float:left; 
     margin:0;
}
/*Filter styles*/
.saturate {-webkit-filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px);}
.invert {-webkit-filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%);}


<!--- img src http://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg/500px-Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg -->
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="original">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="saturate" class="saturate">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="grayscale" class="grayscale">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="contrast" class="contrast">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="brightness" class="brightness">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="blur" class="blur">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="invert" class="invert">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="sepia" class="sepia">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="huerotate" class="huerotate">
<img alt="Mona Lisa" src="http://i.stack.imgur.com/OyP0g.jpg" title="opacity" class="rss opacity">

Fuente del Ejemplo: http://codepen.io/rss/pen/ftnDd

Conocer cuantas filas fueron afectadas luego de una Query en MYSQL

mysql_affected_rows(): Es una función que devuelve cuantas filas han sido afectadas luego de una consulta en mysql.

Detalles de la misma:

Devuelve el número de filas afectadas en caso de éxito, y -1 si la última consulta falló.

Si la consulta anterior fue DELETE con ninguna cláusula WHERE, todos los registros habrán sido borrados de la tabla, aunque ésta función devolverá cero con una versión anterior a MySQL 4.1.2.

Al utilizar UPDATE, MySQL no actualiza las columnas donde el nuevo valor es el mismo que el anterior. Esto crea la posibilidad de que mysql_affected_rows() no pueda equivaler en realidad al número de filas encontradas, solamente el número de filas que estuvieron literalmente afectadas por la consulta.

La sentencia REPLACE primero borra el registro con la misma clave primaria y luego inserta el nuevo registro. Esta función devuelve el número de registros borrados más el número de registros insertados.

En el caso de consultas "INSERT ... ON DUPLICATE KEY UPDATE", el valor devuelto será 1 si se realizó una inserción, o 2 para una actualización de una fila existente.

<?php
$enlace = mysql_connect('localhost', 'usuario_mysql', 'contraseña_mysql');
if (!$enlace) {
die('No se pudo conectar: ' . mysql_error());
}mysql_select_db('mibd');

/* Esto debería devolver el número correcto de registros borrados */
mysql_query('DELETE FROM mitabla WHERE id < 10');printf("Registros borrados: %d\n", mysql_affected_rows());

/* con una clausula WHERE que nunca es verdad, debería devolver 0 */
mysql_query('DELETE FROM mitabla WHERE 0');printf("Registros borrados: %d\n", mysql_affected_rows());?>

Links de Interes

Tipografias para Sitios Web

Referencias sobre el tema:

La Tipografía en la Web

Las Tipografias dentro de las Paginas Web

Todas las personas que han tenido la oportunidad de trabajar en el area web, se encontraron hace algunos años atados de manos a la hora de encontrar una fuente solicitada por un cliente o de la dificultad de personalizar un diseño web de forma diferente y efectiva.

La dificultad se incrementaba basada en que el usuario puede cambiar las caracteristicas en las cuales la información le es presentada a través de su navegador. Zoom, tamaño de letra, constraste de pantalla podia cambiar de forma significativa la forma en que se presentaba la informacion y la distribucion en la cual la misma era visualizada.

Bien, esto no es una escusa actual para no presentar webs de mayor calidad. Existe variedad de paginas web que tienen servicios para mejorar y cambiar la forma en que nuestra tipografía es presentada en nuestros proyecto.

Tipografias para Sitios Web

Typekit,, FontDeck: son servicios de tipografias para paginas web que funcionan bajo el aspecto de suscripcion del usuario. una vez suscritos te dan la opcion de usar un numero limitado de sus fuentes o en su defecto un precio por cada una de las fuentes.
Google Web Fonts: es una de las herramientas mas usadas debido a que es gratuita y es facil de insertar en tu pagina web.
Edge Web Fonts: es gratuito al igual que Google Web Fonts, tiene gran variedad de fuentes y tiene ademas soporte para la mayoria de los idiomas

Fuentes Populares:

Rosario: http://omnibus-type.com/fonts/rosario.php
Roboto Slab http://www.google.com/fonts/specimen/Roboto+Slab
Oswald http://www.google.com/fonts/specimen/Oswald
Stalemate http://www.google.com/fonts/specimen/Stalemate
Crimson Text http://www.google.com/fonts/specimen/Crimson+Text
Gravitas One http://www.google.com/fonts/specimen/Gravitas+One
Jura http://www.google.com/fonts/specimen/Jura
League Gothic http://theleagueofmoveabletype.com/league-gothic/?
Fjord One http://www.google.com/fonts/specimen/Fjord+One
Amaranth http://www.google.com/fonts/specimen/Amaranth
Poli http://www.google.com/webfonts/specimen/Poly
Gentium Basic http://www.google.com/webfonts/specimen/Gentium+Basic
Open Sans http://www.google.com/webfonts/specimen/Open+Sans
Ledger http://www.google.com/webfonts/specimen/Ledger
Signika http://www.google.com/webfonts/specimen/Signika
Josefin Slab http://www.google.com/webfonts/specimen/Josefin+Slab
Forum http://www.google.com/webfonts/specimen/Forum
Tikal Sans http://www.fontsquirrel.com/fonts/tikal-sans
Arvo http://www.google.com/webfonts/specimen/Arvo
Ubuntu http://www.google.com/webfonts/specimen/Ubuntu

Páginas