Posts filed under ‘Programación’

34 Cheat Sheets para Diseñadores y Desarrolladores

jQuery 1.2 Cheat Sheet

Via Web And Designers descubro una gran recopilación de Cheat Sheets obligadas para todo diseñador y/o desarrollador web, hay de jQuery, Protoype, PHP, Photoshop, Dreamweaver, Ilustrator, InDesign, etc y etc.

Verlas todas: link

diciembre 1, 2009 at 10:35 am 2 comentarios

mootools + PHP = mooHP

mooTools es un framework javascript que ha crecido de una forma basta abrupta, por lo mismo hoy en día es uno de los frameworks mas importantes y usados por desarrolladores. Pero se imaginan programar de la misma forma que mooTools pero en PHP?, pues ya es un hecho y se llama mooHP.

mooHP es un novedoso framework con la particularidad de que su sintaxis es idéntica a la de mooTools, novedoso no?. Así que si tu eres uno de los adeptos a mooTools y aun no te acostumbras a otros frameworks PHP, este puede ser tu punto de partida sin tener que pasar por un gran esfuerzo intentando conocer una sintaxis nueva.

Mírenlo ustedes mismo.

<?php
include("mooHP2/dom.class.php");
include("mooHP2/element.class.php");
include("mooHP2/css.class.php");
include("mooHP2/utility.class.php");

//New instance of the dom class
$t = new dom();

//Loads a template from file
$t->loadFile("base.html");

//Gets element by css selector  and sets it's HTML content.
$t->SE("body")->setHTML("");

//Selected ellement: body adopts  new element
$t->SE("body")->adopt( $t->element("div", array("id"=>"header") ,"Hello world!") );

//Body adopts  <br />
$t->SE("body")->newLine();

$picked = "";
if (isset( $_GET["cd"] )) {
 $picked = " you have selected #".$_GET["cd"];
}

//Body adopts new element div: with assigned properties as second argument and text as content;
$t->SE("body")->adopt( $t->element("div", array("style"=>"margin:10px; padding:10px; border:1px solid #444;"), "Counting down:".$picked) );

// $select  = new Element()
$select = $t->element("select", array("name"=>"cd"), "");

//Body adopts new element of type form
$t->SE("body")->adopt( $t->element("form", array("id"=>"newForm","method"=>"get") ) );
//Selects new element by ID and adopts previously defined element $select
$t->S("newForm")->adopt( $select );
// #newForm adopts new Element input
$t->S("newForm")->adopt( $t->element("input", array("type"=>"submit", "value"=>"CLICK!") ) );

for ($i=1; $i<=20; $i++) {
	//$newOption is new option element
	$newOption = $t->element("option", array("value"=>$i), "Count down: " . $i );
	//$select adopt as it's first child the $newOption element
	$select->adoptTop( $newOption );
	if ( isset($_GET["cd"]) && $_GET["cd"] == $i ) {
		//Setting an attribute to an element
		$newOption->setProperty("selected","selected");
	}
}

//Body accepts  new style rules
$t->SE("body")->setStyle("margin","10px");

//Body adopts <br/>
$t->SE("body")->newLine();

//Appending text to the body
$t->SE("body")->appendText("and here comes the appended text");

//Body is adopting the inc.html contents
$t->SE("body")->adopt( $t->includeFile("inc.html") );

if (!isset( $_GET["cd"] )) {
	//Make simple alert with javascript
	$t->alert("Hello and welcome to mooHP");
}

//Setting the <title> tah innerHTML
$t->setPageTitle("..:: Hello and welcome to mooHP ::..");

//Creating new instance of the css class
$newCss = new css();
//Setting rule in css
$newCss->setStyle("color","#ff9900");
//Setting rules in css
$newCss->setStyles(array("font-weight"=>"bold","font-size"=>"24px" ));
//Writing the defined css to element
$newCss->writeToElement( $t->S("header") );

//Creating new instance of the css class
$newCss2 = new css();
//Setting rule in css
$newCss2->setStyle("border","10px solid #DDD");
//Setting rule in css
$newCss2->setStyle("padding","10px");
//Writing the defined css as #newForm selector in $t dom instance
$newCss2->writeToDom("#newForm", $t);

//Writing the page   if true is passed as argument the page will be compresed
$t->writePage(true);

?>

En lo personal no lo he probado, ya que es un framework bastante nuevo, así que si alguno de ustedes lo ha ocupado, seria bueno saber que tal les fue, cuales fueron sus impresiones, etc. Como última nota, mooHP funciona sobre versiones 5.2.1 de PHP en adelante.

Demo | Descarga | Artículo relacionado
.

Ver VideosTe VerdeImagenes para hi53GP

noviembre 3, 2007 at 8:02 pm 13 comentarios

Pownce Tiene API

Por fin, después de una larga espera, Pownce ha liberado su API para todos nosotros. Esperemos ahora aparezcan aplicaciones para linux, ya que el gran tope que había hasta ahora, era que su producto, como funciona con Adobe AIR no daba soporte a los linuxeros.

Una muy buena noticia para todos los desarrolladores que esperábamos esta API con ansias, además contamos con una wiki, en la cual esta la documentación de como usarla y tenemos además el Grupo en Google Groups de esta API.

Noticia Oficial: The Pownce Blog – Pownce Public API
.

Ver VideosTe VerdeImagenes para hi53GP

octubre 30, 2007 at 3:04 pm 2 comentarios

Railsify: Plugins para Ruby on Rails

Railsify es un directorio de recursos para trabajar con Ruby on Rails, en este puedes encontrar una variedad de herramientas y plugins para tus aplicaciones.

Es un sitio relativamente nuevo pero que de seguro con la gran comunidad que existe tras este lenguaje de programación, y framework ira creciendo día a día. Todos los recursos son absolutamente gratis. Puedes crearte una cuenta, publicar tus propios plugins y incluso tiene un feed para que éstes al tanto de los nuevos agregados.

Railsify - Directorio de Recursos para Ruby on Rails

Este es uno de esos sitios que vale la pena tener en sus favoritos, sobre todo si estas trabajando con Ruby on Rails. Actualmente cuenta con más de 100 plugin, y algunas de las categorías con las que cuenta son: Imágenes y Gráficos, HTML Helpers, Paginación, Testeo, Captcha, Active Record, Autentificación, Seguridad y Protección, etc.

Enlace: Railsify (vía pixelco.us)
.

Ver VideosTe VerdeImagenes para hi53GP

septiembre 24, 2007 at 11:12 am 1 comentario

CakePHP en Español

CakePHPEsta muy claro que documentación de CakePHP en español es muy poca, prácticamente todo esta en ingles, y si no eres muy dotado en este idioma te seria de gran dificultad el uso de este framework, hasta hoy.

Un grupo de usuarios del Grupo en Español de CakePHP decidieron poner marcha una versión en español, creando cakephp-es.org, dándose el trabajo de traducir el actual manual y crear nuevos artículos.

Conjunto a al grupo y al sitio, tienen además un canal, #cakephp-es, en el servidor freenode, y han subido un bakery para crear nuevos artículos y generar la documentación en español como debería ser.

Sin duda un gran avance, que obviamente requiere de toda la ayuda de la comunidad hispanohablante para llevar a cabo y que se convierta en un punto oficial de ayuda para todos.

Enlace: Cakephp-es
.

Ver VideosTe VerdeImagenes para hi53GP

septiembre 24, 2007 at 9:47 am 8 comentarios

Artículos Interesantes

He encontrado estos dos artículos que creo son interesantes de leer y tener en cuenta.

Full Web 2.0 API List
Una gran lista de API’s publicas a las que podemos acceder y ocupar en nuestros desarrollos, hay de todo tipo. Me impresiono ver esta gran lista y creo que faltan algunas que han aparecido recientemente, pero con las que tienen, hay para divertirse un buen rato, a parte en los comentarios puedes encontrar otras API’s mas.

Web Design 101: Floats
En Digital Web Magazine, publicaron un excelente articulo, en el que explican con detalle y con 14 ejemplos la definición y uso de Float. Este articulo explica en detalle, su comportamiento, como ocupar varios Floats, típicos errores y su solución, entre otros.

Bonus
77 Resources to Simplify Your Life as a Web Designer
Extensa lista de bastantes recursos para simplificarnos la vida y hacerla mas fácil, hay de todo, herramientas de colores, herramientas para el uso CSS, Iconos, Templates, etc y etc.


.

Ver VideosTe VerdeImagenes para hi53GP

septiembre 17, 2007 at 11:22 pm 1 comentario

Comparativa de Framework para aplicaciones web

En Wikipedia encontré una interesante comparativa de una gran variedad de Framework para nuestros desarrollos web, hace poco les comentaba una lista de estos para PHP, pues acá hay otros lenguajes como Java, Ruby, ASP.NET, Groovy, ColdFusion, entre otros.

En esta lista pueden ver sus últimas versiones, enlace a sus artículos dentro de Wikipedia, y una tabla en donde se comparan las características de cada uno. Si todavía no se deciden por uno para sus trabajos, esta seria una buena guía.

Enlace: Comparison of web application frameworks
.

Ver VideosTe VerdeImagenes para hi53GP

septiembre 17, 2007 at 4:55 pm 2 comentarios

Entradas antiguas



Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.