21.2.12

Building Android Apps with HTML, CSS, and JavaScript

Les paso un link del libro "Building Android Apps with HTML, CSS, and JavaScript" de Jonathan Stark. Lo podemos disfrutar en forma online o bien tenemos tambien la posibilidad de comprarlo; los capitulos son:

  • Preface 
  • Getting Started 
  • Basic Styling 
  • Advanced Styling 
  • Animation 
  • Client-Side 
  • Data Storage 
  • Going Offline 
  • Going Native 
  • Submitting Your App To Android Market 
  • Detecting Browsers with WURFL 

Site
http://ofps.oreilly.com/titles/9781449383268/index.html

20.2.12

HTML5 - Tablas

La utilización de tablas es muy simple, ya la venimos utilizando desde html4 (y mas atras), pero ahora tenmos el agregado de:

  • caption 
  • details 
  • summary 
  • thead 
  • tbody 
  • tfoot



<table>
<caption>Venta de almacenes<br>
<details>
<summary>Minoristas</summary>
Precios con IVA
</details>
</caption>
<thead>
<tr>
<th>
Producto
</th>
<th>
Precio
</th>
<th>
Cantidad
</th>
<th>
Total
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Detergente
</td>
<td>
12
</td>
<td>
5
</td>
<td>
60
</td>
</tr>
<tr>
<td>
Lavandina
</td>
<td>
6
</td>
<td>
2
</td>
<td>
12
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>
Total
</td>
<td>
-
</td>
<td>
-
</td>
<td>
89
</td>
</tr>
</tfoot>
</table>



Venta de almacenes
Minoristas Precios con IVA
Producto Precio Cantidad Total
Detergente 12 5 60
Lavandina 6 2 12
Total - - 89

HTML5 - @font-face

Le dejo un ejemplo sencillo para utilizar en nuestro site, fuentes creadas por nosotros o por terceros y que no vienen instaladas por default en los OS

@font-face
{
  font-family: MiFont;
  src: url("../Fonts/brankovic.ttf"), url("../Fonts/brankovic.eot");
}

h1
{
    font-family:MiFont, verdana, sans-serif;
    font-size:large;
}

8.2.12

Ejemplo simple de rotate en CSS3

Les paso un ejemplo bastante sencillo para rotar un DIV con CSS3



<!doctype html>
<body>
<head>
<style type="text/css">
.rotate
{
border:solid 1px red;
text-align:center;
background-color: rgba(100,150,100,0.5);
text-align:center;
padding:50px 30px 50px 30px;
border-radius:10px;
-webkit-transform: rotate(7.5deg);
-moz-transform: rotate(7.5deg);
-ms-transform: rotate(7.5deg);
-o-transform: rotate(7.5deg);
transform: rotate(7.5deg);
}
</style>
<head>
<body>
<div class="rotate">Prueba</div>
</body>
</html>


2.2.12

Technical Preview de Office 15

Ya se acerca la Technical Preview de Office 15, la gente de Redmond pretenden actualizar simultáneamente sus servicios en la nube, servidores, clientes móviles y de PC para Office, Office 365, Exchange, SharePoint, Lync, Project y Visio
Se comenta que la nueva interface estará programada con el lenguaje Metro, el mismo que la compañía usa en su sistema operativo para móviles Windows Phone
Para ir acercandonos un poco más podemos ir ojeando algunos de los siguientes links:

http://blogs.office.com/b/office-exec/archive/2012/01/30/quot-office-15-quot-begins-technical-preview.aspx
http://www.zdnet.com/blog/microsoft/microsoft-office-15-technical-preview-kicks-off/11753

1.2.12

Learn jQuery in 30 Days

Hace un largo rato, leyendo un par de tweets, principalmente el de Jon Gatxaga (@Jondarru), me encontré que comenta sobre un curso gratuito de Jquery, recién ingresé al site y parece bastante interesante. Acá les dejo el link

Site
http://learnjquery.tutsplus.com/