Mozilla acaba de lanzar su beta 2 de Firefox 4 disponible desde la Web de Mozilla. Como novedad aporta App Tabs por la ahora se pueden crear pestañas con aplicaciones como Gmail de Google, Twitter, Facebook y otras aplicaciones accesibles desde la Web. Ahora accesibles mediante un icono en la barra superior.
Esta es la novedad más interesante lanzada en esta beta y que puede venir integrado con Tab Candy de la que os hablamos hace poco.
Esta 2º Beta de Firefox 4 trae consigo otras novedades para desarrolladores como CSS Transitions, de forma que los cambios realizados en la programación de un sitio se verán reflejados en un cierto intervalo de tiempo, que ajustemos. Hasta ahora los cambios realizados en CSS se hacían visibles al instante.
Puedes ver un video de App Tabs, lo nuevo en esta 2º beta que permite crear aplicaciones con servicios de internet a través de un simple ...
En el Área Innovación habrá esta tarde una charla de “HTML 5” por Jose Manuel Cantera. Acutalizaremos en este artículo toda la información relativa al mismo. También podéis ver el streaming en la web de Campus Party TV . Estaros atentos…
- En los primeros minutos hemos estado viendo la historia del HTML, desde sus inicios hasta el día de hoy, HTML 5.
- Hemos estado viendo los estilos de diseño que lleva HTML 5, tales como elemento content, video, imagen, pie de página, etc.
- Anteriormente, el lenguaje de codificación de HTML era puro text/html, mientras que por el contrario ahora en HTML5 cambia la serialización a application/xhtml+xml o application/xml.
- Algunas de las diferencias entre XHTML vs HTML en cuanto a etiquetas tales como rel=”stylesheet”, span, etc. que en HTML5 mejoran con diferencia. También algunas de las nuevas mejoras son los atributos globales que implementa HTML5 (ejemplo: @style, @title, @role, @draggable, etc.).
- Surgen nuevos ...
A través de noupe.com hemos visto esta fantástica recopilación de técnicas en Javascript y jQuery listos para utilizar en Diseño de páginas web. Esta recopilación cuenta con Snippets, librerías, artículos, herramientas y recursos listos para usar que mejorarán la experiencia de usuario en tu Sitio Web ofreciendo un mayor dinamismo, productividad y presencia.
Colorful Sliders With jQuery & CSS3
En este Tutorial se usa jQuery además de características en CSS3 para crear un efecto Slider dinámico en 3D. Estas técnicas se puede utilizar en pequeños proyectos con jQuery.
Sponsor Flip Wall With jQuery & CSS
Este codigo ya lo vimos en una entrada anterior y te proporcionará un bloque de Banners animados en jQuery, bastante dinámico, para tu página web.
TipTip jQuery Plugin
TipTip detecta el tamaño de las ventanas de los navegadores y permite dar tamaño a los tooltip con coherencia. De esta forma el tooltip se ajustará perfectamente al tamaño de pantalla. Está ...
Siguiendo con las nuevas propiedades que nos aporta CSS3 hemos visto en css3.info una nueva funcionalidad que aporta mucho dinamismo a las cajas de texto o textareas, usadas a día de hoy para Formularios, Comentarios en WordPress, páginas de contacto y para páginas de empresa.
Hablamos de la propiedad resize de CSS3, con la que vas a poder redimensionar una caja de texto dinámicamente (por parte del usuario). Esta funcionalidad antes implementada en Javascript dispone de su homólogo en CSS3 y como decimos es muy dinámico, ideal para una plantilla de comentarios en el que el usuario puede agrandar la caja a su antojo.
El codigo en CSS para esta propiedad:
[php]div.resize { width: 100px; height: 100px; border: 1px solid; resize: both; overflow: auto; }[/php]
El Ejemplo de Resize en CSS3:
Gracias a ...
Tab Candy se presenta como un proyecto para Firefox para organizar las pestañas. Lo curioso en este proyecto es que se realiza a través de ventanas, que nos da la sensación de tratarse de un Sistema operativo, ya que los Sistemas operativos están basados en ventanas.
No se trata de una extensión o plugin para Firefox aunque tampoco se sabe si será una novedad en Firefox 4 o se trata de un proyecto más independiente. De momento disponible en una prebeta de Firefox. Tab Candy te permite gestionar las pestañas de forma muy visual, como puedes ver en el vídeo de arriba.
Una vez que tiene abiertas múltiples pestañas con contenido distinto puedes acceder a través de un botón en la barra de dirección a una interfaz gráfica desde la que puedes arrastrar/soltar las pestañas en distintas ventanas, así como darle nombre a dichas ventanas.
Lo cierto es que Tab Candy cobra todavía ...
Omer Cetin, un diseñador con talento está compartiendo 2 sets con un total de 110 iconos bastante originales. Estos Iconos está en formato .PNG y con una resolución de 32 x 32 pixeles.
Además incluye iconos para documentos, multimedia, dispositivos y mucho más. Si necesitas recopilar iconos para tus proyectos o para uso personal te lo recomendamos.
Autor Omer Cetin
PixeloPhilia (66 iconos)
PixeloPhilia2 (44 iconos)
Visto en webresourcesdepot
he icons are in transparent PNG format, 32*32px size and including items like documents, media, devices and much ...
Desde Applesfera informan que quedan menos de 15 días para que se celebre la Campus Mac 2010 en Barcelona. Más concretamente se celebrará el 3 de Agosto y reunirá a todos los usuarios Mac de España en una concentración que dura 6 días con actividades al aire libre, juegos, concursos, gente interesante y para compartir intereses con gente de toda España.
Este evento es una de las concentraciones informáticas más importantes y de Diseño también, ya que muchos productos de Apple están orientados a ello. Además se ofrecen charlas informativas sobre nuevas tecnologías y todo lo relacionado con aplicaciones de Apple.
En la página oficial de la Campus Mac están todos los detalles para apuntarse y poder participar en este evento. Además ya está disponible la lista de talleres que se llevarán a cabo..
Pagina oficial Campus Mac
Fuente ...
Una de las nuevas funciones disponibles con CSS3 es box-shadow por la que puedes añadir sobre a las cajas de texto o contenedores con CSS. Esta función ya está añadida en Safari 3 y Firefox 3.1 por lo que la puedes incluir en tus diseños sin problema.
Esta propiedad toma 2 valores de largo y un color. box-shadow toma 3 propiedades:
offset horizontal: el valor positivo significará que la sombra se situará a la derecha del elemento y una valor negativo a la izquierda del mismo.
offset vertical: que tomará un valor negativo para colocar la sombra por encima del elemento y un calor positivo por debajo del mimo.
blur radios: este parámetro con valor 0 cojerá la máxima definición para la sobra y conforme subamos en número ofrecerá un aspecto más difuminado.
Ahora vamos a ver un ejemplo de uso: (tras el salto)
[html]
Esto es un ejemplo de box-shadow…
[/html]
Fuente ...
Del diseñador azmoney nos llega este tema para WordPress grauito. Un tema sencillo y simple que puede ser utilizado para Blogs pesonales como proyectos profesionales. Además es compatible con WordPress 3.0 y dispone de muchas variaciones de fondos para personalizarlo.
Dispone de plantilla personalizada de Comentarios con resaltados para comentarios del autor utilizando CSS personalizado. Además dispone de página de opciones de tema.
Otras características como optimización para SEO, está basado en el framework CSS “Blueprint”. Valid CSS & XHTML. Como decimos se trata de un sencillo tema para añadirle toda la funcionalidad que necesites.
Dispone de página de opciones para el tema, para personalizar un widget con los datos del autor, a modo de bio.
Puedes descargar este tema desde ...
PIE, Progressive Internet Explorer es un archivo .htc que le dará la opción a versiones de Internet Explorer 6-8 de reconocer y visualizar un buen número de propiedades en CSS3.
A la hora de estilar no requiere que realices cambios drásticos en el Codigo CSS. Además no requiere de menciones a vendedores del estilo: border-radius -moz-border-radius, (como es el caso de navegadores Firefox)
Simplemente tendrás que enlazar con un adjunto en el Código CSS de la siguiente manera:
[html]behavior: url(PIE.htc);[/html]
y habilitará parcialmente todas las propiedades CSS3 como:
border-radius
box-shadow
border-image
multiple background images
linear-gradient as background image
Fuente ...
Rescatamos este set de iconos de Tutorial9 por su diseño tan original. En cuanto a Diseño Web casi todo se puede interpretar ya. Hemos visto Blogs con estilo de bloc de notas que dan un aspecto de escritorio. Este set nos ofrece 27 iconos con diseño de madera.
Esta pack está diseñado por Dawghouse Design Studio y se pueden utilizar tanto para uso personal y comercial.
Puedes descargar el pack completo desde Tutorial9, gracias por el gran ...
Poco tiempo se ha tardado en hacer una película de los fundadores de Facebook Mark Zuckerberg (presidente ejecutivo de Facebook) y sus amigos, decimos amigos ya que se cuenta que desarrolló la aplicación de Facebook en una residencia de Harvard en el 2004.
De hecho Mark Zuckerberg fue nombrado millonario más joven del mundo con 23 años y posee la aplicación social que más ingresos genera, entre 500 millones y 650 millones de dólares el 2009. Además Facebook cuenta con unos 500 millones de usuarios aproximadamente.
Como dato anecdótico Zuckerberg señaló que la red social siempre se mantendrá como un servicio gratis para todo el mundo. Ya que los beneficios antes mencionados se realizan a través de los anuncios que se realizan dentro de la aplicación.
Fuente ...
Si trabajas con algún plugin o funcionalidad que requiera jQuery, como por ejemplo galerías de imágenes o contenido dinámico en tu página web y necesitas que esté actualizado jQuery a la última versión puedes utilizar un hack para WordPress que te permitirá hacerlo de forma automática.
De esta forma jQuery estará siempre en la última versión sin tener que actualizar nada por tu parte. Este hack utiliza los servidores CDN de alta velocidad de Google, que se actualizan automáticamente.
Para ello deberás modificar functions.php de tu plantilla de WordPress y agregar el siguiente código. De esta forma tu tema buscará en la carpeta de los servidores de Google en cuenta de tu tema.
[php]if( !is_admin()){
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, (“http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”), false, ”);
wp_enqueue_script(‘jquery’);
}[/php]
Prueba este hack con cuidado, si ves que pierde compatibilidad con algún otro plugin simplemente comentalo.
Fuente ...