Mostrando entradas con la etiqueta Estudiantes. Mostrar todas las entradas
Mostrando entradas con la etiqueta Estudiantes. Mostrar todas las entradas

martes, 28 de febrero de 2012

Windows Phone es simplemente Él más rápido en el Mobile World Congress

Microsoft llega al Mobile World Congress para mostrar cómo Windows Phone es más rápido que la competencia y da a conocer el nuevo hardware y aplicaciones, incluyendo Skype.

Así como lo leen, en este post voy a resumir todo lo nuevo de Windows Phone que se anunció en el MWC, y sin más preámbulos iniciamos:

 

BARCELONA - 27 de febrero 2012 - Microsoft está volviendo al Mobile World Congress de este año para lanzar un desafío: Windows Phone es más rápido que otros teléfonos inteligentes, y la compañía está regalando dinero si es que puedes ganarle a Windows Phone con otro sistema Operativo.

Ben Rudolph de Microsoft continúa con la campaña “Fumados por Windows Phone”, va en contra de los teléfonos con Android para demostrar que Windows Phone es simplemente más rápido en las tareas cotidianas, como subir una foto a Facebook, encontrar un restaurante cercano y otras tareas.

Microsoft está dedicando la mayor parte de su presencia en la feria de este año regalar $100 en  "Fumados por Windows Phone" esta es una versión internacional de la campaña presentado en el CES . Los asistentes están invitados a enfrentar a su teléfono inteligente en contra Windows Phone para realizar las tareas cotidianas, como subir una foto a Facebook, enviar mensajes de texto a un amigo, o consultar el correo electrónico. Si el teléfono del retador es más rápido, gana $100. Si pierden, tienen que posar para las cámaras con un cartel que dice "Mi teléfono fue fumado por Windows Phone".

El desafío es una muestra lúdica pero importante para aumentar la confianza de Microsoft en Windows Phone, que fue presentado hace dos años en el Mobile World Congress, dijo Greg Sullivan, gerente senior de marketing para Windows Phone.

Skype para Windows Phone será compatible con las características que los usuarios de Skype que ya conocemos y amamos, incluyendo Skype a Skype de audio y video llamadas, llamadas económicas a teléfonos fijos y móviles con crédito de Skype y mensajería instantánea."El Congreso Móvil Mundial de este año representa realmente la culminación de la jornada que hemos estado realizando  en los últimos dos años", dijo. "Después de anunciar el nuevo enfoque que decidimos tomar con los smartphones, ahora estamos mostrando la forma en que los resultados de enfoque diferente en un teléfono que no es más rápido que la competencia".

Dos anuncios hechos en el ventilador de Barcelona que ayuda a la sensación del momento, dijo. La primera consistió en una adición muy esperada: Skype para Windows Phone. Una versión beta está disponible para su descarga gratuita , con la versión completa a finales de este año.

La compañía también reveló sus planes para llevar sus teléfonos inteligentes hacia nuevos países mediante la expansión de hardware y soporte de idiomas. Una nueva línea de teléfonos de bajo costo, que utilizan hardware más barato "Sistema-en-un-chip" procesadores y la memoria reducida, traerá una experiencia de smartphone de gama alta de dispositivos más asequibles - sin dejar de correr casi todas las aplicaciones disponibles en el Marketplace de Windows Phone.

Sullivan dijo que los anuncios en Barcelona fortalecerá los vientos de cola detrás de Windows Phone, que incluyen críticas muy favorables , los dispositivos premiados , y más de 65.000 aplicaciones y contando en su mercado. "2012 es un año grande para la familia Windows, y realmente se inicia ahora con Windows Phone".

Skype llega a Windows Phone

Nuevo Nokia Lumia 610 ofrece a un público más joven con la perfecta introducción a la rica experiencia Web social y de entretenimiento de Windows Phone.Con la aplicación de Skype beta, Windows Phone ofrece una prueba de una de las últimas aplicaciones que debe tener dijo Sullivan. La aplicación beta tiene características multimedia de 200 millones de usuarios mensuales de Skype conectados que ya están familiarizados, incluyendo Skype a Skype de audio y video llamadas económicas a teléfonos fijos y móviles con crédito de Skype y mensajería instantánea.

Rick Osterloh, vicepresidente de productos y del diseño de Skype, dijo que está emocionado acerca de la conexión de usuarios de Skype con la experiencia de Windows Phone.

"Creo que es realmente importante para tomar ventaja de las nuevas tecnologías e innovaciones que se están produciendo en el ecosistema de Windows Phone, su conexión con la plataforma de Skype y la red de comunicaciones", dijo. "Ahora toda una clase grande de usuarios se desbloquea con esta aplicación, y permite una nueva forma de comunicación de Windows Phone en la red de Skype."

Aquí pueden ver una demo de las características.

El equipo de Skype aprovechó al máximo el diseño del Metro de Windows Phone en la construcción de la aplicación, dijo Osterloh. Los usuarios podrán ver su sencillez en la forma de los pivots de aplicaciones en torno a dos áreas clave de contenido: contactos y mensajes, donde las llamadas recientes, mensajes instantáneos y mensajes de correo de voz se agruparán.

"Metro es muy simple, muy fácil de usar y muy intuitivo, nos abrazó completamente el modelo. Skype se ve muy bien con el metro y ofrece una experiencia limpia y consistente en todos los dispositivos Windows Phone 7.5, "dijo.

"Esperamos con interés recibir comentarios sobre la versión beta, que ofrece el núcleo de la experiencia del usuario de Skype", dijo Osterloh. "Y por supuesto vamos a seguir invirtiendo en la versión con todas las funciones y el trabajo con el equipo de Windows Phone para Skype y estoy seguro que nos irá muy bien trabajando juntos con Windows Phone con los nuevos dispositivos que llegan al mercado."

Tener un alcance global en el Mobile World Congress

El Orbit es la última oferta de la china ZTE y estará disponible en el segundo trimestre de este año.Soporte de Microsoft para una nueva serie de hardware de bajo costo abre la puerta a nuevos mercados en todo el mundo, como China, dijo Sullivan. La compañía recientemente habilitó el Marketplace de Windows Phone en Argentina, Indonesia, Malasia, Perú, y Filipinas y en la semana que viene la llevará a 23 países adicionales: Bahrein, Bulgaria, China, Costa Rica, Croacia, Estonia, Islandia, Iraq, Israel , Kazajstán, Letonia, Lituania, Qatar, Rumania, Arabia Saudita, Eslovaquia, Eslovenia, Tailandia, Turquía, Emiratos Árabes Unidos, Ucrania, Venezuela y Vietnam.

"Estamos ampliando y ampliando la gama de precios que nos apoyan para que usted sea capaz de comprar teléfonos más asequibles, en más idiomas y países sobre más tipos de redes en todo el mundo", dijo.

Los socios de Microsoft están ayudando a cumplir con esa visión. Anteriormente en el MWC, Nokia introdujo un cuarto miembro a la familia Lumia, el 610, y anunció que va a llevar toda su línea de Lumia a China. Basado en un chip de bajo costo y una configuración de memoria más pequeño, el 610 será el teléfono más accesible en la línea de Lumia. ZTE de China también anunció un smartphone de bajo costo, El Orbit.

El equipo de ingeniería de Windows Phone viene trabajado duro para ofrecer una gran experiencia en estos teléfonos de bajo costo. Casi todas las aplicaciones actuales en el mercado va a trabajar en estos nuevos teléfonos, dijo Sullivan. Esas aplicaciones que necesitan más potencia se marcarán en el mercado por lo que un usuario con uno de los teléfonos de bajo costo con menos memoria, no descargará una aplicación que no funciona bien.

"Estos teléfonos ofrecen en la idea de que incluso si usted no paga mucho por el teléfono inteligente, que no debería tener que conformarse con un teléfono que no hace lo que el hizo en el comercial", dijo.

Al traer teléfonos con Windows existentes en nuevos mercados, y el apoyo a una gama más amplia de puntos de precio, Microsoft está aumentando la audiencia direccionable Windows Phone en un 60 por ciento, dijo Sullivan.

"Creo que es fácil ver por qué estamos tan en alza en 2012 y por lo que esperamos que sea un gran año para Windows Phone, tal como lo conocemos será para toda la familia de Windows."

Y para finalizar aquí les muestro una lista de los teléfonos con Windows Phone que ya está en el mercado:

Samsung Focus™
Samsung Focus

HTC HD7
HTC HD7

HTC Arrive™
HTC Arrive™

HTC Radar™ 4G
HTC Radar™ 4G

Samsung Focus™ S
Samsung Focus™ S
HTC TITAN™
HTC TITAN™
HTC Trophy™
HTC Trophy™
Nokia Lumia 710
Nokia Lumia 710
Samsung Focus™ Flash
Samsung Focus™ Flash
HTC 7 Pro™
HTC 7 Pro™
HTC TITAN II™
HTC TITAN II™
Nokia Lumia 800
Nokia Lumia 800

Nokia Lumia 900
Nokia Lumia 900

Nokia Lumia 610
02-27Nokia610_lg

LG Optimus 7
LG Optimus 7

Samsung Omnia 7
Samsung Omnia 7

Recuerden escoger el que más les convenga y tener en cuenta que sean compatibles con la banda de su país.

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

lunes, 13 de febrero de 2012

¿Te falta algo importante?

Estaba trabajando en una presentación de Office 365 cuando encontré un artículo interesante que se titula Are You Missing Something Important? y lo escribió nada más u nada menos que Tom Rizzo (Senior Director, Office and Office 365 en Microsoft Corp.), por lo que me parece muy importante la información que a continuación detallo:

Para obtener su punto de vista acerca de las cuestiones de estilo. La fabricación de su punto de vista y el toque que personal de un mensaje es muy importante al elaborar y redactar un mensaje o documento de un determinado tema. Por lo tanto, su mensaje debe ser completo y el formato de su documento tiene que ser lo que usted pretende comunicar. Por supuesto, queremos tener todas las piezas en su mensaje, incluyendo los gráficos y las imágenes. Necesitamos tener el look adecuado y que este se sienta. Me gusta llamar a esto la "fidelidad" del documento.

Conoce a nuestro hombre en este video. Él puso su corazón y su alma en la preparación de su propuesta. Se puede imaginar su frustración cuando las cosas no salen exactamente como era su intención.

Esto también te puede pasar si usas Google Docs


 

No pierdas tu estilo utilizando Google Docs para compartir documentos. Comparta la información y las ideas con Office Web Apps sin perder tu estilo.

He compartido los documentos de Office con Google Docs, y esto es lo que puede suceder:

  • La información crítica en las celdas de la hoja de cálculo de Excel desaparecen.
  • Las fórmulas presupuestarias mostrarán "ERROR", y me veo como me si estuviera en segundo grado de matemáticas.
  • Las imágenes se perdieron en las invitaciones, dejar a sus amigos sienten "plana" sobre la parte que sabemos va a ser el mejor evento de 500 Millas de Daytona que hemos tenido!
  • En cuanto a mi trabajo en la oficina en un documento, el control de cambios desaparecen y los 'Comentarios' no están vinculados a las fuentes. El mensaje no fluye, por decir lo menos. Mi enfoque y la influencia son cuestionables ... Uggh.
  • Estoy actualizando mi biografía, a punto de presentar en un evento. Formateo, incluyendo las lengüetas, espaciado entre párrafos y los márgenes de la página moverse y algunos caen. Espero ridículamente poco profesional, y he perdido el acento y el estilo que he trabajado.
  • A continuación, finalizar la presentación. Mis fuentes de PowerPoint se cambian, y las animaciones y transiciones están desaparecidos. En el evento, que pierden la atención de los clientes en la entrega de la misma.

En resumen, las personas que pueden comunicarse con el mensaje equivocado, porque Google Docs no suele entregar sus documentos de Office de la manera que crea en el escritorio-Pueden perderse en la traducción, ser incompleta, y, ciertamente, carecen de chispa.

Con Office Web Apps puedo crear, acceder, editar y compartir documentos de Word, Excel, PowerPoint y OneNote ya sea utilizando Windows Live SkyDrive o SharePoint.

Quieren verlo? Echa un vistazo a las diferencias entre el uso de Office Web Apps y Google Docs.

compites

Deja que tu estilo defina tu trabajo.

Visitan la Office Facebook page. Usted puede publicar, compartir y aprender más acerca de las diferencias de la gente encuentra en el uso de Office Web Apps en comparación con Google Docs.

Si usted está listo para sentir el cloud computing, usted puede probar SkyDrive. - ¡Es gratis!

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

martes, 31 de enero de 2012

Se viene el MSDN+TechNet Summit 2012

MSDN   TechNet Summit 2012

Acabamos de reunirnos con el Equipo de DPE de Microsoft Perú y nos acaban de dar una serie de detalles del próximo msdn+TechNet Summit Perú 2012.

 

Qué es el msdn+TechNet Summit Perú ???

Windows 1El msdn+TechNet Summit Perú es el evento tecnológico más importante que organiza el equipo de DPE de Microsoft Perú, el cual se caracteriza por contar con la participación de los mejores expertos (Los súper top) de Microsoft Corp. (USA) y Latinoamérica.

Se realizará el 27 y 28 de Marzo en el Hotel Sheraton de Lima desde las 8:00a.m., las entradas van desde S/.178.00 Nuevos Soles (Con Descuento) sólo para miembros de Comunidades Microsoft y S/.280.00 Nuevos Soles para los que no estén inscritos en la página web.

Imagen3Esta es una gran oportunidad para los profesionales y fanáticos de la tecnología de todo el Perú, podrán enterarse de todas las novedades que Microsoft está preparando para el 2012, entre las más importantes resaltan: Windows Azure, Windows 8, Internet Explorer 10, SQL Server 2012, Visual Studio 2012 (Nombre Por confirmar), Windows Phone 7, Expression Studio entre otras.

Dentro del evento tendremos 35 sesiones y lo mejor de todo... el Grupo Rio cerrará el evento con súper concierto para todos los asistentes.

Entre las primeras noticias tenemos la participación confirmada de:

  • Imagen2Jaime Sánchez – Microsoft México
  • Wilson Paes – Microsoft Chile
  • Lalo Steinmann – Microsoft Corp.

La fecha límite de inscripciones son 2 días antes del evento, recuerden inscribirse en la web de Comunidades Microsoft para obtener el descuento respectivo, las entradas estarán a la venta en Teletiket de Won y Metro.

Y para terminar este post les brindo este dato súper secreto entre las personas que compren entradas hasta el 15 de febrero podrán entrar al Ask The Experts un día antes del evento (No compartan esta información con sus colegas XD ).

Les recomiendo llevar dinero extra para comprar tikets para la tómbola, donde podrán participar en el sorteo de Libros de Certificación, Microsoft Hardware, Software Original, polos y otras sorpresas, lo recaudado servirá para ayudar al Programa Microsoft Solidario.

Nos vemos en el MSDN+TechNet Summit Perú 2012!!!

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952

lunes, 30 de enero de 2012

Mi primera página en HTML5 y CSS3

Encontré este artículo en la web de MSDN España, espero les sirva:

En este artículo explicaremos cómo crear nuestra primera página en HTML5 y CSS3 con WebMatrix 2, veremos algunas de las novedades en etiquetas y atributos de estos estándares y las ventajas que nos ofrece WebMatrix 2 para esta tarea.

Para ello necesitaremos descargar la herramienta:


Descárgalo gratis desde aquí, empieza a desarrollar tu sitio web y ayuda a mejorar la herramienta publicando tu feedback en el foro de WebMatrix.

internetexplorer9logo
Internet Explorer 9 es el navegador más compatible con HTML5. Si no lo tienes instalado deberías probarlo. Puedes descargarlo desde aquí.

 

Empieza con WebMatrix

imageimage

Cuando iniciamos WebMatrix tendremos la opción de abrir un sitio ya creado, de empezar a programar desde una plantilla o instalar una aplicación de la galería. Elegiremos crear nuestro sitio web desde una plantilla, que será la plantilla de sitio vacío para crearlo desde cero.

En la pantalla principal de WebMatrix seleccionamos el icono Files de la parte inferior izquierda y haremos doble clic en el fichero Default.cshtml. Este fichero será nuestra página de inicio del sitio web. Viene con la estructura base para que podamos empezar a programar en HTML5 y utilizar sintáctica Razor para código de servidor. En este artículo nos centraremos en el código HTML5.

 

Estructura HTML5

Con HTML5 tendremos una web más simple y semántica gracias a las nuevas etiquetas para identificar mejor algunos elementos y no llenar nuestra página de elementos div sin ningún valor semántico. El ejemplo más claro son las etiquetas <video> y <audio> utilizadas para esta clase de elementos multimedia pudiendo identificarlos mejor que con los típicos div con un id.

 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

</body>

</html>

image

Con WebMatrix 2 si no tienes muchos conocimientos de HTML5, su estructura y nuevas etiquetas, no te preocupes, mientras escribes te aparecerán sugerencias mostrándote las etiquetas que puedes utilizar y cuando la selecciones te pondrá la etiqueta de cierre automáticamente para que no se te olvide.

imageSi quieres una ayuda más amplia puedes presionar el icono de ayuda que aparece arriba a la derecha. Este icono abre un panel en el que aparecen enlaces a material y cursos referente al tipo de codificación que tenga la página. Si estamos creando una página .cshtml podremos ver ayuda sobre ASP.NET si es .html será sobre HTML5, etc.

 

Uso de Header, Nav y Footer

Vamos a editar la estructura para adecuarla a lo que queremos, empezando por cambiar el lenguaje de la página a español y poniendo el título “Mi primer sitio html5”. También pondremos un título, un menú de navegación y el pie de página.

Existe una etiqueta nueva denominada <header>. Se utiliza para los elementos que sean encabezados, normalmente títulos, que tengamos en nuestra página y pueden haber varias de estas etiquetas. El título lo pondremos dentro de una etiqueta <header>.

Para el menú utilizaremos la etiqueta <nav> que es la etiqueta para este tipo de funcionalidad que se ha añadido en HTML5. Añadiremos unos cuantos enlaces en el menú. En HTML5 también existe una etiqueta <menu> pero hay que tener en cuenta que si se trata del menú de navegación se debe utilizar <nav>.

El pie de página será un elemento <footer> y dentro de este hemos añadido el copyright y una fecha para mostrar la última actualización.

<!DOCTYPE html>

<html lang="es">

<head>

<meta charset="utf-8" />

<title>Mi primer sitio HTML5</title>

</head>

<body>

<header><h1>Mi primer sitio HTML5</h1></header>

<nav>

<ul>

<li><a href="#">inicio</a></li>

<li><a href="#">blog</a></li>

<li><a href="#">vídeos</a></li>

</ul>

</nav>

<footer>

<small>

Copyright &copy; 2011<br/>

Actualizado en: 11 Noviembre 2011

</small>

</footer>

</body>

</html>

Etiquetas Section y Article

Para que no quede tan desolada la página vamos a añadir algo de texto. Para ello insertaremos un elemento <section> entre el menú y el pie, y dentro de ella unos elementos <article> donde pondremos un pequeño texto con un título. El título lo pondremos también entre etiquetas <header>.

<section>

<article>

<header><h2>WebMatrix 2</h2></header>

<p>WebMatrix 2 Beta es una herramienta para desarrollo web con la que

podrás instalar, desarrollar, optimizar, desplegar y administrar tus sitios.

De esta forma, WebMatrix 2 te permite crear tus sitios web utilizando sólo

una herramienta. Esta herramienta trae consigo muchas novedades orientadas

sobre todo a ayudar al desarrollador en la tarea de construir su sitio

web.</p>

</article>

</section>

La etiqueta <article> está pensada para definir contenidos que pueda publicarse o distribuirse independientemente, como artículos, comentarios de post, etc. Unas etiquetas de este tipo pueden contener a otras por ejemplo tener el contenido de un post con esta etiqueta y después varias etiquetas dentro correspondientes a los comentarios del mismo.

Definir el uso de <section> es un poco más complejo. Según el estándar representa una sección genérica agrupando un contenido con la misma temática y contiene una cabecera.

Puede ver todas las nuevas etiquetas de HTML5 aquí.

Primer vistazo

image

Ahora ejecutaremos el sitio para ver el resultado de nuestro primer código HTML5. Para ello tenemos el botón Run en la barra superior. Podemos presionar directamente este botón abriéndose nuestro sitio en el navegador que tengamos por defecto o acceder al menú para seleccionar en cuál queremos ejecutarlo o hacerlo en todos con un único clic.

image

Editar estilo con WebMatrix

El resultado que obtenemos es muy simple debido a que no hemos aplicado ningún estilo, así que nos pondremos a ello. Seleccionamos nuestro sitio web y crearemos un nuevo fichero, ya sea presionando el botón New en el menú de la parte superior o haciendo clic con el botón derecho encima de la carpeta de nuestro sitio “Mi primer sitio HTML5”.

Nos aparecerá el panel para elegir el tipo de fichero y nombrarlo. Elegiremos un fichero de tipo CSS y de nombre pondremos estilo.css.

image

Se nos abrirá el fichero CSS para que lo editemos. Si tenemos abierto el panel de ayuda de la derecha podremos ver distintos enlaces a material sobre CSS. Aparte de esta ayuda y de las sugerencias que te ofrece WebMatrix para completar el código, tenemos un Color imagePicker.

Este control aparece cuando tenemos que poner alguna propiedad de tipo color. Tendremos una barra donde podremos elegir colores de una fila estando al principio los que hayamos usado ya en la página. Si presionamos el botón + que está en la barra se despliega un panel con el que podremos elegir mejor el color que queramos y cambiar la transparencia o, en cambio, copiar alguno gracias a la herramienta de selección de color.

Otra ayuda interesante que nos propone WebMatrix aparece a la hora de escribir el valor de algún atributo, informándonos, aparte de sugerencias de posibles valores, qué tipo de valores puede contener ese atributo. En el ejemplo podemos ver cómo nos aparece que el atributo font-size puede tener valores absolutos, relativos, una unidad de medida o un porcentaje.

image

 

Maquetar la página

Una vez explicado cómo WebMatrix nos puede ayudar con nuestro estilo, vamos a ir creando un estilo no muy complejo para nuestro sitio web. Primero tendremos que añadir a nuestro fichero HTML5 en la sección <head> un enlace al fichero CSS para que coja el estilo aplicado en ese CSS.

<link rel="stylesheet" href="estilo.css"/>

Empezaremos por “colocar” las 3 partes que se compone nuestra página. Pondremos el menú de navegación a la izquierda, la sección con los artículos a la derecha y el pie de página debajo de la sección a la izquierda. También le daremos un ancho fijo a cada una.

nav{

float:left;

width: 150px;

}

section{

float:right;

width:570px;

}

footer{float:left}

He elegido ese ancho debido a que voy a crear la página para una resolución de 1024x720. Lo ideal si se pone un ancho fijo es ir cambiándolo según la resolución del dispositivo desde el que esté navegando el usuario con las Media-Queries. Con las Media-Queries podremos hacer sentencias más precisas que las que podíamos hacer con la regla Media gracias a los nuevos valores que se pueden introducir en los atributos.

Para que quede bien el contenido debemos poner un ancho fijo también al <body> y así centramos el contenido. De paso, utilizando el Color Picker, elegiremos un color para el fondo y pondremos un pequeño margen.

body {

background-color:#f2f2f2;

margin: 36px auto;

width: 720px;

}

Personalizar el menú de navegación

Una vez estructurada la página vamos a dar estilo al menú de navegación. Con el atributo list-style-type podemos cambiar el tipo de enumeración de la lista, para este caso no pondremos ninguno y añadiremos un margin y un padding igual a cero.

nav ul {

list-style-type:none;

margin: 0px;

padding: 0px;

}

También utilizaremos text-transform para aplicar transformaciones al texto, en este caso de todas las transformaciones que tenemos usaremos la de poner la primera letra de las palabras en mayúscula, “capitalizar” las palabras de la lista, cambiaremos el color del texto y quitaremos el formato de enlace.

nav ul li {

margin: 5px; padding: 10px; text-transform:capitalize; font-size: 20px;

}

nav ul li a {

color:#e34c26;

text-decoration: none;

}

Utilizar CSS Selector

Una característica interesante de CSS3 es la posibilidad de seleccionar elementos por medio de los CSS Selectors. Los CSS Selectors nos permiten elegir a qué hijos de un elemento queremos aplicar un determinado estilo de una forma fácil. Cómo ejemplo vamos a aplicar un estilo distinto a los elementos pares e impares de <article> que tenemos poniendo un fondo blanco con distinta transparencia con el Color Picker.

article:nth-child(odd){

background-color:rgba(255, 255, 255, 0.20)

}

article:nth-child(even){

background-color:rgba(255, 255, 255, 0.60)

}

Podemos ver que con CSS Selector aplicar un estilo distinto dependiendo de la paridad del elemento es muy fácil con el atributo odd y even. También acepta ecuaciones, por ejemplo (3n), con lo que el estilo se aplicaría cada 3 elementos.

 

Redondear esquinas de bordes con border-radius

Para mejorar un poco el aspecto de nuestra página vamos a añadir bordes a los elementos de nuestro menú y artículos.

En CSS3 se ha añadido una nueva característica denominada border-radius con la que podremos redondear los bordes de los elementos sin necesidad de poner imágenes de fondo para lograr esta clase de efecto. Se puede cambiar el ángulo de la curva del borde para decir cuán pronunciada la queremos.

Aplicaremos un borde uniforme a los artículos mientras que para los elementos del menú haremos un borde más estiloso para comprobar todo el potencial de este atributo. Más información aquí.

article{

margin-bottom:5px; padding: 10px;

border-radius: 10px 10px 10px 10px;

border-style: solid;

border-width: 2px;

border-color:#ffffff;

}

nav ul li {

margin: 5px; padding: 10px; text-transform:capitalize; font-size: 20px;

border-radius: 152px 304px 228px 152px;

border-style: solid;

border-width: 3px;

border-color:#ffffff

}

Último vistazo

Ya hemos creado nuestra estructura en HTML5 y aplicado un estilo a los elementos viendo algunas de las novedades de CSS3. Para acabar volveremos a ejecutar nuestro sitio para ver el resultado.

image

Recursos y referencias

Descarga WebMatrix 2 Beta

Novedades de WebMatrix 2 Beta para crear sitios web

Sintaxis de WebMatrix y vistas de ASP.NET MVC

Acceso a Bases de Datos y Helpers Sociales

Página oficial de WebMatrix

Desarrollo con WebMatrix

W3C: HTML5 y CSS3

Aquí pueden ver la fuente del artículo.

Saludos


MVP_HorizontalFrancis Urteaga
Microsoft MVP | Internet Explorer
clip_image00352clip_image00452clip_image00652clip_image00752clip_image00952