Recopilacion de tecnicas CSS
En noupe me encontre con estas dos entradas es una recopilacion de 101 tecnicas css, esta muy recomendable.
101 CSS Technique of all time part 1
101 CSS Technique of all time part 2
via: Noupe
Add comment Abril 2, 2008
Paginar el resultado de una consulta con PHP y MySQL
Explicare como podemos paginar el resultado de una consulta utilizando PHP y MySQL.
Lo primero que hago es definir el tamaño de la pagina, es decir el numero de registros que se mostraran por página. Despues verifico si se esta recibiendo el numero de pagina mediante la URL. si no se recibe nada se muestra la pagina 1. Una vez que tenemos el numero de pagina calculamos el numero de registro del que se va a empezar a mostrar.
Hasta aqui tendriamos el numero de pagina y el numero de registro en el que se va a empezar a mostrar. Comenzamos con las consultas. Se establece la conexion, Creo dos consultas la primera extrae el numero de registros que se van a presentar, y con este dato se calcula el numero de paginas, mientras que la segunda consulta obtiene los registros que se van a mostrar dependiendo del numero de pagina, en esta consulta utilizo la sentencia LIMIT la cual utiliza dos parametros, el numero de registro en el cual empezaran los resultados y la cantidad de registros que se quieren mostrar.
Ahora solo creamos el codigo html con los registros que se van a presentar.
Por ultimo creamos la paginación, para esto utilizamos la etiqueta <a></a> en el atributo href de cada etiqueta colocamos el numero de pagina al que hara referencia.
Descargar: ejemplo
Add comment Abril 1, 2008
Diseño web: BestWebGallery
A la hora de empezar a diseñar un sitio web es importante tener una idea de como queremos que sea el diseño, pero aveces nos falta inspiración y no tenemos una idea clara. BestWebGallery es una web que recopila una gran cantidad de webs, muy util en esas ocasiones.
Enlace: BestWebGallery
Add comment Marzo 26, 2008
Incluir CSS en un documento HTML
Puedes incluir CSS en un documento HTML de tres formas:
- Incluir CSS dentro del documento HTML
- Incluir CSS en las etiquetas HTML
- Incluir CSS desde un archivo externo
Incluir CSS dentro del documento HTML
Para incluir CSS dentro del documento HTML hacemos uso de la etiqueta <style>, la cual estara incluida dentro de la etiqueta <head>. El inconveniente de definir CSS dentro del mismo documento es que si ocupas un mismo estilo en diferentes documentos HTML a la hora de que quieras realizar algun cambio tendras que hacerlo en todos los documentos HTML.
Ejemplo:
<html>
<head>
<style type="text/css">
p { color: blue; font-size:15px; font-family:Arial; }
</style>
</head>
<body>
<p>Este es un parrafo </p>
</body>
</html>
Incluir CSS dentro de la etiqueta HTML
Se puede incluir CSS dentro de la misma etiqueta html mediante el atributo style.
Ejemplo:
<html>
<head>
</head>
<body>
<p style="color: blue; font-size:15px; font-family:Arial;"> Este es un parrafo </p>
</body>
</html>
Incluir CSS desde un archivo externo
La otra forma de incluir CSS es definiendo en un archivo todos los estilos que vayamos a ocupar y lo guardamos con la extension .CSS, Una vez que tenemos el archivo creado lo enlazamos mediante la etiqueta <link>
Ejemplo:
Archivo: estilo.css
p { color: blue;
font-family:Arial;
font-size:15px;
}
Archivo: pagina.html
Add comment Marzo 20, 2008
Set de iconos: Billar
Les presento un set de iconos de billar que diseñe, lo pongo a su disposición espero que les sea de utilidad. Los iconos estan disponibles en .ICO y .PNG
2 comments Marzo 18, 2008
Listado de Plugins jQuery
En Noupe me encontre con una extensa lista de Plugins de jQuery: 50+ Amazing Jquery Examples- Part1 y 45+ Fresh Out of the oven jQuery Plugins. Es un recurso muy bueno.
Add comment Marzo 15, 2008
Ejecutar consultas multiples de MySQL con PHP
¿Como ejecutar consultas multiples?. Para esto necesitas armar la cadena de consulta SQL las cuales deben estar separadas por un “;”
$sql = "SELECT * FROM docentes;";
$sql .= "SELECT * FROM alumnos;";
Para ejecutar la consulta utilizamos la función mysqli_multi_query
$conexion->mysqli_multi_query($sql);
Ejemplo: multiconsulta.php
<?php
/*Establece la conexion MySQL*/
$conexion = mysqli_connect(”localhost”,”user”,”pass”,”escuela”);
/*Cadenas SQL que se van a ejecutar*/
$sql = “SELECT * FROM docentes;”;
$sql .= ” SELECT * FROM alumnos”;
if( $conexion->multi_query($sql) )
{
do
{
/* obtiene el resultado de la consulta*/
if ($result = $conexion->store_result())
{
/*Obtiene los nombres de los campos*/
$campos = $result->fetch_fields();
echo ‘<table> <tr>’;
for($i = 0; $i < count($campos); $i++)
{
/*Muestra los nombres de los campos*/
echo ‘<td>’.$campos[$i]->name.’</td>’;
}
echo ‘</tr>’;
/*Lee un registro mientras no sea el final*/
while ($fila = $result->fetch_row())
{
echo ‘<tr>’;
for($i = 0; $i < count($campos); $i++)
{
/*Muestra el contenido de los campos */
echo ‘<td>’.$fila[$i].’</td>’;
}
echo ‘</tr>’;
}
echo ‘</table>’;
/*cierra la conexion*/
$result->close();
}
} while ($conexion->next_result()); /*Vuelve al ciclo miestras haya otro resultado*/
}
?>
Add comment Marzo 14, 2008
Frameworks AJAX
Este es un listado de los mas populares Frameworks de AJAX. Los cuales nos facilitan la implementación de AJAX en nuestros proyectos web.
Prototype
Prototype es un framework escrito en JavaScript que se orienta al desarrollo sencillo y dinámico de aplicaciones web. Es una herramienta que implementa las técnicas AJAX y su potencial es aprovechado al máximo cuando se desarrolla con Ruby On Rails.
Dojo
Es un Framework que contiene APIs y widgets (controles) para facilitar el desarrollo de aplicaciones Web que utilicen tecnología AJAX. Contiene un sistema de empaquetado inteligente, los efectos de UI, drag and drop APIs, widget APIs, abstracción de eventos, almacenamiento de APIs en el cliente, e interacción de APIs con AJAX.
DWR
Permite Javascript en el navegador para interactuar con Java sobre un servidor.
Moo.fx
Librería JavaScript efectos basados en Javascript Prototipo Marco. Optimizado para escribir el menor código posible.
MooTools
MooTools incluye muchos componentes que enriquecen y benefician a la codificación de la experiencia del desarrollador:
- Colección de objetos de JavaScript nativos mejoras.
- Gran cantidad de mejoras y compatibilidad con el objeto de elemento HTML.
- Avanzados efectos para animar elemnetos.
- Ofrece XHR interfaz, Cookie, y JSON herramientas para desarrolladores de explotar.
- Proporciona una interfaz de navegación transversal a la información específica del cliente, por ejemplo tamaño de la ventana.
jQuery
permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos,desarrollar animaciones, y agregar interacción con la tecnología AJAX a nuestras páginas web. jQuery esta diseñado para cambiar la forma de escribir código JavaScript.
yahoo! UI
un conjunto de utilidades y controles para construir aplicaciones web enriquecidas usando técnicas como DOM scripting y AJAX.
Rico
Es una librería de efectos Ajax que permite simplificar el desarrollo de aplicaciones que utilicen esta tecnología. Mediante Rico es muy sencillo definir la operación básica de Ajax: enviar una solicitud al servidor para que devuelva información. Dispone también de algunos efectos gráficos, tablas actualizables y secciones de drag & drop
Atlas
Es un framework JavaScript cliente, extensible, 100% orientado-a-objetos, que permitirá la construcción de manera sencilla de aplicaciones para el browser al estilo AJAX, con un “rich UI” y conectividad a “web services”. Con Atlas, se podrán escribir aplicaciones web que usen una gran cantidad de DHTML, Javascript, y XMLHTTP, sin tener que ser un experto en ninguna de estas tecnología
MochiKit
Es una biblioteca de clases de propósito general escrita en JavaScript que suministra características de otros lenguajes de programación como Python u Objective-C.
Xajax
Xajax es una biblioteca código abierto de PHP capaz de generar aplicaciones Web con tecnología AJAX.
GWT
GWT o Google Web Toolkit es un framework creado por Google que permite ocultar la complejidad de varios aspectos de la tecnología AJAX. Es compatible con todos los navegadores lo cual es muy importante ya que los distintos navegadores necesitan de distinto código. El concepto de Google Web Toolkit es bastante sencillo, básicamente lo que se debe hacer es crear el código en Java usando cualquier entorno de desarrollo (IDE) de Java y el compilador lo traducirá a HTML y JavaScript.
XOAD
Biblioteca orientada a objetos basada en PHP, emplea JSON y objetos PHP para la comunicación y Soporta eventos del lado del cliente y del servidor.
Script.aculo.us
Es utilizado con Prototype principalmente para animaciones y desarrollo de interfaces
Qooxdoo
Qooxdoo está totalmente basada en la clase y trata de las características orientadas a objetos de JavaScript. It is based on namespaces and does not modify or extend native JavaScript types. Se basa en nombres y no la modificación o ampliación de los tipos nativos de JavaScript.
AjaxRequest Library
Es producto de AjaxToolbox.com, que simplifica y extiende las capacidades del objeto XMLHttpRequest (el corazón de AJAX) y te permite desarrollar tus proyectos, sin tener que preocuparte por los procesos a bajo nivel.
AjaxAC
Es un marco de trabajo escrito en PHP y que utiliza AJAX para la relación con el servidor. Este framework es liberado bajo la licencia de Apache v2.0.
ext
Es un framework del lado del cliente para el desarrollo de aplicaciones web. Tiene un sistema dual de licencia: Comercial y Opern Source. Este framework puede correr en cualquier plataforma que pueda procesar POST y devolver datos estructurados (PHP, Java, .NET y algunas otras).
Via: ckernel
Add comment Marzo 13, 2008
Insertar registros en una base de datos MySQL con PHP
Para guardar un registro en una base de datos MySQL necesitamos establecer una conexión con el servidor.
$conexion = mysql_connect("servidor" , "usuario" , "password");
seleccionamos la base de datos en la cual se insertaran los datos.
mysql_select_db("bd",$conexion);
Creamos la consulta de inserción.
$sql = "INSERT INTO tabla (campo1, campo2, campo3) VALUES ('value1','value2',value3)";
Para ejecutar la consulta necesitamos escribir el siguiente código.
mysql_query($sql);
Abajo se muestra un pequeño ejemplo. En el cual el servidor es localhost, el nombre de usuario es user, la contraseña es pass, la base de datos se llama escuela y se inserta un registro en la tabla alumnos.
Los campos de la tabla alumnos son los siguientes:
- id_alumno
- nombre
- apellido
- edad
Nota: en la consulta no incluyo el campo id_alumno debido a que es de tipo autoincrementable.
archivo: inserta.php
<?php
$conexion = mysql_connect(”localhost”,”user”,”pass”);
mysql_select_db(”escuela”,$conexion);
$sql=”INSERT INTO alumnos(nombre,apellido,edad) VALUES(’Sonia’,'Romo’,20)”;
mysql_query($sql);
?>
4 comments Marzo 10, 2008
Luxa: Video tutoriales de Photoshop
Si te interesa aprender sobre Photoshop Luxa te puede ser de gran ayuda, es una web (en ingles) en la cual encontraras una gran cantidad de video tutoriales sobre este tema. Si te apasiona el photoshop no estaria de mas que te dieras una vuelta por esta web.
Add comment Marzo 10, 2008
