Centrar Horizontalmente y Verticalmente usando CSS es difícil, por eso a continuación hay un pequeño ejemplo (comentado) que puede ser usado como referencia.
EJEMPLO (DOCUMENTADO en Inglés)
Esto funciona en:
No solo programación, algo de humor también.
Con José ABCD (no es su apellido real… le gusta el anonimato) estábamos conversando sobre dos formas de solucionar un problema en PHP y cuál sería más eficiente. Para resolver el problema, decidimos usar microtime(). Lo que hicimos a continuación con un ejemplo:
Code
$cicles = 5000; // Cantidad de ciclos
$totalTime = 0; // Tiempo total, inicialmente 0
for ($i=0; $i<$cicles; $i++){ // Este for es ejecutado $cicles veces
$timeInit = microtime(); // Tiempo inicial
## código a probar aquí ## // Este es el código a probar, puede ser una función o varias líneas de código
$timeEnd = microtime(); // Tiempo final
// Se procesa el tiempo para obtener el total durante todos los ¢cicles
$timeInit = explode(" ", $timeInit);
$timeInit = (double) $timeInit[0] + $timeInit[1];
$timeEnd = explode(" ", $timeEnd);
$timeEnd = (double) $timeEnd[0] + $timeEnd[1];
$totalTime += ($timeEnd - $timeInit);
}
$timeAvg = $totalTime / $cicles; // Average time
// Se muestran los resultados
echo "<div>";
echo "Total = ".$totalTime."<br>";
echo "Avg = ".$timeAvg."<br>--<br>";
echo "</div>";
Para la primera versión de la página de BoldLab queríamos que tuviera movimiento, para crearlo y que se viera lo más natural posible decidí hacer que la velocidad fuera parabólica, es decir que empezara en 0, a la mitad del camino fuera máxima y al final volviera a ser 0. Con esta idea, los movimientos se ven naturales, al principio se empieza con velocidad 0, luego se acelera hasta la máxima velocidad en la mitad y desde ahi se empieza a frenar hasta llegar al final a una velocidad 0. View Full Article »
Mientras hacíamos un sitio en uno de nuestros servidores no tuvimos problemas con el ‘character set’. Estábamos usando latin1 (iso-8859-1) en el HTML meta tag y también en la base de datos MySQL. Sin embargo, esto no sucedió cuando empezamos la transición al sitio ‘vivo’ en el servidor de nuestro cliente. Su Apache estaba usando UTF-8 y las cabeceras de HTTP (HTTP Headers) retornaban “Content-Type: text/html; charset=UTF-8″ lo que nos representaba un problema. Teníamos que hacer la transición a UTF-8. View Full Article »
Estamos orgullosos de anunciar el lanzamiento de DocuCenter.cl. Dale una mirada y cuéntanos qué te parece.
Primero, una pequeña introducción acerca de PATH. Es una variable del sistema (en OS X). Es donde busca el sistema operativo por comandos a ser ejecutados, es muy útil ya que permite escribir “less” en vez de “/usr/bin/less”; esto funciona para todos los comandos instalados inicialmente con el sistema. Sin embargo, si se quiere escribir un comando como “mysql” por ejemplo, hay que decirle a sistema donde buscar, esto se hace agregando el directorio del comando a PATH. Se puede hacer cada vez que se requiera haciendo “export PATH=$PATH:/usr/local/mysql” o agregando esta instrucción en algún script que se ejecute inicialmente por el shell. View Full Article »
Estaba creando un sistema y necesitaba encontrar la manera de asignar horarios de trabajo para las personas de una empresa y controlarlos de manera fácil, rápida e intuitiva. Para esto, a partir de una tabla creada con divs y checkbox, coloqué “días” como columnas y “horas” como filas e integré la posibilidad de seleccionar y deseleccionar las horas de trabajo de uno o más días, clickeando y arrastrando el mouse dentro de la tabla. Esta tabla es configurable, rápida, fácil de integrar y utilizar y le dí el nombre de EasySelector.
Pueden ver el resultado en la demo a continuación: Demo
View Full Article »
Para celebrar el inicio de la Primavera, BoldLab les tiene un regalo especial: un set de 20 tarjetas, que detallan recetas caseras para el cuidado de la cara y el cabello. Puedes descargar el archivo PDF aquí. Disfruten!
A continuación un ejemplo de XHTML correcto y que valida. Lo escribí como una manera de ayudarme a recordar como debe estar compuesto y evitar buscar más veces lo mismo.
<?xml version="1.0" encoding="UTF-8"?>
<!-- Esto es un Comentario -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
La parte que dice "Strict" puede ser:
-Strict, significa que la parte estética debe ser hecha con CSS
-Transitional, permite usar elementos de HTML4 como align="center"
-Frameset, permite el uso de frames
Para saber más ver:
http://w3schools.com/xhtml/xhtml_dtd.asp
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>Titulo</title>
<!-- meta -->
<meta name="description" content="Una página de ejemplo" />
<meta name="keywords" content="ejemplo,pagina,html,test" />
<meta name="author" content="Yo Ego" />
<!-- sobre meta: http://w3schools.com/tags/tag_meta.asp -->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<!-- Script en archivo externo -->
<script type="text/javascript" src="main.js"></script>
<!-- Script local -->
<script type="text/javascript">
//<![CDATA[
alert("Esto es un alerta! Adentro de <head>.");
//]]>
</script>
<!-- css -->
<!-- <style> no permitido en <body> -->
<!-- CSS en archivo externo -->
<link rel="stylesheet" href="look.css" type="text/css" />
<!-- CSS local -->
<style type="text/css">
h1 {
color: #fa6;
}
</style>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
alert("Esto es una alerta! Adentro de <body>.");
//]]>
</script>
<!-- noscript:
para funcionar tiene que tener adentro uno de los siguientes tags:
"p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del".
Estos tags son elementos "display: block".
-->
<noscript><h1>Esto NO aparece en un browser con javascript activo</h1></noscript>
<h2>Una prueba de h1</h2>
<p><abbr title="Extensible HyperText Markup Language">XHTML</abbr></p>
</body>
</html>