Entradas etiquetadas ‘html
Más velocidad al unificar los CSS de tu web
Cada día es más importante la velocidad de carga de nuestras páginas webs y una de las cosas que sin duda ayuda a esto es reducir el número de ficheros que tenemos que abrir o consultar, tanto para CSS como para Javascript.
Unificar varios CSS en un único fichero de estilo para realizar una única petición HTTP es una tarea realmente sencilla. Solo tenemos que crear un fichero CSS con el contenido de todos nuestros CSS independientes y definirlos con @media.
Donde ahora tenemos esto:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="print.css" type="text/css" media="screen" />
<link rel="stylesheet" href="header.css" type="text/css" media="screen" />Pasaríamos a tener una única llamada a un único CSS que contendría algo así:
@media screen {
aquí el CSS del style.css
}
@media print {
aquí el CSS del print.css
}
@media header {
aquí el CSS del header.css}Además podemos definir todos los media disponibles que tengamos en nuestra página web. Y recuerda que ahora en la definición de link sobra el media y quedaría algo así:
<link rel="stylesheet" href="style.css" type="text/css" />Probar y veréis como una sencilla prueba en PageSpeed os dará un mejor resultado. Pero seguro que hay más cosas que puedes mejorar en tu página, pon empeño en ello porque redundará en una mayor velocidad de carga y además Google se sentirá más cómodo con tu sitio web.
Más información: Definición de media en w3.
vía: Sigt
Plantillas y temas para wordpress recomendados.2
Otra nueva recopilación de plantillas y temas para wordpress casi gratis que seguro te resultará muy interesante y completa para crear tu sitio web.
- Auguste HTML Premium Site, una plantilla muy interesante en rojo y blanco por solo 17$.
- Plantilla NN Studio Premium para montar tu portafilio y web de empresa.
- UMBOOM es un plantilla de gran calidad y muy profesional en xhtml+css.
- OpenHouse para wordpress para crear su web inmobiliaria con buscador de viviendas.
- The glamour es un tema para wordpress pensado para los negocios y mostrar tu portafolio.
- Socket una plantilla y gestor de contenidos en PHP para montar tu web corporativa con todo tipo de detalles.
- .honorem es un tema perfecto para tu web corporativa, de negocios y portafolio.
- Asylum es un conjunto de originales plantillas para montar sitios corporativos con distinción.
- Distinct es una plantilla html para portafoliso y negocios.
- Naturel es una plantilla profesional en xhtml+css para crear tu sitio de diseño web, negocios o portafolio.
- MicroSite una plantilla sencilla y limpia para montar tu curriculum web.
Plantilla HTML+CSS 11 en 1: Echoes
Echoes es una plantilla CSS+HTML de alta calidad y que está pensada para el diseño de sitios para empresas y portafolio de desarrolladores. Esta plantilla es un 11 en 1, ya que incluye 3 estilos para página principal, 7 plantillas de portafolio, 4 plantillas de páginas y un formulario de contacto con validación AJAX.
Entre sus características están la muestra de miniaturas en modo presentación o carrusel, páginas con ancho completo, soporte para imágenes y vídeos, menús, multi-columna en el pie, y otras muchas posibilidades de personalización.
Más información sobre la plantilla Echoes.
Relanzando Programacion en Castellano en beta
Actualización: Ya está abierto oficialmente la Beta de Programacion.com con acceso también por programacion.net y programacion.es
Después de meses, por no decir años, con un poco de abandono del proyecto Programación en Castellano, SL. Volvemos a la vida y empezar nuevamente a actualizar de forma regular y aceptar contenidos de los más de 200.000 desarrolladores registrados, que desde ya pueden colaborar enviado noticias, artículos, código fuente, … de todo tipo de contenidos PHP, Mysql, Java, ASP, HTML, CSS, Ruby, …
Programacion.com, programacion.net o programacion.es, aun está en fase beta y para acceder antes del lanzamiento podéis hacerlo a través de http://nuevo.programacion.com
Deja aquí tus comentarios, esperamos mejorar poco a poco y mi hermano ya está trabajando en ello con el equipo de programación.
Napkee convierte prototipos en html+css+js
Napkee es un gran complemento de la aplicación de creación de prototipos web Balsamiq Mockups porque proporciona la posibilidad de convertir tus wireframes en HTML + CSS + JavaScript, o también en una aplicación enriquecida para Internet (RIA) exportando a formato Flex Builder 3.
Napkee soporta todos los controles de Balsamiq por lo que la importación de tus prototipos es realmente sencilla y ágil, además que su autor está comprometido con la actualización y añadir mucho más nuevos controles, además de mejorar los existentes. Animate a experimentar con tu Mockups y verás todo lo que puedes conseguir, se importan de forma automática y la exportanción es realmente simple y efectiva.
Esta aplicación al igual que Balsamiq está desarrollada en Adobe AIR y es compatible con Windows, Linux y Mac OS X. Su precio realmente bajo, solo 49 dólares. Además desde aquí su autor nos ha facilitado una licencia gratis para sortear entre los que dejéis vuestros comentarios y sugerencias en este artículo.
